@progress/kendo-react-grid 5.4.0-dev.202205180853 → 5.4.0-dev.202205271059

package/dist/es/Grid.d.ts

@@ -148,10 +148,15 @@ export declare class Grid extends React.Component<GridProps, {}> {
      * ReactDOM.render(<App />, document.querySelector('my-app'));
      * ```
      */
-    readonly columns: GridColumnProps[];
-    private readonly document;
+    get columns(): GridColumnProps[];
+    /**
+     * Returns the HTML element of the Grid component.
+     */
+    get element(): HTMLDivElement | null;
+    private get document();
     private headerRef;
-    private element;
+    private headerElementRef;
+    private _element;
     private tableElement;
     private vs;
     private columnResize;
@@ -159,7 +164,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private forceUpdateTimeout;
     private isRtl;
     private _gridId;
-    private readonly _header;
+    private get _header();
     constructor(props: GridProps);
     /**
      * Method to allow the scroll to be set to a specific row index.

package/dist/es/Grid.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { dispatchEvent, classNames, getter, guid, setScrollbarWidth, canUseDOM } from '@progress/kendo-react-common';
@@ -92,7 +99,8 @@ var Grid = /** @class */ (function (_super) {
         _this.navigationStateRef = { current: undefined };
         _this.wrapperScrollTop = 0;
         _this.headerRef = React.createRef();
-        _this.element = null;
+        _this.headerElementRef = React.createRef();
+        _this._element = null;
         _this.tableElement = null;
         _this._footer = null;
         _this.forceUpdateTimeout = undefined;
@@ -159,8 +167,7 @@ var Grid = /** @class */ (function (_super) {
             });
             if (_this.props.onKeyDown) {
                 var _a = getSelectionOptions(_this.props.selectable), mode = _a.mode, cell = _a.cell;
-                _this.props.onKeyDown.call(undefined, __assign({ dataItems: _this.getLeafDataItems(), mode: mode,
-                    cell: cell, componentId: _this._gridId, selectedField: _this.props.selectedField }, _this.getArguments(event)));
+                _this.props.onKeyDown.call(undefined, __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._gridId, selectedField: _this.props.selectedField }, _this.getArguments(event)));
             }
         };
         _this.onFocus = function (event) {
@@ -188,12 +195,12 @@ var Grid = /** @class */ (function (_super) {
             if (event.field === _this.props.expandField || _this.props.group && event.field === undefined) {
                 var expandChange = _this.props.onExpandChange;
                 if (expandChange) {
-                    expandChange.call(undefined, __assign({}, _this.getArguments(event.syntheticEvent), { dataItem: event.dataItem, dataIndex: event.dataIndex, value: event.value }));
+                    expandChange.call(undefined, __assign(__assign({}, _this.getArguments(event.syntheticEvent)), { dataItem: event.dataItem, dataIndex: event.dataIndex, value: event.value }));
                 }
                 return;
             }
             if (itemChange) {
-                itemChange.call(undefined, __assign({}, _this.getArguments(event.syntheticEvent), { dataItem: event.dataItem, field: event.field, value: event.value }));
+                itemChange.call(undefined, __assign(__assign({}, _this.getArguments(event.syntheticEvent)), { dataItem: event.dataItem, field: event.field, value: event.value }));
             }
         };
         _this.onHeaderSelectionChange = function (event) {
@@ -313,7 +320,17 @@ var Grid = /** @class */ (function (_super) {
             var shuffledColumns = this._columns.filter(function (q) { return q.declarationIndex >= 0 && q.parentIndex === -1; });
             return sanitizeColumns(shuffledColumns);
         },
-        enumerable: true,
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Grid.prototype, "element", {
+        /**
+         * Returns the HTML element of the Grid component.
+         */
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Grid.prototype, "document", {
@@ -324,14 +341,14 @@ var Grid = /** @class */ (function (_super) {
             // useful only for user actions
             return (this.element && this.element.ownerDocument) || document;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Grid.prototype, "_header", {
         get: function () {
             return this.headerRef.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -434,7 +451,7 @@ var Grid = /** @class */ (function (_super) {
             child.type.displayName === 'KendoReactGridNoRecords'; });
         var leafColumns = this._columns.filter(function (c) { return c.children.length === 0; });
         var groupingPanel = groupable && (React.createElement(GroupPanel, { group: this.props.group || [], groupChange: this.groupChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler, refCallback: this.dragLogic.refGroupPanelDiv, resolveTitle: this.resolveTitle }));
-        var header = (React.createElement(Header, { columnResize: this.columnResize, staticHeaders: this.props.scrollable !== 'none', scrollableDataElement: function () { return _this.vs.container; }, draggable: this.props.reorderable || groupable, ref: this.headerRef, headerRow: React.createElement(HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.sortChange, group: this.props.group || [], groupable: groupable, groupChange: this.groupChange, filter: this.props.filter, filterable: this.props.filterable, filterOperators: this.props.filterOperators || operators, filterChange: this.filterChange, columnMenu: this.props.columnMenu, selectionChange: this.onHeaderSelectionChange, columns: this._columns, columnResize: this.columnResize, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler, columnsMap: this._columnsMap, cellRender: this.props.headerCellRender, isRtl: this.isRtl, dragClue: this.dragLogic.dragClueRef, headerRef: this.headerRef, containerRef: this.vs.containerRef }), filterRow: this.props.filterable && React.createElement(FilterRow, { columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || operators, filterChange: this.filterChange, sort: this.props.sort, cellRender: this.props.filterCellRender, isRtl: this.isRtl, ariaRowIndex: this._columnsMap.length + 1 }) || undefined, cols: leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), width: column.width !== undefined ?
+        var header = (React.createElement(Header, { columnResize: this.columnResize, staticHeaders: this.props.scrollable !== 'none', scrollableDataElement: function () { return _this.vs.container; }, draggable: this.props.reorderable || groupable, ref: this.headerRef, elemRef: this.headerElementRef, headerRow: React.createElement(HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.sortChange, group: this.props.group || [], groupable: groupable, groupChange: this.groupChange, filter: this.props.filter, filterable: this.props.filterable, filterOperators: this.props.filterOperators || operators, filterChange: this.filterChange, columnMenu: this.props.columnMenu, selectionChange: this.onHeaderSelectionChange, columns: this._columns, columnResize: this.columnResize, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler, columnsMap: this._columnsMap, cellRender: this.props.headerCellRender, isRtl: this.isRtl, dragClue: this.dragLogic.dragClueRef, headerRef: this.headerElementRef, containerRef: this.vs.containerRef }), filterRow: this.props.filterable && React.createElement(FilterRow, { columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || operators, filterChange: this.filterChange, sort: this.props.sort, cellRender: this.props.filterCellRender, isRtl: this.isRtl, ariaRowIndex: this._columnsMap.length + 1 }) || undefined, cols: leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), width: column.width !== undefined ?
                     Math.floor(parseFloat(column.width.toString())) + 'px' : undefined })); }) }));
         var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
         var tableWidth = parseFloat(((this.props.style || {}).width || '').toString());
@@ -576,7 +593,7 @@ var Grid = /** @class */ (function (_super) {
         var tableDisplay = this.props.columnVirtualization ? 'block' : 'table';
         if (this.props.scrollable === 'none') {
             return (React.createElement(TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
-                React.createElement("div", __assign({ id: this.props.id, style: this.props.style, className: classNames('k-widget k-grid', this.props.className), "aria-colcount": leafColumns.length, "aria-rowcount": total, ref: function (el) { _this.element = el; }, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
+                React.createElement("div", __assign({ id: this.props.id, style: this.props.style, className: classNames('k-widget k-grid', this.props.className), "aria-colcount": leafColumns.length, "aria-rowcount": total, ref: function (el) { _this._element = el; }, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
                     toolbar,
                     groupingPanel,
                     React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
@@ -605,7 +622,7 @@ var Grid = /** @class */ (function (_super) {
             React.createElement("div", __assign({ style: wrapperStyle, className: classNames('k-widget k-grid', {
                     'k-grid-virtual': this.props.scrollable === 'virtual'
                 }, this.props.className), ref: function (el) {
-                    _this.element = el;
+                    _this._element = el;
                     _this.resetTableWidth();
                 }, role: "grid", "aria-colcount": leafColumns.length, "aria-rowcount": total, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
                 toolbar,
@@ -636,23 +653,22 @@ var Grid = /** @class */ (function (_super) {
         if (this.props.onSelectionChange) {
             var event_1 = options.event, dataItem = options.dataItem, dataIndex = options.dataIndex, columnIndex = options.columnIndex;
             var _a = getSelectionOptions(this.props.selectable), mode = _a.mode, cell = _a.cell;
-            var selectionEvent = __assign({}, this.getArguments(event_1.syntheticEvent), { dataItem: dataItem, startColIndex: columnIndex, endColIndex: columnIndex, startRowIndex: dataIndex, endRowIndex: dataIndex, dataItems: this.getLeafDataItems(), altKey: false, ctrlKey: false, shiftKey: false, metaKey: false, mode: mode,
-                cell: cell, isDrag: false, componentId: this._gridId, selectedField: this.props.selectedField || '' });
+            var selectionEvent = __assign(__assign({}, this.getArguments(event_1.syntheticEvent)), { dataItem: dataItem, startColIndex: columnIndex, endColIndex: columnIndex, startRowIndex: dataIndex, endRowIndex: dataIndex, dataItems: this.getLeafDataItems(), altKey: false, ctrlKey: false, shiftKey: false, metaKey: false, mode: mode, cell: cell, isDrag: false, componentId: this._gridId, selectedField: this.props.selectedField || '' });
             this.props.onSelectionChange.call(undefined, selectionEvent);
         }
     };
     Grid.prototype.raiseDataEvent = function (handler, data, moreData, syntheticEvent) {
         var dataStateChange = this.props.onDataStateChange;
         if (handler) {
-            handler.call(undefined, __assign({}, this.getArguments(syntheticEvent), data));
+            handler.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), data));
         }
         else if (dataStateChange) {
-            dataStateChange.call(undefined, __assign({}, this.getArguments(syntheticEvent), { dataState: __assign({}, this.getDataState(), moreData) }));
+            dataStateChange.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), { dataState: __assign(__assign({}, this.getDataState()), moreData) }));
         }
     };
     Grid.prototype.columnReorder = function (prev, next, nativeEvent) {
-        var _this = this;
         var _a;
+        var _this = this;
         var depth = this._columns[prev].depth;
         var end = function (index) {
             do {
@@ -661,7 +677,7 @@ var Grid = /** @class */ (function (_super) {
             return index;
         };
         var spliced = this._columns.splice(prev, end(prev) - prev);
-        (_a = this._columns).splice.apply(_a, [prev < next ? end(next - spliced.length) : next, 0].concat(spliced));
+        (_a = this._columns).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced));
         this._columns.filter(function (q) { return q.declarationIndex >= 0; }).forEach(function (c, i) { return c.orderIndex = i; });
         var eventColumnProps = this.columns;
         this.forceUpdate();
@@ -678,7 +694,7 @@ var Grid = /** @class */ (function (_super) {
             return;
         }
         var group = this.props.group.slice();
-        group.splice.apply(group, [nextIndex, 0].concat(group.splice(prevIndex, 1)));
+        group.splice.apply(group, __spreadArray([nextIndex, 0], group.splice(prevIndex, 1)));
         this.groupChange(group, nativeEvent);
     };
     Grid.prototype.columnToGroup = function (columnIndex, groupIndex, nativeEvent) {
@@ -749,11 +765,11 @@ var Grid = /** @class */ (function (_super) {
         };
         var columnIndexOffset = 0;
         if (this.props.expandField && (this.props.onExpandChange) && this.props.detail) {
-            this._columns.unshift(__assign({}, defaultServiceProps, { cell: GridHierarchyCell, field: this.props.expandField, headerClassName: 'k-hierarchy-cell k-header', id: navigationTools.generateNavigatableId("" + this._columns.length, idPrefix, 'column') }));
+            this._columns.unshift(__assign(__assign({}, defaultServiceProps), { cell: GridHierarchyCell, field: this.props.expandField, headerClassName: 'k-hierarchy-cell k-header', id: navigationTools.generateNavigatableId("" + this._columns.length, idPrefix, 'column') }));
             columnIndexOffset++;
         }
         for (var i = 0; i < groupCount; i++) {
-            this._columns.unshift(__assign({}, defaultServiceProps, { isAccessible: false, cell: GridGroupCell, field: 'value' }));
+            this._columns.unshift(__assign(__assign({}, defaultServiceProps), { isAccessible: false, cell: GridGroupCell, field: 'value' }));
             columnIndexOffset++;
         }
         this._columns.slice(columnIndexOffset).forEach(function (c) { return c.parentIndex >= 0 && (c.parentIndex += columnIndexOffset); });

package/dist/es/GridColumn.js

@@ -28,7 +28,7 @@ GridColumn.propTypes = {
     sortable: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.shape({
-            allowUnsort: PropTypes.bool
+            allowUnsort: PropTypes.bool.isRequired
         })
     ]),
     cell: PropTypes.any,

package/dist/es/GridNoRecords.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/GridToolbar.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/ScrollMode.js

@@ -0,0 +1 @@
+export {};

package/dist/es/VirtualScroll.d.ts

@@ -19,7 +19,7 @@ export declare class VirtualScroll {
     fixedScroll: boolean;
     askedSkip: number | undefined;
     containerRef: React.RefObject<HTMLDivElement>;
-    readonly container: HTMLDivElement | null;
+    get container(): HTMLDivElement | null;
     private prevScrollPos;
     private syncTimeout;
     private tableTranslate;
@@ -28,7 +28,7 @@ export declare class VirtualScroll {
     /**
      * @return - The row heights in an array.
      */
-    readonly rowHeights: Array<{
+    get rowHeights(): Array<{
         line: number;
         acc: number;
     }>;

package/dist/es/VirtualScroll.js

@@ -29,7 +29,7 @@ var VirtualScroll = /** @class */ (function () {
         get: function () {
             return this.containerRef.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(VirtualScroll.prototype, "rowHeights", {
@@ -58,7 +58,7 @@ var VirtualScroll = /** @class */ (function () {
             }
             return result;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     VirtualScroll.prototype.changePage = function (skip, e) {

package/dist/es/cells/GridFilterCell.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts

@@ -98,11 +98,11 @@ export declare class GridColumnMenuCheckboxFilter extends React.Component<GridCo
     /**
      * @hidden
      */
-    clear: (e: React.SyntheticEvent<any, Event>) => void;
+    clear: (e: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */
-    submit: (e: React.SyntheticEvent<any, Event>) => void;
+    submit: (e: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import * as React from 'react';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
 import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
@@ -170,7 +177,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
         _this.handleCheckBoxChange = function (e, value) {
             var field = _this.props.column.field || '';
             var newFilter = __assign({}, _this.state.currentFilter);
-            var filters = _this.state.currentFilter.filters.slice() || [];
+            var filters = __spreadArray([], _this.state.currentFilter.filters) || [];
             var fieldFilters = [];
             if (_this.compositeFilterIndex !== -1 && newFilter.filters[_this.compositeFilterIndex].filters && value !== 'all') {
                 fieldFilters = newFilter.filters[_this.compositeFilterIndex].filters;
@@ -212,7 +219,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
         _this.isAllSelected = function () {
             var isAllChecked = false;
             if (_this.state.currentFilter) {
-                var filters_1 = _this.state.currentFilter.filters.slice();
+                var filters_1 = __spreadArray([], _this.state.currentFilter.filters);
                 if (_this.compositeFilterIndex === -1) {
                     return false;
                 }
@@ -263,7 +270,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
         var expandState = this.isControlled() ? this.props.expanded : this.state.expanded;
         var filterValues = [];
         if (this.state.currentFilter) {
-            var currentFilter = this.state.currentFilter.filters.slice();
+            var currentFilter = __spreadArray([], this.state.currentFilter.filters);
             this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
                 if (filter.filters && filter.filters.length > 0) {
                     return filter.filters[0].field === column.field;

package/dist/es/columnMenu/GridColumnMenuFilter.d.ts

@@ -6,11 +6,11 @@ import { ComponentType } from 'react';
 /**
  * @hidden
  */
-export declare const rootFilterOrDefault: (rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
+export declare const rootFilterOrDefault: (rootFilter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor;
 /**
  * @hidden
  */
-export declare const filterGroupByField: (field: string, filter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
+export declare const filterGroupByField: (field: string, filter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor | null;
 /**
  * The props of the GridColumnMenuFilter component.
  */
@@ -141,7 +141,7 @@ export declare class GridColumnMenuFilter extends React.Component<GridColumnMenu
     /**
      * @hidden
      */
-    clear: (event: React.SyntheticEvent<any, Event>) => void;
+    clear: (event: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */
@@ -149,7 +149,7 @@ export declare class GridColumnMenuFilter extends React.Component<GridColumnMenu
     /**
      * @hidden
      */
-    submit: (event: React.SyntheticEvent<any, Event>) => void;
+    submit: (event: React.SyntheticEvent<any>) => void;
     /**
      * @hidden
      */

package/dist/es/columnMenu/GridColumnMenuFilter.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import * as React from 'react';
 import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
@@ -119,21 +126,21 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
          * @hidden
          */
         _this.removeGroup = function (group, rootFilter) {
-            var filters = rootFilter.filters.slice();
+            var filters = __spreadArray([], rootFilter.filters);
             var groupIndex = filters
                 .findIndex(function (f) { return f === group; });
             if (groupIndex > -1) {
                 filters.splice(groupIndex, 1);
             }
-            return __assign({}, rootFilter, { filters: filters });
+            return __assign(__assign({}, rootFilter), { filters: filters });
         };
         /**
          * @hidden
          */
         _this.insertGroup = function (group, rootFilter) {
-            return __assign({}, rootFilter, { filters: [
+            return __assign(__assign({}, rootFilter), { filters: __spreadArray([
                     group
-                ].concat(rootFilter.filters) });
+                ], rootFilter.filters) });
         };
         /**
          * @hidden
@@ -172,12 +179,12 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
         _this.filterChange = function (filterIndex, e) {
             var filters = _this.state.filterGroup.filters.map(function (f, i) {
                 if (i === filterIndex) {
-                    return __assign({}, f, { value: e.value, operator: e.operator });
+                    return __assign(__assign({}, f), { value: e.value, operator: e.operator });
                 }
                 return f;
             });
             _this.setState({
-                filterGroup: __assign({}, _this.state.filterGroup, { filters: filters })
+                filterGroup: __assign(__assign({}, _this.state.filterGroup), { filters: filters })
             });
         };
         /**
@@ -185,7 +192,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
          */
         _this.logicChange = function (event) {
             _this.setState({
-                filterGroup: __assign({}, _this.state.filterGroup, { logic: event.target.value.operator })
+                filterGroup: __assign(__assign({}, _this.state.filterGroup), { logic: event.target.value.operator })
             });
         };
         /**
@@ -204,7 +211,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
                 _this.props.onFilterChange(null, event);
             }
             else {
-                _this.props.onFilterChange(__assign({}, rootFilter, { filters: rootFilters }), event);
+                _this.props.onFilterChange(__assign(__assign({}, rootFilter), { filters: rootFilters }), event);
             }
             if (_this.props.onCloseMenu) {
                 _this.props.onCloseMenu();
@@ -214,7 +221,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
          * @hidden
          */
         _this.currentFilterGroup = function () {
-            return __assign({}, _this.state.filterGroup, { filters: _this.state
+            return __assign(__assign({}, _this.state.filterGroup), { filters: _this.state
                     .filterGroup
                     .filters
                     .filter(function (nf) {
@@ -242,18 +249,18 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
                     }
                     return f;
                 });
-                updatedFilter = __assign({}, rootFilter, { filters: rootFilters });
+                updatedFilter = __assign(__assign({}, rootFilter), { filters: rootFilters });
             }
             else if (currentFilterGroup.filters.length === 0) {
                 var rootFilters = rootFilter
                     .filters
                     .filter(function (f) { return f !== filterGroup; });
                 if (rootFilters.length) {
-                    updatedFilter = __assign({}, rootFilter, { filters: rootFilters });
+                    updatedFilter = __assign(__assign({}, rootFilter), { filters: rootFilters });
                 }
             }
             else {
-                updatedFilter = __assign({}, rootFilter, { filters: rootFilter.filters.concat([currentFilterGroup]) });
+                updatedFilter = __assign(__assign({}, rootFilter), { filters: __spreadArray(__spreadArray([], rootFilter.filters), [currentFilterGroup]) });
             }
             _this.props.onFilterChange(updatedFilter, event);
             if (_this.props.onCloseMenu) {
@@ -265,7 +272,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
             var filterType = getFilterType(props.column.filter);
             var defaultOperator = getDefaultOperator(props.filterOperators, filterType);
             filterGroup = filterGroupByField(props.column.field, props.filter);
-            filterGroup = filterGroup ? __assign({}, filterGroup, { filters: filterGroup.filters.map(function (f) {
+            filterGroup = filterGroup ? __assign(__assign({}, filterGroup), { filters: filterGroup.filters.map(function (f) {
                     return __assign({}, f);
                 }) }) : {
                 logic: 'and',

package/dist/es/columnMenu/GridColumnMenuFilterCell.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuFilterUI.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuGroup.d.ts

@@ -65,7 +65,7 @@ export declare class GridColumnMenuGroup extends React.Component<GridColumnMenuG
     /**
      * @hidden
      */
-    onGroupClick: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onGroupClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * @hidden
      */

package/dist/es/columnMenu/GridColumnMenuGroup.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuItemContent.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/columnMenu/GridColumnMenuItemGroup.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());