@progress/kendo-react-grid 4.11.0-dev.202110291059 → 4.11.0-dev.202111060921

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.
Files changed (11) hide show
  1. package/dist/cdn/js/kendo-react-grid.js +1 -1
  2. package/dist/es/Grid.d.ts +1 -0
  3. package/dist/es/Grid.js +7 -3
  4. package/dist/es/columnMenu/GridColumnMenuFilter.js +1 -1
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/npm/Grid.d.ts +1 -0
  7. package/dist/npm/Grid.js +7 -3
  8. package/dist/npm/columnMenu/GridColumnMenuFilter.js +1 -1
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/dist/systemjs/kendo-react-grid.js +1 -1
  11. package/package.json +18 -18
package/dist/es/Grid.d.ts CHANGED
@@ -109,6 +109,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
109
109
  private contextStateRef;
110
110
  private navigationStateRef;
111
111
  private _data;
112
+ private wrapperScrollTop;
112
113
  /**
113
114
  * A getter of the current columns. Gets the current column width or current columns, or any other [`GridColumnProps`]({% slug api_grid_gridcolumnprops %}) for each defined column. Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref` callback. The following example demonstrates how to reorder the columns by dragging their handlers and check the properties afterwards. You can check the result in the browser console.
114
115
  *
package/dist/es/Grid.js CHANGED
@@ -90,6 +90,7 @@ var Grid = /** @class */ (function (_super) {
90
90
  _this._columnsMap = [[]];
91
91
  _this.contextStateRef = { current: undefined };
92
92
  _this.navigationStateRef = { current: undefined };
93
+ _this.wrapperScrollTop = 0;
93
94
  _this.element = null;
94
95
  _this.tableElement = null;
95
96
  _this._header = null;
@@ -133,19 +134,22 @@ var Grid = /** @class */ (function (_super) {
133
134
  return;
134
135
  }
135
136
  clearTimeout(_this.forceUpdateTimeout);
136
- if (_this.props.columnVirtualization && !_this.vs.scrollableVirtual) {
137
+ var scrollLeft = event.currentTarget.scrollLeft;
138
+ var scrollTop = event.currentTarget.scrollTop;
139
+ if (_this.props.columnVirtualization && (!_this.vs.scrollableVirtual || scrollTop === _this.wrapperScrollTop)) {
137
140
  _this.forceUpdateTimeout = window.setTimeout(function () { _this.forceUpdate(); }, 0);
138
141
  }
139
142
  if (_this._header) {
140
- _this._header.setScrollLeft(event.currentTarget.scrollLeft);
143
+ _this._header.setScrollLeft(scrollLeft);
141
144
  }
142
145
  if (_this._footer) {
143
- _this._footer.setScrollLeft(event.currentTarget.scrollLeft);
146
+ _this._footer.setScrollLeft(scrollLeft);
144
147
  }
145
148
  if (_this.vs) {
146
149
  _this.vs.scrollHandler(event);
147
150
  }
148
151
  dispatchEvent(_this.props.onScroll, event, _this, undefined);
152
+ _this.wrapperScrollTop = scrollTop;
149
153
  };
150
154
  _this.onKeyDown = function (event) {
151
155
  tableKeyboardNavigation.onKeyDown(event, {
package/dist/es/columnMenu/GridColumnMenuFilter.js CHANGED
@@ -340,7 +340,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
340
340
  React.createElement(GridColumnMenuItem, { title: localizationService.toLanguageString(filterTitle, messages[filterTitle]), iconClass: 'k-i-filter', onClick: this.onFilterExpand }),
341
341
  React.createElement(GridColumnMenuItemContent, { show: !!expandState },
342
342
  React.createElement("div", { className: 'kendo-grid-filter-menu-container' },
343
- React.createElement("form", { className: 'k-filter-menu k-group k-reset k-state-border-up', onSubmit: this.submit, onReset: this.clear },
343
+ React.createElement("form", { className: 'k-filter-menu k-group k-reset k-state-border-up', onSubmit: this.submit, onReset: this.clear, onKeyDown: function (e) { return e.stopPropagation(); } },
344
344
  React.createElement("div", { className: 'k-filter-menu-container' },
345
345
  FilterUI ?
346
346
  React.createElement(FilterUI, __assign({}, filterUIProps)) :
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-grid',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1635504782,
8
+ publishDate: 1636189957,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/npm/Grid.d.ts CHANGED
@@ -109,6 +109,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
109
109
  private contextStateRef;
110
110
  private navigationStateRef;
111
111
  private _data;
112
+ private wrapperScrollTop;
112
113
  /**
113
114
  * A getter of the current columns. Gets the current column width or current columns, or any other [`GridColumnProps`]({% slug api_grid_gridcolumnprops %}) for each defined column. Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref` callback. The following example demonstrates how to reorder the columns by dragging their handlers and check the properties afterwards. You can check the result in the browser console.
114
115
  *
package/dist/npm/Grid.js CHANGED
@@ -92,6 +92,7 @@ var Grid = /** @class */ (function (_super) {
92
92
  _this._columnsMap = [[]];
93
93
  _this.contextStateRef = { current: undefined };
94
94
  _this.navigationStateRef = { current: undefined };
95
+ _this.wrapperScrollTop = 0;
95
96
  _this.element = null;
96
97
  _this.tableElement = null;
97
98
  _this._header = null;
@@ -135,19 +136,22 @@ var Grid = /** @class */ (function (_super) {
135
136
  return;
136
137
  }
137
138
  clearTimeout(_this.forceUpdateTimeout);
138
- if (_this.props.columnVirtualization && !_this.vs.scrollableVirtual) {
139
+ var scrollLeft = event.currentTarget.scrollLeft;
140
+ var scrollTop = event.currentTarget.scrollTop;
141
+ if (_this.props.columnVirtualization && (!_this.vs.scrollableVirtual || scrollTop === _this.wrapperScrollTop)) {
139
142
  _this.forceUpdateTimeout = window.setTimeout(function () { _this.forceUpdate(); }, 0);
140
143
  }
141
144
  if (_this._header) {
142
- _this._header.setScrollLeft(event.currentTarget.scrollLeft);
145
+ _this._header.setScrollLeft(scrollLeft);
143
146
  }
144
147
  if (_this._footer) {
145
- _this._footer.setScrollLeft(event.currentTarget.scrollLeft);
148
+ _this._footer.setScrollLeft(scrollLeft);
146
149
  }
147
150
  if (_this.vs) {
148
151
  _this.vs.scrollHandler(event);
149
152
  }
150
153
  kendo_react_common_1.dispatchEvent(_this.props.onScroll, event, _this, undefined);
154
+ _this.wrapperScrollTop = scrollTop;
151
155
  };
152
156
  _this.onKeyDown = function (event) {
153
157
  kendo_react_data_tools_1.tableKeyboardNavigation.onKeyDown(event, {
package/dist/npm/columnMenu/GridColumnMenuFilter.js CHANGED
@@ -342,7 +342,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
342
342
  React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.filterTitle, messages_1.messages[messages_1.filterTitle]), iconClass: 'k-i-filter', onClick: this.onFilterExpand }),
343
343
  React.createElement(GridColumnMenuItemContent_1.GridColumnMenuItemContent, { show: !!expandState },
344
344
  React.createElement("div", { className: 'kendo-grid-filter-menu-container' },
345
- React.createElement("form", { className: 'k-filter-menu k-group k-reset k-state-border-up', onSubmit: this.submit, onReset: this.clear },
345
+ React.createElement("form", { className: 'k-filter-menu k-group k-reset k-state-border-up', onSubmit: this.submit, onReset: this.clear, onKeyDown: function (e) { return e.stopPropagation(); } },
346
346
  React.createElement("div", { className: 'k-filter-menu-container' },
347
347
  FilterUI ?
348
348
  React.createElement(FilterUI, __assign({}, filterUIProps)) :
package/dist/npm/package-metadata.js CHANGED
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-grid',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1635504782,
10
+ publishDate: 1636189957,
11
11
  version: '',
12
12
  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'
13
13
  };