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

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -25,10 +25,14 @@ 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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridColumnMenuCheckboxFilter = void 0;
@@ -61,7 +65,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
          */
         _this.defaultFilter = function () {
             if (_this.props.filter) {
-                return kendo_react_common_1.clone(_this.props.filter);
+                return (0, kendo_react_common_1.clone)(_this.props.filter);
             }
             return { filters: [], logic: 'and' };
         };
@@ -74,7 +78,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
          */
         _this.parseData = function (originalData, isUnique) {
             var field = _this.props.column.field || '';
-            var data = originalData.map(function (item) { return utils_1.getNestedValue(field, item); });
+            var data = originalData.map(function (item) { return (0, utils_1.getNestedValue)(field, item); });
             if (isUnique) {
                 return data.filter(function (item, index) { return data.indexOf(item) === index; });
             }
@@ -119,7 +123,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
             };
             _this.setState({
                 value: e.target.value,
-                data: _this.parseData(kendo_data_query_1.filterBy(_this.props.data || [], filterExpression), _this.props.uniqueData)
+                data: _this.parseData((0, kendo_data_query_1.filterBy)(_this.props.data || [], filterExpression), _this.props.uniqueData)
             });
         };
         /**
@@ -135,7 +139,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
             };
             _this.setState({
                 value: '',
-                data: _this.parseData(kendo_data_query_1.filterBy(_this.props.data || [], filterExpression), _this.props.uniqueData)
+                data: _this.parseData((0, kendo_data_query_1.filterBy)(_this.props.data || [], filterExpression), _this.props.uniqueData)
             });
         };
         /**
@@ -180,7 +184,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 = __spreadArray([], _this.state.currentFilter.filters) || [];
+            var filters = __spreadArray([], _this.state.currentFilter.filters, true) || [];
             var fieldFilters = [];
             if (_this.compositeFilterIndex !== -1 && newFilter.filters[_this.compositeFilterIndex].filters && value !== 'all') {
                 fieldFilters = newFilter.filters[_this.compositeFilterIndex].filters;
@@ -222,7 +226,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
         _this.isAllSelected = function () {
             var isAllChecked = false;
             if (_this.state.currentFilter) {
-                var filters_1 = __spreadArray([], _this.state.currentFilter.filters);
+                var filters_1 = __spreadArray([], _this.state.currentFilter.filters, true);
                 if (_this.compositeFilterIndex === -1) {
                     return false;
                 }
@@ -252,7 +256,7 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
      */
     GridColumnMenuCheckboxFilter.prototype.componentDidUpdate = function () {
         var field = this.props.column.field || '';
-        var data = this.props.data.map(function (item) { return utils_1.getNestedValue(field, item); });
+        var data = this.props.data.map(function (item) { return (0, utils_1.getNestedValue)(field, item); });
         if (!isArrayEqual(data, this.state.dataFromProps)) {
             this.setState({
                 data: data,
@@ -269,11 +273,11 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
         if (!column || !column.field) {
             return React.createElement("div", null);
         }
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var expandState = this.isControlled() ? this.props.expanded : this.state.expanded;
         var filterValues = [];
         if (this.state.currentFilter) {
-            var currentFilter = __spreadArray([], this.state.currentFilter.filters);
+            var currentFilter = __spreadArray([], this.state.currentFilter.filters, true);
             this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
                 if (filter.filters && filter.filters.length > 0) {
                     return filter.filters[0].field === column.field;
@@ -323,4 +327,4 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
     return GridColumnMenuCheckboxFilter;
 }(React.Component));
 exports.GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilter;
-kendo_react_intl_1.registerForLocalization(GridColumnMenuCheckboxFilter);
+(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuCheckboxFilter);

package/dist/npm/columnMenu/GridColumnMenuFilter.js

@@ -25,10 +25,14 @@ 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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0;
@@ -53,14 +57,14 @@ exports.rootFilterOrDefault = rootFilterOrDefault;
  * @hidden
  */
 var filterGroupByField = function (field, filter) {
-    var rootFilter = exports.rootFilterOrDefault(filter);
+    var rootFilter = (0, exports.rootFilterOrDefault)(filter);
     var compositeFilters = rootFilter.filters
         .filter(function (f) {
-        if (kendo_data_query_1.isCompositeFilterDescriptor(f)) {
+        if ((0, kendo_data_query_1.isCompositeFilterDescriptor)(f)) {
             return f.filters &&
                 f.filters.length &&
                 f.filters.length <= 2 &&
-                !f.filters.find(function (nf) { return kendo_data_query_1.isCompositeFilterDescriptor(nf) || nf.field !== field; });
+                !f.filters.find(function (nf) { return (0, kendo_data_query_1.isCompositeFilterDescriptor)(nf) || nf.field !== field; });
         }
         return false;
     });
@@ -131,7 +135,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
          * @hidden
          */
         _this.removeGroup = function (group, rootFilter) {
-            var filters = __spreadArray([], rootFilter.filters);
+            var filters = __spreadArray([], rootFilter.filters, true);
             var groupIndex = filters
                 .findIndex(function (f) { return f === group; });
             if (groupIndex > -1) {
@@ -145,7 +149,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
         _this.insertGroup = function (group, rootFilter) {
             return __assign(__assign({}, rootFilter), { filters: __spreadArray([
                     group
-                ], rootFilter.filters) });
+                ], rootFilter.filters, true) });
         };
         /**
          * @hidden
@@ -209,8 +213,8 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
                 return;
             }
             var field = _this.props.column.field;
-            var rootFilter = exports.rootFilterOrDefault(_this.props.filter);
-            var filterGroup = exports.filterGroupByField(field, _this.props.filter);
+            var rootFilter = (0, exports.rootFilterOrDefault)(_this.props.filter);
+            var filterGroup = (0, exports.filterGroupByField)(field, _this.props.filter);
             var rootFilters = rootFilter.filters.filter(function (f) { return f !== filterGroup; });
             if (!rootFilters.length) {
                 _this.props.onFilterChange(null, event);
@@ -243,8 +247,8 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
                 return;
             }
             var field = _this.props.column.field;
-            var rootFilter = exports.rootFilterOrDefault(_this.props.filter);
-            var filterGroup = exports.filterGroupByField(field, _this.props.filter);
+            var rootFilter = (0, exports.rootFilterOrDefault)(_this.props.filter);
+            var filterGroup = (0, exports.filterGroupByField)(field, _this.props.filter);
             var currentFilterGroup = _this.currentFilterGroup();
             var updatedFilter = null;
             if (filterGroup && currentFilterGroup.filters.length > 0) {
@@ -265,7 +269,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
                 }
             }
             else {
-                updatedFilter = __assign(__assign({}, rootFilter), { filters: __spreadArray(__spreadArray([], rootFilter.filters), [currentFilterGroup]) });
+                updatedFilter = __assign(__assign({}, rootFilter), { filters: __spreadArray(__spreadArray([], rootFilter.filters, true), [currentFilterGroup], false) });
             }
             _this.props.onFilterChange(updatedFilter, event);
             if (_this.props.onCloseMenu) {
@@ -274,16 +278,16 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
         };
         var filterGroup;
         if (props.column && props.column.field) {
-            var filterType = filterCommon_1.getFilterType(props.column.filter);
-            var defaultOperator = filterCommon_1.getDefaultOperator(props.filterOperators, filterType);
-            filterGroup = exports.filterGroupByField(props.column.field, props.filter);
+            var filterType = (0, filterCommon_1.getFilterType)(props.column.filter);
+            var defaultOperator = (0, filterCommon_1.getDefaultOperator)(props.filterOperators, filterType);
+            filterGroup = (0, exports.filterGroupByField)(props.column.field, props.filter);
             filterGroup = filterGroup ? __assign(__assign({}, filterGroup), { filters: filterGroup.filters.map(function (f) {
                     return __assign({}, f);
                 }) }) : {
                 logic: 'and',
                 filters: [
-                    { field: props.column.field, operator: defaultOperator, value: filterCommon_1.IsUnaryFilter(defaultOperator) ? null : undefined },
-                    { field: props.column.field, operator: defaultOperator, value: filterCommon_1.IsUnaryFilter(defaultOperator) ? null : undefined }
+                    { field: props.column.field, operator: defaultOperator, value: (0, filterCommon_1.IsUnaryFilter)(defaultOperator) ? null : undefined },
+                    { field: props.column.field, operator: defaultOperator, value: (0, filterCommon_1.IsUnaryFilter)(defaultOperator) ? null : undefined }
                 ]
             };
             if (filterGroup.filters.filter(function (x) { return x.field === props.column.field; }).length === 1) {
@@ -304,13 +308,13 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
         if (!column || !column.field) {
             return React.createElement("div", null);
         }
-        var filterType = filterCommon_1.getFilterType(column.filter);
+        var filterType = (0, filterCommon_1.getFilterType)(column.filter);
         var currentHideSecondFilter = hideSecondFilter !== undefined ?
             hideSecondFilter : filterCommon_1.defaultHideSecondFilter[filterType];
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var filters = this.state.filterGroup.filters;
-        var currentOperators = filterCommon_1.operatorMap(filterOperators[filterType], localizationService);
-        var booleanValues = filterCommon_1.operatorMap(filterCommon_1.booleanFilterValues, localizationService);
+        var currentOperators = (0, filterCommon_1.operatorMap)(filterOperators[filterType], localizationService);
+        var booleanValues = (0, filterCommon_1.operatorMap)(filterCommon_1.booleanFilterValues, localizationService);
         var firstFilterCellProps = {
             field: column.field,
             value: filters[0].value,
@@ -330,7 +334,7 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
             filterType: filterType
         };
         var filterLogic = this.state.filterGroup.logic;
-        var logicData = filterCommon_1.operatorMap(filterCommon_1.filterLogicList, localizationService);
+        var logicData = (0, filterCommon_1.operatorMap)(filterCommon_1.filterLogicList, localizationService);
         var logicProps = {
             value: logicData.find(function (item) { return item.operator === (filterLogic === null ? '' : filterLogic); }),
             onChange: this.logicChange,
@@ -346,8 +350,8 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
             hideSecondFilter: currentHideSecondFilter
         };
         var isFilterValid = this.currentFilterGroup().filters.length !== 0 ||
-            filterCommon_1.IsUnaryFilter(filters[0].operator) ||
-            filterCommon_1.IsUnaryFilter(filters[1].operator);
+            (0, filterCommon_1.IsUnaryFilter)(filters[0].operator) ||
+            (0, filterCommon_1.IsUnaryFilter)(filters[1].operator);
         var expandState = this.isControlled() ? this.props.expanded : this.state.expanded;
         return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
             React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.filterTitle, messages_1.messages[messages_1.filterTitle]), iconClass: 'k-i-filter', onClick: this.onFilterExpand }),
@@ -368,9 +372,9 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
      */
     // tslint:enable:max-line-length
     GridColumnMenuFilter.active = function (field, filter) {
-        return !!exports.filterGroupByField(field, filter);
+        return !!(0, exports.filterGroupByField)(field, filter);
     };
     return GridColumnMenuFilter;
 }(React.Component));
 exports.GridColumnMenuFilter = GridColumnMenuFilter;
-kendo_react_intl_1.registerForLocalization(GridColumnMenuFilter);
+(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuFilter);

package/dist/npm/columnMenu/GridColumnMenuFilterCell.js

@@ -49,13 +49,13 @@ var GridColumnMenuFilterCell = /** @class */ (function (_super) {
             this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues)));
     };
     GridColumnMenuFilterCell.prototype.inputChange = function (value, e) {
-        filterCommon_1.cellInputChange(value, e, this.props);
+        (0, filterCommon_1.cellInputChange)(value, e, this.props);
     };
     GridColumnMenuFilterCell.prototype.operatorChange = function (event) {
-        filterCommon_1.cellOperatorChange(event, this.props.value, this.props.onChange);
+        (0, filterCommon_1.cellOperatorChange)(event, this.props.value, this.props.onChange);
     };
     GridColumnMenuFilterCell.prototype.boolDropdownChange = function (event) {
-        filterCommon_1.cellBoolDropdownChange(event, this.props.onChange);
+        (0, filterCommon_1.cellBoolDropdownChange)(event, this.props.onChange);
     };
     GridColumnMenuFilterCell.prototype.filterComponent = function (filterType, value, booleanValues) {
         var _this = this;

package/dist/npm/columnMenu/GridColumnMenuGroup.js

@@ -114,7 +114,7 @@ var GridColumnMenuGroup = /** @class */ (function (_super) {
      */
     GridColumnMenuGroup.prototype.render = function () {
         var _a = this.props, group = _a.group, column = _a.column;
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var isGrouped = Boolean(group && column.field && group.find(function (currentGroup) { return currentGroup.field === column.field; }));
         var message = !isGrouped ? messages_1.groupColumn : messages_1.ungroupColumn;
         var iconClass = !isGrouped ? 'k-i-group' : 'k-i-ungroup';
@@ -124,5 +124,5 @@ var GridColumnMenuGroup = /** @class */ (function (_super) {
     return GridColumnMenuGroup;
 }(React.Component));
 exports.GridColumnMenuGroup = GridColumnMenuGroup;
-kendo_react_intl_1.registerForIntl(GridColumnMenuGroup);
-kendo_react_intl_1.registerForLocalization(GridColumnMenuGroup);
+(0, kendo_react_intl_1.registerForIntl)(GridColumnMenuGroup);
+(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuGroup);

package/dist/npm/columnMenu/GridColumnMenuItem.js

@@ -36,8 +36,8 @@ var GridColumnMenuItem = /** @class */ (function (_super) {
      */
     GridColumnMenuItem.prototype.render = function () {
         var _a = this.props, title = _a.title, iconClass = _a.iconClass, selected = _a.selected;
-        return (React.createElement("div", { onClick: this.onClick, className: "k-columnmenu-item " + (selected ? 'k-selected' : '') },
-            iconClass && React.createElement("span", { className: "k-icon " + iconClass }),
+        return (React.createElement("div", { onClick: this.onClick, className: "k-columnmenu-item ".concat(selected ? 'k-selected' : '') },
+            iconClass && React.createElement("span", { className: "k-icon ".concat(iconClass) }),
             title));
     };
     return GridColumnMenuItem;

package/dist/npm/columnMenu/GridColumnMenuItemContent.js

@@ -31,7 +31,7 @@ var GridColumnMenuItemContent = /** @class */ (function (_super) {
      * @hidden
      */
     GridColumnMenuItemContent.prototype.render = function () {
-        return (React.createElement("div", { id: this.props.id, className: kendo_react_common_1.classNames('k-columnmenu-item-content', this.props.className), style: this.props.style },
+        return (React.createElement("div", { id: this.props.id, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-content', this.props.className), style: this.props.style },
             React.createElement(kendo_react_animation_1.Reveal, { style: { position: 'relative', display: 'block' } }, this.props.show ? this.props.children : null)));
     };
     return GridColumnMenuItemContent;

package/dist/npm/columnMenu/GridColumnMenuItemGroup.js

@@ -31,7 +31,7 @@ var GridColumnMenuItemGroup = /** @class */ (function (_super) {
      */
     GridColumnMenuItemGroup.prototype.render = function () {
         var children = this.props.children;
-        return (React.createElement("div", { id: this.props.id, className: kendo_react_common_1.classNames('k-columnmenu-item-wrapper', this.props.className), style: this.props.style }, children));
+        return (React.createElement("div", { id: this.props.id, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-wrapper', this.props.className), style: this.props.style }, children));
     };
     return GridColumnMenuItemGroup;
 }(React.Component));

package/dist/npm/columnMenu/GridColumnMenuSort.js

@@ -152,7 +152,7 @@ var GridColumnMenuSort = /** @class */ (function (_super) {
                 return;
             }
             var _a = _this.props, column = _a.column, sortable = _a.sortable, sort = _a.sort;
-            var _b = GridSortSettings_1.normalize(sortable || false, false), allowUnsort = _b.allowUnsort, mode = _b.mode;
+            var _b = (0, GridSortSettings_1.normalize)(sortable || false, false), allowUnsort = _b.allowUnsort, mode = _b.mode;
             var oldDescriptor = (sort || []).filter(function (d) { return d.field === column.field; })[0];
             var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''][selectedDir];
             var newDescriptor = (mode === 'single') ?
@@ -170,7 +170,7 @@ var GridColumnMenuSort = /** @class */ (function (_super) {
     GridColumnMenuSort.prototype.render = function () {
         var _a = this.props, sort = _a.sort, column = _a.column;
         var currentSortIndex = sortIndex(column.field, sort);
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
             React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortAscending, messages_1.messages[messages_1.sortAscending]), iconClass: 'k-i-sort-asc-sm', selected: sortedAsc(currentSortIndex, sort), onClick: this.onAscClick }),
             React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortDescending, messages_1.messages[messages_1.sortDescending]), iconClass: 'k-i-sort-desc-sm', selected: sortedDesc(currentSortIndex, sort), onClick: this.onDescClick })));
@@ -187,5 +187,5 @@ var GridColumnMenuSort = /** @class */ (function (_super) {
     return GridColumnMenuSort;
 }(React.Component));
 exports.GridColumnMenuSort = GridColumnMenuSort;
-kendo_react_intl_1.registerForIntl(GridColumnMenuSort);
-kendo_react_intl_1.registerForLocalization(GridColumnMenuSort);
+(0, kendo_react_intl_1.registerForIntl)(GridColumnMenuSort);
+(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuSort);

package/dist/npm/columnMenu/GridColumnMenuWrapper.js

@@ -52,6 +52,10 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
             show: false
         };
         /** @hidden */
+        _this._anchor = null;
+        /** @hidden */
+        _this._content = null;
+        /** @hidden */
         _this.blurTimeout = undefined;
         /** @hidden */
         _this.blur = function () {

package/dist/npm/drag/ColumnDraggable.d.ts

@@ -11,6 +11,7 @@ export interface ColumnDraggableProps {
     dragClue?: React.RefObject<DragClue | null> | null;
     headerRef?: React.RefObject<HTMLDivElement | null> | null;
     containerRef?: React.RefObject<HTMLDivElement | null> | null;
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/npm/drag/ColumnDraggable.js

@@ -25,6 +25,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
     __extends(ColumnDraggable, _super);
     function ColumnDraggable() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.draggable = null;
         /**
          * @hidden
          */

package/dist/npm/drag/ColumnResize.js

@@ -10,6 +10,9 @@ var OFFSET_ROUND = 1;
 var ColumnResize = /** @class */ (function () {
     function ColumnResize(triggerResize) {
         var _this = this;
+        // Typings. `col` and `colgroup` do not differ, both represnt a `HTMLTableColElement`.
+        // Implemented as `any`.
+        this.columns = [];
         /**
          * The settings for resizing the Grid.
          */

package/dist/npm/drag/ColumnResizer.js

@@ -25,6 +25,8 @@ var ColumnResizer = /** @class */ (function (_super) {
     __extends(ColumnResizer, _super);
     function ColumnResizer() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.draggable = null;
+        _this.isDragged = false;
         /**
          * @hidden
          */

package/dist/npm/drag/CommonDragLogic.js

@@ -11,6 +11,7 @@ var CommonDragLogic = /** @class */ (function () {
         var _this = this;
         this.refDragElementClue = React.createRef();
         this.refDropElementClue = React.createRef();
+        this.columns = [];
         this.reorderable = false;
         this.groupable = false;
         this.startColumn = -1;
@@ -118,7 +119,7 @@ var CommonDragLogic = /** @class */ (function () {
         if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
             return -1;
         }
-        var index = kendo_react_data_tools_1.getIndex(event, parent);
+        var index = (0, kendo_react_data_tools_1.getIndex)(event, parent);
         if (index === -1) {
             return -1;
         }
@@ -136,7 +137,7 @@ var CommonDragLogic = /** @class */ (function () {
         return -1;
     };
     CommonDragLogic.prototype.getGroupIndex = function (event) {
-        return kendo_react_data_tools_1.getIndex(event, this.groupPanelDivElement);
+        return (0, kendo_react_data_tools_1.getIndex)(event, this.groupPanelDivElement);
     };
     CommonDragLogic.prototype.isValid = function () {
         if (this.startGroup >= 0) {

package/dist/npm/drag/GroupingIndicator.js

@@ -26,6 +26,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
     __extends(GroupingIndicator, _super);
     function GroupingIndicator() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.draggable = null;
         /**
          * @hidden
          */

package/dist/npm/filterCommon.js

@@ -89,11 +89,11 @@ exports.defaultHideSecondFilter = {
  * @hidden
  */
 var cellInputChange = function (value, e, props) {
-    var defaultOperator = exports.getDefaultOperator(props.operators);
+    var defaultOperator = (0, exports.getDefaultOperator)(props.operators);
     var operator = props.operator;
     switch (props.filterType) {
         case 'numeric':
-            if (!operator || exports.IsUnaryFilter(operator)) {
+            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
                 // change the operator to default
                 operator = defaultOperator;
             }
@@ -103,7 +103,7 @@ var cellInputChange = function (value, e, props) {
             }
             break;
         case 'date':
-            if (!operator || exports.IsUnaryFilter(operator)) {
+            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
                 operator = defaultOperator;
             }
             if (value === null && operator === defaultOperator) {
@@ -111,7 +111,7 @@ var cellInputChange = function (value, e, props) {
             }
             break;
         case 'text':
-            if (!operator || exports.IsUnaryFilter(operator)) {
+            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
                 operator = defaultOperator;
             }
             if (!value && operator === defaultOperator) {
@@ -163,11 +163,11 @@ var cellOperatorChange = function (event, currentValue, onChange) {
     if (!event.target.state.opened) {
         return;
     }
-    if (exports.IsUnaryFilter(item.operator)) {
+    if ((0, exports.IsUnaryFilter)(item.operator)) {
         // clear the value to avoid confusion on what is filtered
         value = null;
     }
-    if (currentValue === null && !exports.IsUnaryFilter(item.operator)) {
+    if (currentValue === null && !(0, exports.IsUnaryFilter)(item.operator)) {
         value = undefined;
     }
     onChange({ value: value, operator: item.operator, syntheticEvent: event.syntheticEvent });

package/dist/npm/footer/Footer.js

@@ -27,7 +27,7 @@ var Footer = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.footerWrap = null;
         _this.table = null;
-        _this.scrollbarWidth = kendo_react_common_1.getScrollbarWidth();
+        _this.scrollbarWidth = (0, kendo_react_common_1.getScrollbarWidth)();
         return _this;
     }
     Footer.prototype.componentDidMount = function () {

package/dist/npm/footer/FooterRow.d.ts

@@ -13,7 +13,7 @@ export interface FooterRowProps {
  */
 export declare class FooterRow extends React.Component<FooterRowProps, {}> {
     private _element;
-    get element(): HTMLTableRowElement;
+    get element(): HTMLTableRowElement | null;
     render(): JSX.Element;
     private renderCell;
 }

package/dist/npm/footer/FooterRow.js

@@ -60,7 +60,7 @@ var FooterRow = /** @class */ (function (_super) {
         configurable: true
     });
     FooterRow.prototype.render = function () {
-        return React.createElement("tr", { role: "row", "aria-rowindex": this.props.ariaRowIndex }, utils_1.footerColumns(this.props.columns).map(this.renderCell));
+        return React.createElement("tr", { role: "row", "aria-rowindex": this.props.ariaRowIndex }, (0, utils_1.footerColumns)(this.props.columns).map(this.renderCell));
     };
     return FooterRow;
 }(React.Component));

package/dist/npm/header/FilterRow.js

@@ -47,7 +47,7 @@ var FilterRow = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     FilterRow.prototype.headerCellClassName = function (field, locked) {
-        var result = "" + (locked ? 'k-grid-header-sticky' : '');
+        var result = "".concat(locked ? 'k-grid-header-sticky' : '');
         if (this.props.sort &&
             this.props.sort.filter(function (descriptor) { return descriptor.field === field; }).length > 0) {
             result += ' k-sorted';
@@ -80,7 +80,7 @@ var FilterRow = /** @class */ (function (_super) {
     };
     FilterRow.prototype.render = function () {
         var _this = this;
-        var intl = kendo_react_intl_1.provideLocalizationService(this);
+        var intl = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var oldFilters = this.props.filter && this.props.filter.filters || [];
         var activeFilter = function (field) {
             if (field === undefined) {
@@ -92,7 +92,7 @@ var FilterRow = /** @class */ (function (_super) {
         var serviceIndex = 0, index = -1;
         var filterCells = this.props.columns.filter(function (c) { return c.children.length === 0; })
             .map(function (column) {
-            var filterType = filterCommon_1.getFilterType(column.filter);
+            var filterType = (0, filterCommon_1.getFilterType)(column.filter);
             var currentActiveFilter = activeFilter(column.field);
             var ariaLabel = column.filterable ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined;
             var filterCellProps = column.filterable && {
@@ -101,8 +101,8 @@ var FilterRow = /** @class */ (function (_super) {
                 title: column.filterTitle,
                 value: currentActiveFilter ? currentActiveFilter.value : filterType === 'text' ? '' : null,
                 operator: currentActiveFilter && currentActiveFilter.operator,
-                operators: filterCommon_1.operatorMap(_this.props.filterOperators[filterType] || [], intl),
-                booleanValues: filterCommon_1.operatorMap(filterCommon_1.booleanFilterValues, intl),
+                operators: (0, filterCommon_1.operatorMap)(_this.props.filterOperators[filterType] || [], intl),
+                booleanValues: (0, filterCommon_1.operatorMap)(filterCommon_1.booleanFilterValues, intl),
                 filterType: filterType,
                 ariaLabel: ariaLabel,
                 onChange: function (e) { _this.setFilter(e.value, e.operator, column.field, e.syntheticEvent); }
@@ -126,4 +126,4 @@ var FilterRow = /** @class */ (function (_super) {
     return FilterRow;
 }(React.Component));
 exports.FilterRow = FilterRow;
-kendo_react_intl_1.registerForLocalization(FilterRow);
+(0, kendo_react_intl_1.registerForLocalization)(FilterRow);

package/dist/npm/header/GridHeaderCell.d.ts

@@ -48,5 +48,5 @@ export declare class GridHeaderCell extends React.Component<GridHeaderCellProps,
     /**
      * @hidden
      */
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/dist/npm/header/GridHeaderSelectionCell.d.ts

@@ -5,5 +5,5 @@ import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
  */
 export declare class GridHeaderSelectionCell extends React.Component<GridHeaderCellProps> {
     private _inputId;
-    render(): any;
+    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | (JSX.Element | null | undefined)[] | null | undefined;
 }

package/dist/npm/header/GridHeaderSelectionCell.js

@@ -37,7 +37,7 @@ var GridHeaderSelectionCell = /** @class */ (function (_super) {
     __extends(GridHeaderSelectionCell, _super);
     function GridHeaderSelectionCell() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._inputId = kendo_react_common_1.guid();
+        _this._inputId = (0, kendo_react_common_1.guid)();
         return _this;
     }
     GridHeaderSelectionCell.prototype.render = function () {

package/dist/npm/header/GroupPanel.js

@@ -51,10 +51,10 @@ var GroupPanel = /** @class */ (function (_super) {
         return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header k-grouping-header-flex" },
             groups,
             React.createElement("div", { className: "k-indicator-container" },
-                !groups.length && kendo_react_intl_1.provideLocalizationService(this).toLanguageString(messages_1.groupPanelEmpty, messages_1.messages[messages_1.groupPanelEmpty]),
+                !groups.length && (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.groupPanelEmpty, messages_1.messages[messages_1.groupPanelEmpty]),
                 "\u00A0")));
     };
     return GroupPanel;
 }(React.Component));
 exports.GroupPanel = GroupPanel;
-kendo_react_intl_1.registerForLocalization(GroupPanel);
+(0, kendo_react_intl_1.registerForLocalization)(GroupPanel);

package/dist/npm/header/Header.js

@@ -40,7 +40,7 @@ var Header = /** @class */ (function (_super) {
         _this.headerWrap = null;
         _this.table = null;
         _this.syncScroll = false;
-        _this.scrollbarWidth = kendo_react_common_1.getScrollbarWidth();
+        _this.scrollbarWidth = (0, kendo_react_common_1.getScrollbarWidth)();
         _this.onScroll = function (_event) {
             if (_this.syncScroll) {
                 _this.syncScroll = false;
@@ -65,7 +65,7 @@ var Header = /** @class */ (function (_super) {
         configurable: true
     });
     Header.prototype.componentDidMount = function () {
-        var rtl = kendo_react_data_tools_1.isRtl(this.element);
+        var rtl = (0, kendo_react_data_tools_1.isRtl)(this.element);
         if (this.props.columnResize) {
             this.props.columnResize.setIsRtl(rtl);
         }
@@ -93,11 +93,11 @@ var Header = /** @class */ (function (_super) {
     Header.prototype.render = function () {
         var _this = this;
         if (!this.props.staticHeaders) {
-            return (React.createElement("thead", __assign({ role: "presentation", className: kendo_react_common_1.classNames('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }) }, kendo_react_data_tools_1.tableKeyboardNavigationHeaderAttributes),
+            return (React.createElement("thead", __assign({ role: "presentation", className: (0, kendo_react_common_1.classNames)('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }) }, kendo_react_data_tools_1.tableKeyboardNavigationHeaderAttributes),
                 this.props.headerRow,
                 this.props.filterRow));
         }
-        return (React.createElement("div", { ref: this.props.elemRef, className: kendo_react_common_1.classNames('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }), role: "presentation" },
+        return (React.createElement("div", { ref: this.props.elemRef, className: (0, kendo_react_common_1.classNames)('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }), role: "presentation" },
             React.createElement("div", { ref: function (div) { _this.headerWrap = div; }, className: "k-grid-header-wrap", style: this.scrollbarWidth ? {} : { borderWidth: 0 }, onScroll: this.onScroll, role: "presentation" },
                 React.createElement("table", { ref: function (table) { _this.table = table; }, role: "presentation" },
                     React.createElement("colgroup", { ref: function (e) { _this.props.columnResize.colGroupHeader = e; } }, this.props.cols),