@refinitiv-ui/efx-grid 6.0.72 → 6.0.74
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/column-selection-dialog/lib/column-selection-dialog.js +9 -7
- package/lib/column-selection-dialog/themes/base.less +4 -8
- package/lib/column-selection-dialog/themes/elemental/dark/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/elemental/dark/es5/all-elements.js +1 -1
- package/lib/column-selection-dialog/themes/elemental/light/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/elemental/light/es5/all-elements.js +1 -1
- package/lib/column-selection-dialog/themes/halo/column-selection-dialog.less +3 -0
- package/lib/column-selection-dialog/themes/halo/dark/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/halo/dark/es5/all-elements.js +1 -1
- package/lib/column-selection-dialog/themes/halo/light/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/halo/light/es5/all-elements.js +1 -1
- package/lib/column-selection-dialog/themes/solar/charcoal/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/solar/charcoal/es5/all-elements.js +1 -1
- package/lib/column-selection-dialog/themes/solar/column-selection-dialog.less +5 -1
- package/lib/column-selection-dialog/themes/solar/pearl/column-selection-dialog.js +1 -1
- package/lib/column-selection-dialog/themes/solar/pearl/es5/all-elements.js +1 -1
- package/lib/grid/index.js +1 -1
- package/lib/rt-grid/dist/rt-grid.js +61 -37
- package/lib/rt-grid/dist/rt-grid.min.js +1 -1
- package/lib/rt-grid/es6/Grid.d.ts +1 -1
- package/lib/rt-grid/es6/Grid.js +51 -34
- package/lib/tr-grid-cell-selection/es6/CellSelection.d.ts +2 -0
- package/lib/tr-grid-cell-selection/es6/CellSelection.js +19 -0
- package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.js +27 -24
- package/lib/tr-grid-filter-input/es6/FilterInput.d.ts +2 -0
- package/lib/tr-grid-filter-input/es6/FilterInput.js +33 -0
- package/lib/tr-grid-range-bar/es6/RangeBar.js +20 -3
- package/lib/tr-grid-row-filtering/es6/RowFiltering.js +35 -11
- package/lib/types/es6/FilterInput.d.ts +2 -0
- package/lib/types/es6/RealtimeGrid/Grid.d.ts +1 -1
- package/lib/versions.json +6 -6
- package/package.json +1 -1
@@ -1,2 +1,2 @@
|
|
1
|
-
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#f93;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(72,72,72,.5)}:host ef-item[focused] ef-checkbox{color:#000}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #a9afba;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #a9afba}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #orderChangePanel{display:flex;text-align:center;margin-top:10px;justify-content:space-between}:host #orderChangePanel>*+*{margin-left:10px}:host #moveButtons>*+:not(:first-child){margin-left:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #a9afba;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;justify-content:space-between}:host [slot=footer]>div{display:inline-flex;align-items:center;height:40px;padding-left:6px;padding-right:6px}:host [slot=footer]>div ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0}:host [slot=footer]>div ef-button+ef-button{margin-left:6px}:host .
|
1
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'column-selection-dialog', styles: ':host{background:#f93;display:inline-block;height:0;width:0}:host *{margin:0}:host [hide]{display:none}:host div{box-sizing:border-box}:host ef-item.disabled{color:rgba(72,72,72,.5)}:host ef-item[focused] ef-checkbox{color:#000}:host ef-item::part(center){white-space:normal}:host .title{line-height:14px}:host ef-dialog{width:700px;height:500px;min-width:490px}:host ef-tree{width:100%}:host ef-tree-item{min-width:100%;position:relative}:host .container{height:100%;display:flex;flex-direction:column}:host .row{display:flex}:host .row+.row{margin-top:10px}:host .side{width:50%;max-width:50%;display:flex;flex-direction:column;vertical-align:top;overflow:hidden;align-self:center;padding-left:5px;padding-right:5px;justify-content:center}:host .side:first-child{padding-left:0}:host .side:last-child{padding-right:0}:host #listSection{height:100%;overflow:hidden}:host #info_icon{vertical-align:top;font-size:14px}:host #tags_div>*{margin-right:5px;margin-bottom:10px}:host #allColumns{overflow:hidden;border:1px solid #a9afba;display:flex;flex-direction:column;flex-grow:1}:host #allColumnsSide,:host #visibleSide{height:100%}:host #visibleColumns{flex-grow:1;overflow-y:auto;border:1px solid #a9afba}:host #searchInput{width:100%}:host .no-results{pointer-events:none;text-align:center;margin-top:10px}:host #orderChangePanel{display:flex;text-align:center;margin-top:10px;justify-content:space-between}:host #orderChangePanel>*+*{margin-left:10px}:host #moveButtons>*+:not(:first-child){margin-left:10px}:host #descriptionContainer{margin-top:10px;min-height:60px;overflow-y:auto;border:1px solid #a9afba;font-size:12px;line-height:18px;box-sizing:border-box;padding:3px 10px}:host #selectAllHeader{min-height:28px;text-transform:none;cursor:pointer}:host #selectAllHeader #selectAllCheckbox{pointer-events:none}:host [slot=footer]{display:flex;justify-content:space-between}:host [slot=footer]>div{display:inline-flex;align-items:center;height:40px;padding-left:6px;padding-right:6px}:host [slot=footer]>div ef-button{text-transform:uppercase;margin-top:0;margin-bottom:0}:host [slot=footer]>div ef-button+ef-button{margin-left:6px}:host .div-icon{position:absolute;right:0;top:0;width:24px;height:100%;text-align:center}:host ef-tree-item .item .div-icon:hover{background-color:var(--color-scheme-primary)}:host .info-icon{font-size:18px;height:100%;display:none}:host ef-tree-item:hover .item .info-icon{display:inline-block;color:#fff}:host .bg-highligted{background-color:var(--color-scheme-tertiary);color:var(--color-scheme-complementary)}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #fff;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#8a8a96;border-radius:7px;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:#a9afba}::-webkit-scrollbar-thumb:active{background:#ee7600}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:#fff}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}.tree-label{margin-right:11px}' }}))
|
2
2
|
|
package/lib/grid/index.js
CHANGED
@@ -35112,7 +35112,14 @@ VirtualizedLayoutGrid.prototype.getFirstIndexInView = function () {
|
|
35112
35112
|
|
35113
35113
|
/** @inheritDoc */
|
35114
35114
|
VirtualizedLayoutGrid.prototype.getLastIndexInView = function () {
|
35115
|
-
|
35115
|
+
var li = this._firstIndex + this._getInnerRowCount() - 1;
|
35116
|
+
var core = this._grid._getContext();
|
35117
|
+
var dv = core.getDataSource();
|
35118
|
+
var actualLastIndex = dv ? dv.getRowCount() - 1 : -1;
|
35119
|
+
if (li > actualLastIndex) { //Avoid incorrect index because the delay of row count synchronization after filtering
|
35120
|
+
return actualLastIndex;
|
35121
|
+
}
|
35122
|
+
return li;
|
35116
35123
|
};
|
35117
35124
|
|
35118
35125
|
/** @inheritDoc */
|
@@ -36228,7 +36235,7 @@ Core.prototype._firstRendered = false;
|
|
36228
36235
|
* @return {string}
|
36229
36236
|
*/
|
36230
36237
|
Core.getVersion = function () {
|
36231
|
-
return "5.1.
|
36238
|
+
return "5.1.81";
|
36232
36239
|
};
|
36233
36240
|
/** {@link ElementWrapper#dispose}
|
36234
36241
|
* @override
|
@@ -41099,7 +41106,7 @@ Core.prototype._onRowHeightChanged = function (e) {
|
|
41099
41106
|
// TODO: Set row height one by one is not good
|
41100
41107
|
for(var j = 0; j < len; ++j) {
|
41101
41108
|
var evt = evts[j];
|
41102
|
-
var section = /** @type {ILayoutGrid} */(evt["
|
41109
|
+
var section = /** @type {ILayoutGrid} */(evt["section"]);
|
41103
41110
|
if(!this._containsSection(section)) {
|
41104
41111
|
continue; // The section is no longer contained in this grid
|
41105
41112
|
}
|
@@ -46686,7 +46693,7 @@ Grid.prototype.addStaticDataRows = function(dataRows, fields) {
|
|
46686
46693
|
/** Insert, update, remove and reorder data based on the given array of records
|
46687
46694
|
* @public
|
46688
46695
|
* @param {Array.<Object>} records Array of records for insert, remove, update, reorder in one operation
|
46689
|
-
* @param {string} rowIdentifier Check difference data with the row identifier map property for operate record.
|
46696
|
+
* @param {string=} rowIdentifier Check difference data with the row identifier map property for operate record.
|
46690
46697
|
* @example
|
46691
46698
|
* // Grid data set will be updated to 3 records. All rows in the grid will be cleared and new rows will be inserted
|
46692
46699
|
* grid.updateDataSet([
|
@@ -46738,47 +46745,64 @@ Grid.prototype.updateDataSet = function(records, rowIdentifier) {
|
|
46738
46745
|
var rowDef, id, record, i;
|
46739
46746
|
var rowDefs = this.getAllRowDefinitions(); // Include the filter/hidden rows
|
46740
46747
|
var rowDefCount = rowDefs.length;
|
46741
|
-
|
46742
|
-
|
46743
|
-
|
46744
|
-
|
46745
|
-
|
46746
|
-
|
46747
|
-
|
46748
|
-
|
46748
|
+
if(rowIdentifier) {
|
46749
|
+
for (i = 0; i < rowDefCount; i++) {
|
46750
|
+
rowDef = rowDefs[i];
|
46751
|
+
if(rowDef) {
|
46752
|
+
id = rowDef.getRowData()[rowIdentifier];
|
46753
|
+
if(id || id === 0) {
|
46754
|
+
oldDataMap[id] = rowDef;
|
46755
|
+
} else { // Any existing rowDef without row identifier should be removed
|
46756
|
+
this.removeRow(rowDef); // Slow
|
46757
|
+
}
|
46749
46758
|
}
|
46750
46759
|
}
|
46751
|
-
}
|
46752
46760
|
|
46753
|
-
|
46754
|
-
|
46755
|
-
|
46756
|
-
|
46757
|
-
|
46758
|
-
|
46759
|
-
|
46760
|
-
|
46761
|
-
|
46762
|
-
|
46763
|
-
|
46761
|
+
var idMap = {};
|
46762
|
+
var newDataMap = {};
|
46763
|
+
for (i = recordCount - 1; i >= 0; i--) {
|
46764
|
+
record = records[i];
|
46765
|
+
id = record[rowIdentifier];
|
46766
|
+
rowDef = oldDataMap[id];
|
46767
|
+
newDataMap[id] = record; // Assign a new data map to compare to the previous data
|
46768
|
+
record[fieldSorting] = i;
|
46769
|
+
if(idMap[id]) { // Prevent assign data in duplicate row
|
46770
|
+
continue;
|
46771
|
+
}
|
46772
|
+
idMap[id] = true;
|
46773
|
+
if (!rowDef) {
|
46774
|
+
this.insertRow({ values: record}); // Insert last position
|
46775
|
+
} else {
|
46776
|
+
rowDef.setRowData(record);
|
46777
|
+
}
|
46764
46778
|
}
|
46765
|
-
|
46766
|
-
|
46767
|
-
|
46768
|
-
|
46769
|
-
|
46779
|
+
// Check Remove previous data
|
46780
|
+
for (var rowIdentifierName in oldDataMap) {
|
46781
|
+
if (oldDataMap[rowIdentifierName] && !newDataMap[rowIdentifierName]) {
|
46782
|
+
this.removeRow(oldDataMap[rowIdentifierName]); // Slow
|
46783
|
+
}
|
46784
|
+
}
|
46785
|
+
this._dt.sortOnce(ROW_DEF, "a", compareNumber, fieldSorting);
|
46786
|
+
} else {
|
46787
|
+
for (i = 0; i < rowDefCount; i++) {
|
46788
|
+
record = records[i];
|
46789
|
+
if(record) {
|
46790
|
+
oldDataMap[i] = rowDefs[i]; // Use index instead of rowIdentifier
|
46791
|
+
} else {
|
46792
|
+
this.removeRow(rowDefs[i]); // Need to use rowRef, can't use index in view
|
46793
|
+
}
|
46770
46794
|
}
|
46771
|
-
}
|
46772
46795
|
|
46773
|
-
|
46774
|
-
|
46775
|
-
|
46776
|
-
|
46796
|
+
for (i = 0; i < recordCount; i++) { // It will be sort by index when insert / update
|
46797
|
+
record = records[i];
|
46798
|
+
rowDef = oldDataMap[i];
|
46799
|
+
if (!rowDef) {
|
46800
|
+
this.insertRow({ values: record}); // Insert last position
|
46801
|
+
} else {
|
46802
|
+
rowDef.setRowData(record);
|
46803
|
+
}
|
46777
46804
|
}
|
46778
46805
|
}
|
46779
|
-
|
46780
|
-
// Sorting
|
46781
|
-
this._dt.sortOnce(ROW_DEF, "a", compareNumber, fieldSorting);
|
46782
46806
|
};
|
46783
46807
|
/** @private
|
46784
46808
|
* @param {Array|Object} item
|