@refinitiv-ui/efx-grid 6.0.72 → 6.0.74
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/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
|