@progress/kendo-react-grid 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/npm/cells/GridEditCell.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { GridCellProps } from '../interfaces/GridCellProps';
 /**
  * @hidden
  */
-export declare const GridEditCell: (props: GridCellProps) => any;
+export declare const GridEditCell: (props: GridCellProps) => React.ReactElement<HTMLTableCellElement, string | React.JSXElementConstructor<any>> | null;

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,15 +22,15 @@ 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 data = (0, utils_1.getNestedValue)(props.field, props.dataItem);
     var defaultRendering = null;
-    var editCellClasses = kendo_react_common_1.classNames('k-grid-edit-cell', (_a = {},
+    var editCellClasses = (0, kendo_react_common_1.classNames)('k-grid-edit-cell', (_a = {},
         _a['k-selected'] = props.isSelected,
         _a), props.className);
-    var inputId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
+    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
     var handleOnChange = React.useCallback(function (syntheticEvent) {
         if (props.onChange) {
             var value = syntheticEvent.target.type === 'checkbox' ?
@@ -77,3 +78,4 @@ exports.GridEditCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridEditCell = GridEditCell;

package/dist/npm/cells/GridFilterCell.d.ts

@@ -5,7 +5,7 @@ export declare class GridFilterCell extends React.Component<GridFilterCellProps,
     /**
      * @hidden
      */
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
     private renderOperatorEditor;
     private inputChange;
     private operatorChange;

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");
@@ -46,12 +49,12 @@ var GridFilterCell = /** @class */ (function (_super) {
      */
     GridFilterCell.prototype.render = function () {
         var _a;
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
             React.createElement("span", null,
                 this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
                 React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
-                React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: kendo_react_common_1.classNames((_a = {},
+                React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: (0, kendo_react_common_1.classNames)((_a = {},
                         _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
                         _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
         if (this.props.render) {
@@ -60,13 +63,13 @@ var GridFilterCell = /** @class */ (function (_super) {
         return defaultRendering;
     };
     GridFilterCell.prototype.inputChange = function (value, e) {
-        filterCommon_1.cellInputChange(value, e, this.props);
+        (0, filterCommon_1.cellInputChange)(value, e, this.props);
     };
     GridFilterCell.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);
     };
     GridFilterCell.prototype.boolDropdownChange = function (event) {
-        filterCommon_1.cellBoolDropdownChange(event, this.props.onChange);
+        (0, filterCommon_1.cellBoolDropdownChange)(event, this.props.onChange);
     };
     GridFilterCell.prototype.clear = function (e) {
         e.preventDefault();
@@ -88,4 +91,4 @@ var GridFilterCell = /** @class */ (function (_super) {
     return GridFilterCell;
 }(React.Component));
 exports.GridFilterCell = GridFilterCell;
-kendo_react_intl_1.registerForLocalization(GridFilterCell);
+(0, kendo_react_intl_1.registerForLocalization)(GridFilterCell);

package/dist/npm/cells/GridGroupCell.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { GridCellProps } from '../interfaces/GridCellProps';
 /**
  * @hidden
  */
-export declare const GridGroupCell: (props: GridCellProps) => any;
+export declare const GridGroupCell: (props: GridCellProps) => React.ReactElement<HTMLTableCellElement, string | React.JSXElementConstructor<any>> | null;

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,12 +20,12 @@ 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 || '';
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
-    var localization = kendo_react_intl_1.useLocalization();
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var onKeyDownHandler = React.useCallback(function (event) {
         if (event.isDefaultPrevented()) {
             return;
@@ -69,3 +70,4 @@ exports.GridGroupCell = function (props) {
         render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridGroupCell = GridGroupCell;

package/dist/npm/cells/GridHierarchyCell.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { GridCellProps } from '../interfaces/GridCellProps';
 /**
  * @hidden
  */
-export declare const GridHierarchyCell: (props: GridCellProps) => any;
+export declare const GridHierarchyCell: (props: GridCellProps) => React.ReactElement<HTMLTableCellElement, string | React.JSXElementConstructor<any>> | null;

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,11 +21,11 @@ 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);
-    var localization = kendo_react_intl_1.useLocalization();
+    var expanded = (0, utils_1.getNestedValue)(props.field, props.dataItem);
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var onKeyDownHandler = React.useCallback(function (event) {
         if (event.isDefaultPrevented()) {
             return;
@@ -65,3 +66,4 @@ exports.GridHierarchyCell = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.GridHierarchyCell = GridHierarchyCell;

package/dist/npm/cells/GridSelectionCell.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { GridCellProps } from '../interfaces/GridCellProps';
 /**
  * @hidden
  */
-export declare const GridSelectionCell: (props: GridCellProps) => any;
+export declare const GridSelectionCell: (props: GridCellProps) => JSX.Element | null;

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,15 +19,15 @@ 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 });
         }
     }, [props.selectionChange]);
-    var inputId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var selectedValue = utils_1.getNestedValue(props.field, props.dataItem);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
+    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var selectedValue = (0, utils_1.getNestedValue)(props.field, props.dataItem);
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
     var defaultRendering = props.rowType !== 'groupHeader' ? (React.createElement("td", __assign({ colSpan: props.colSpan, style: props.style, className: props.className, "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
         React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
         React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId }))) : null;
@@ -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,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
 var React = require("react");
 var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
 var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
@@ -53,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' };
         };
@@ -66,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; });
             }
@@ -111,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)
             });
         };
         /**
@@ -127,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)
             });
         };
         /**
@@ -172,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 = _this.state.currentFilter.filters.slice() || [];
+            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;
@@ -214,7 +226,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, true);
                 if (_this.compositeFilterIndex === -1) {
                     return false;
                 }
@@ -244,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,
@@ -261,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 = this.state.currentFilter.filters.slice();
+            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;
@@ -315,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.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/npm/columnMenu/GridColumnMenuFilter.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,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
 var React = require("react");
 var kendo_data_query_1 = require("@progress/kendo-data-query");
 var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
@@ -37,26 +49,28 @@ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 /**
  * @hidden
  */
-exports.rootFilterOrDefault = function (rootFilter) {
+var rootFilterOrDefault = function (rootFilter) {
     return (rootFilter || { filters: [], logic: 'and' });
 };
+exports.rootFilterOrDefault = rootFilterOrDefault;
 /**
  * @hidden
  */
-exports.filterGroupByField = function (field, filter) {
-    var rootFilter = exports.rootFilterOrDefault(filter);
+var filterGroupByField = function (field, 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;
     });
     return compositeFilters[0] || null;
 };
+exports.filterGroupByField = filterGroupByField;
 /**
  * @example
  * ```jsx-no-run
@@ -121,21 +135,21 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
          * @hidden
          */
         _this.removeGroup = function (group, rootFilter) {
-            var filters = rootFilter.filters.slice();
+            var filters = __spreadArray([], rootFilter.filters, true);
             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, true) });
         };
         /**
          * @hidden
@@ -174,12 +188,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 })
             });
         };
         /**
@@ -187,7 +201,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 })
             });
         };
         /**
@@ -199,14 +213,14 @@ 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);
             }
             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();
@@ -216,7 +230,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) {
@@ -233,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) {
@@ -244,18 +258,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, true), [currentFilterGroup], false) });
             }
             _this.props.onFilterChange(updatedFilter, event);
             if (_this.props.onCloseMenu) {
@@ -264,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);
-            filterGroup = filterGroup ? __assign({}, filterGroup, { filters: filterGroup.filters.map(function (f) {
+            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) {
@@ -294,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,
@@ -320,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,
@@ -336,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 }),
@@ -358,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);