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

package/dist/es/rows/GridRow.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/utils/index.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 /**

package/dist/npm/Grid.d.ts

@@ -148,13 +148,14 @@ export declare class Grid extends React.Component<GridProps, {}> {
      * ReactDOM.render(<App />, document.querySelector('my-app'));
      * ```
      */
-    readonly columns: GridColumnProps[];
+    get columns(): GridColumnProps[];
     /**
      * Returns the HTML element of the Grid component.
      */
-    readonly element: HTMLDivElement | null;
-    private readonly document;
+    get element(): HTMLDivElement | null;
+    private get document();
     private headerRef;
+    private headerElementRef;
     private _element;
     private tableElement;
     private vs;
@@ -163,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/npm/Grid.js

@@ -3,10 +3,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 __());
@@ -23,7 +25,13 @@ 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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -94,6 +102,7 @@ var Grid = /** @class */ (function (_super) {
         _this.navigationStateRef = { current: undefined };
         _this.wrapperScrollTop = 0;
         _this.headerRef = React.createRef();
+        _this.headerElementRef = React.createRef();
         _this._element = null;
         _this.tableElement = null;
         _this._footer = null;
@@ -161,8 +170,7 @@ var Grid = /** @class */ (function (_super) {
             });
             if (_this.props.onKeyDown) {
                 var _a = kendo_react_data_tools_1.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) {
@@ -190,12 +198,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) {
@@ -315,7 +323,7 @@ var Grid = /** @class */ (function (_super) {
             var shuffledColumns = this._columns.filter(function (q) { return q.declarationIndex >= 0 && q.parentIndex === -1; });
             return index_1.sanitizeColumns(shuffledColumns);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Grid.prototype, "element", {
@@ -325,7 +333,7 @@ var Grid = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Grid.prototype, "document", {
@@ -336,14 +344,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
     });
     /**
@@ -446,7 +454,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_1.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_1.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_1.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 || filterCommon_1.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_1.FilterRow, { columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || filterCommon_1.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_1.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_1.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 || filterCommon_1.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_1.FilterRow, { columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || filterCommon_1.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());
@@ -648,23 +656,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 = kendo_react_data_tools_1.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 {
@@ -673,7 +680,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();
@@ -690,7 +697,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) {
@@ -761,11 +768,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_1.GridHierarchyCell, field: this.props.expandField, headerClassName: 'k-hierarchy-cell k-header', id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("" + this._columns.length, idPrefix, 'column') }));
+            this._columns.unshift(__assign(__assign({}, defaultServiceProps), { cell: GridHierarchyCell_1.GridHierarchyCell, field: this.props.expandField, headerClassName: 'k-hierarchy-cell k-header', id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("" + this._columns.length, idPrefix, 'column') }));
             columnIndexOffset++;
         }
         for (var i = 0; i < groupCount; i++) {
-            this._columns.unshift(__assign({}, defaultServiceProps, { isAccessible: false, cell: GridGroupCell_1.GridGroupCell, field: 'value' }));
+            this._columns.unshift(__assign(__assign({}, defaultServiceProps), { isAccessible: false, cell: GridGroupCell_1.GridGroupCell, field: 'value' }));
             columnIndexOffset++;
         }
         this._columns.slice(columnIndexOffset).forEach(function (c) { return c.parentIndex >= 0 && (c.parentIndex += columnIndexOffset); });

package/dist/npm/GridColumn.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridColumn = void 0;
 var PropTypes = require("prop-types");
 /**
  * @hidden
  */
-exports.GridColumn = function (_) { return null; };
+var GridColumn = function (_) { return null; };
+exports.GridColumn = GridColumn;
 /**
  * @hidden
  */
@@ -30,7 +32,7 @@ exports.GridColumn.propTypes = {
     sortable: PropTypes.oneOfType([
         PropTypes.bool,
         PropTypes.shape({
-            allowUnsort: PropTypes.bool
+            allowUnsort: PropTypes.bool.isRequired
         })
     ]),
     cell: PropTypes.any,

package/dist/npm/GridNoRecords.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridNoRecords = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./messages");

package/dist/npm/GridToolbar.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridToolbar = void 0;
 var React = require("react");
 /**
  * Represents the GridToolbar component.

package/dist/npm/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/npm/VirtualScroll.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VirtualScroll = void 0;
 var React = require("react");
 /**
  * @hidden
@@ -31,7 +32,7 @@ var VirtualScroll = /** @class */ (function () {
         get: function () {
             return this.containerRef.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(VirtualScroll.prototype, "rowHeights", {
@@ -60,7 +61,7 @@ var VirtualScroll = /** @class */ (function () {
             }
             return result;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     VirtualScroll.prototype.changePage = function (skip, e) {

package/dist/npm/cells/GridCell.js

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridCell = void 0;
 var React = require("react");
 var utils_1 = require("./../utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var constants_1 = require("../constants");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.GridCell = function (props) {
+var GridCell = function (props) {
     var _a;
     var defaultRendering = null;
     var intl = kendo_react_intl_1.useInternationalization();
@@ -40,3 +41,4 @@ exports.GridCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridCell = GridCell;

package/dist/npm/cells/GridDetailCell.js

@@ -11,12 +11,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridDetailCell = void 0;
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var React = require("react");
 /** @hidden */
-exports.GridDetailCell = function (props) {
+var GridDetailCell = function (props) {
     var colSpan = props.colSpan, ariaColIndex = props.ariaColIndex, dataItem = props.dataItem, dataIndex = props.dataIndex, id = props.id;
     var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(id);
     return (React.createElement("td", __assign({ className: "k-detail-cell", colSpan: colSpan, "aria-colindex": ariaColIndex, role: 'gridcell' }, navigationAttributes),
         React.createElement(props.detail, { dataItem: dataItem, dataIndex: dataIndex })));
 };
+exports.GridDetailCell = GridDetailCell;

package/dist/npm/cells/GridDetailHierarchyCell.js

@@ -11,10 +11,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridDetailHierarchyCell = void 0;
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var React = require("react");
 /** @hidden */
-exports.GridDetailHierarchyCell = function (props) {
+var GridDetailHierarchyCell = function (props) {
     var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
     return (React.createElement("td", __assign({ className: "k-hierarchy-cell" }, navigationAttributes)));
 };
+exports.GridDetailHierarchyCell = GridDetailHierarchyCell;

package/dist/npm/cells/GridEditCell.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridEditCell = void 0;
 var React = require("react");
 var utils_1 = require("./../utils");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
@@ -21,7 +22,7 @@ var constants_1 = require("../constants");
 /**
  * @hidden
  */
-exports.GridEditCell = function (props) {
+var GridEditCell = function (props) {
     var _a, _b, _c, _d, _e;
     var data = utils_1.getNestedValue(props.field, props.dataItem);
     var defaultRendering = null;
@@ -77,3 +78,4 @@ exports.GridEditCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridEditCell = GridEditCell;

package/dist/npm/cells/GridFilterCell.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridFilterCell = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");

package/dist/npm/cells/GridGroupCell.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridGroupCell = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -19,7 +20,7 @@ var messages_1 = require("../messages");
 /**
  * @hidden
  */
-exports.GridGroupCell = function (props) {
+var GridGroupCell = function (props) {
     var defaultRendering = null;
     var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex;
     var definedField = field || '';
@@ -69,3 +70,4 @@ exports.GridGroupCell = function (props) {
         render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridGroupCell = GridGroupCell;

package/dist/npm/cells/GridHierarchyCell.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridHierarchyCell = void 0;
 var React = require("react");
 var utils_1 = require("./../utils");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
@@ -20,7 +21,7 @@ var messages_1 = require("../messages");
 /**
  * @hidden
  */
-exports.GridHierarchyCell = function (props) {
+var GridHierarchyCell = function (props) {
     var defaultRendering = null;
     var expanded = utils_1.getNestedValue(props.field, props.dataItem);
     var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
@@ -65,3 +66,4 @@ exports.GridHierarchyCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridHierarchyCell = GridHierarchyCell;

package/dist/npm/cells/GridSelectionCell.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridSelectionCell = void 0;
 var React = require("react");
 var utils_1 = require("./../utils");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -18,7 +19,7 @@ var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 /**
  * @hidden
  */
-exports.GridSelectionCell = function (props) {
+var GridSelectionCell = function (props) {
     var handleOnChange = React.useCallback(function (syntheticEvent) {
         if (props.selectionChange) {
             props.selectionChange({ syntheticEvent: syntheticEvent });
@@ -34,3 +35,4 @@ exports.GridSelectionCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridSelectionCell = GridSelectionCell;

package/dist/npm/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/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -3,10 +3,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 __());
@@ -23,7 +25,13 @@ 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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridColumnMenuCheckboxFilter = void 0;
 var React = require("react");
 var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
 var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
@@ -172,7 +180,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;
@@ -214,7 +222,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;
                 }
@@ -265,7 +273,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/npm/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
      */