@progress/kendo-react-grid 5.11.1-dev.202302071533 → 5.11.1-dev.202302131506

package/dist/es/Grid.d.ts

@@ -170,7 +170,6 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private forceUpdateTimeout;
     private isRtl;
     private _gridId;
-    private _prevTotal;
     private get _header();
     constructor(props: GridProps);
     /**
@@ -231,6 +230,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private columnToGroup;
     private resetTableWidth;
     private onResize;
+    private reInitVirtualization;
     private flatData;
     private rowHeightService;
     private childrenToArray;

package/dist/es/Grid.js

@@ -116,7 +116,6 @@ var Grid = /** @class */ (function (_super) {
         _this.forceUpdateTimeout = undefined;
         _this.isRtl = false;
         _this._gridId = guid();
-        _this._prevTotal = undefined;
         /**
          * Method to allow the scroll to be set to a specific row index.
          *
@@ -173,11 +172,7 @@ var Grid = /** @class */ (function (_super) {
             return false;
         };
         _this.initializeVirtualization = function (total, groupable) {
-            if (_this.props.total !== _this._prevTotal || (_this.props.scrollable === 'virtual') !== _this.vs.scrollableVirtual) {
-                _this.vs.reset();
-                var VS = _this.getVirtualScroll(_this.props);
-                _this.vs = new VS(groupable || _this.props.rowHeight === undefined || _this.props.rowHeight === 0);
-            }
+            _this.reInitVirtualization(_this.props.scrollable === 'virtual', _this.props.total, _this.props.filter, _this.props.group, _this.props.sort, groupable || _this.props.rowHeight === undefined || _this.props.rowHeight === 0);
             _this.vs.fixedScroll = _this.props.fixedScroll || false;
             _this.vs.PageChange = _this.pageChange;
             _this.vs.realSkip = _this.props.skip || 0;
@@ -307,7 +302,7 @@ var Grid = /** @class */ (function (_super) {
             _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent);
         };
         _this.sortChange = function (sort, syntheticEvent) {
-            _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, { sort: sort }, syntheticEvent);
+            _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, __assign({ sort: sort }, (_this.props.scrollable === 'virtual' ? { skip: 0 } : {})), syntheticEvent);
         };
         _this.filterChange = function (filter, syntheticEvent) {
             _this.raiseDataEvent(_this.props.onFilterChange, { filter: filter }, { filter: filter || undefined, skip: 0 }, syntheticEvent);
@@ -333,6 +328,11 @@ var Grid = /** @class */ (function (_super) {
                 });
             }
         };
+        _this.reInitVirtualization = memoizeOne(function (_vScrolling, _total, _filter, _group, _sort, useCached) {
+            _this.vs.reset();
+            var VS = _this.getVirtualScroll(_this.props);
+            _this.vs = new VS(useCached);
+        });
         _this.flatData = memoizeOne(function (propsData, groupingFooter, skip, group, expandField, _filter, _sort) {
             var flattedData = [];
             var resolvedGroupsCount = flatData(flattedData, propsData, groupingFooter, { index: skip }, group !== undefined, expandField);
@@ -499,7 +499,6 @@ var Grid = /** @class */ (function (_super) {
         setScrollbarWidth();
         var rtl = isRtl(this.element);
         this.isRtl = rtl;
-        this._prevTotal = this.props.total;
         tableKeyboardNavigation.onComponentDidMount({
             scope: this.element || undefined,
             contextStateRef: this.contextStateRef,
@@ -525,7 +524,6 @@ var Grid = /** @class */ (function (_super) {
      */
     Grid.prototype.componentDidUpdate = function () {
         setScrollbarWidth();
-        this._prevTotal = this.props.total;
         if (this.vs.tableTransform && this.vs.table) {
             this.vs.table.style.transform = this.vs.tableTransform;
             this.vs.tableTransform = '';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1675783223,
+    publishDate: 1676299603,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/Grid.d.ts

@@ -170,7 +170,6 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private forceUpdateTimeout;
     private isRtl;
     private _gridId;
-    private _prevTotal;
     private get _header();
     constructor(props: GridProps);
     /**
@@ -231,6 +230,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private columnToGroup;
     private resetTableWidth;
     private onResize;
+    private reInitVirtualization;
     private flatData;
     private rowHeightService;
     private childrenToArray;

package/dist/npm/Grid.js

@@ -119,7 +119,6 @@ var Grid = /** @class */ (function (_super) {
         _this.forceUpdateTimeout = undefined;
         _this.isRtl = false;
         _this._gridId = (0, kendo_react_common_1.guid)();
-        _this._prevTotal = undefined;
         /**
          * Method to allow the scroll to be set to a specific row index.
          *
@@ -176,11 +175,7 @@ var Grid = /** @class */ (function (_super) {
             return false;
         };
         _this.initializeVirtualization = function (total, groupable) {
-            if (_this.props.total !== _this._prevTotal || (_this.props.scrollable === 'virtual') !== _this.vs.scrollableVirtual) {
-                _this.vs.reset();
-                var VS = _this.getVirtualScroll(_this.props);
-                _this.vs = new VS(groupable || _this.props.rowHeight === undefined || _this.props.rowHeight === 0);
-            }
+            _this.reInitVirtualization(_this.props.scrollable === 'virtual', _this.props.total, _this.props.filter, _this.props.group, _this.props.sort, groupable || _this.props.rowHeight === undefined || _this.props.rowHeight === 0);
             _this.vs.fixedScroll = _this.props.fixedScroll || false;
             _this.vs.PageChange = _this.pageChange;
             _this.vs.realSkip = _this.props.skip || 0;
@@ -310,7 +305,7 @@ var Grid = /** @class */ (function (_super) {
             _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent);
         };
         _this.sortChange = function (sort, syntheticEvent) {
-            _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, { sort: sort }, syntheticEvent);
+            _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, __assign({ sort: sort }, (_this.props.scrollable === 'virtual' ? { skip: 0 } : {})), syntheticEvent);
         };
         _this.filterChange = function (filter, syntheticEvent) {
             _this.raiseDataEvent(_this.props.onFilterChange, { filter: filter }, { filter: filter || undefined, skip: 0 }, syntheticEvent);
@@ -336,6 +331,11 @@ var Grid = /** @class */ (function (_super) {
                 });
             }
         };
+        _this.reInitVirtualization = (0, kendo_react_common_1.memoizeOne)(function (_vScrolling, _total, _filter, _group, _sort, useCached) {
+            _this.vs.reset();
+            var VS = _this.getVirtualScroll(_this.props);
+            _this.vs = new VS(useCached);
+        });
         _this.flatData = (0, kendo_react_common_1.memoizeOne)(function (propsData, groupingFooter, skip, group, expandField, _filter, _sort) {
             var flattedData = [];
             var resolvedGroupsCount = (0, index_1.flatData)(flattedData, propsData, groupingFooter, { index: skip }, group !== undefined, expandField);
@@ -502,7 +502,6 @@ var Grid = /** @class */ (function (_super) {
         (0, kendo_react_common_1.setScrollbarWidth)();
         var rtl = (0, kendo_react_data_tools_1.isRtl)(this.element);
         this.isRtl = rtl;
-        this._prevTotal = this.props.total;
         kendo_react_data_tools_1.tableKeyboardNavigation.onComponentDidMount({
             scope: this.element || undefined,
             contextStateRef: this.contextStateRef,
@@ -528,7 +527,6 @@ var Grid = /** @class */ (function (_super) {
      */
     Grid.prototype.componentDidUpdate = function () {
         (0, kendo_react_common_1.setScrollbarWidth)();
-        this._prevTotal = this.props.total;
         if (this.vs.tableTransform && this.vs.table) {
             this.vs.table.style.transform = this.vs.tableTransform;
             this.vs.tableTransform = '';

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1675783223,
+    publishDate: 1676299603,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };