@progress/kendo-react-data-tools 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/es/filter/Group.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,15 @@ 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));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
@@ -37,43 +48,59 @@ var Group = /** @class */ (function (_super) {
     __extends(Group, _super);
     function Group() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onGroupRemove = function () {
-            _this.props.onRemove.call(undefined, {
-                filter: _this.props.filter
-            });
+        _this.onGroupRemove = function (event) {
+            var ev = {
+                filter: _this.props.filter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onRemove.call(undefined, ev);
         };
-        _this.onAddExpression = function () {
+        _this.onAddExpression = function (event) {
             var prevFilter = _this.props.filter;
             var firstField = _this.props.fields[0];
             var newExpression = { field: firstField.name, operator: firstField.operators[0].operator };
             newExpression.value = stringOperator(newExpression.operator) ? '' : null;
-            _this.props.onChange.call(undefined, {
-                nextFilter: __assign({}, prevFilter, { filters: prevFilter.filters.concat([newExpression]) }),
-                prevFilter: prevFilter
-            });
+            var ev = {
+                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [newExpression], false) }),
+                prevFilter: prevFilter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onChange.call(undefined, ev);
         };
-        _this.onAddGroup = function () {
+        _this.onAddGroup = function (event) {
             var prevFilter = _this.props.filter;
-            _this.props.onChange.call(undefined, {
-                nextFilter: __assign({}, prevFilter, { filters: prevFilter.filters.concat([__assign({}, _this.props.defaultGroupFilter)]) }),
-                prevFilter: prevFilter
-            });
+            var ev = {
+                nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [__assign({}, _this.props.defaultGroupFilter)], false) }),
+                prevFilter: prevFilter,
+                target: _this,
+                syntheticEvent: event,
+                nativeEvent: event.nativeEvent
+            };
+            _this.props.onChange.call(undefined, ev);
         };
-        _this.onLogicAnd = function () { return _this.changeLogic('and'); };
-        _this.onLogicOr = function () { return _this.changeLogic('or'); };
-        _this.changeLogic = function (logic) {
+        _this.onLogicAnd = function (event) { return _this.changeLogic('and', event); };
+        _this.onLogicOr = function (event) { return _this.changeLogic('or', event); };
+        _this.changeLogic = function (logic, event) {
             var prevFilter = _this.props.filter;
             if (prevFilter.logic !== logic) {
-                _this.props.onChange.call(undefined, {
-                    nextFilter: __assign({}, prevFilter, { logic: logic }),
-                    prevFilter: prevFilter
-                });
+                var ev = {
+                    nextFilter: __assign(__assign({}, prevFilter), { logic: logic }),
+                    prevFilter: prevFilter,
+                    target: _this,
+                    syntheticEvent: event,
+                    nativeEvent: event.nativeEvent
+                };
+                _this.props.onChange.call(undefined, ev);
             }
         };
         _this.replaceFilter = function (prevFilter, nextFilter) {
             var filter = _this.props.filter;
             var filters = filter.filters.map(function (f) { return f === prevFilter ? nextFilter : f; });
-            return __assign({}, filter, { filters: filters });
+            return __assign(__assign({}, filter), { filters: filters });
         };
         _this.onChange = function (event) {
             var nextFilter = _this.replaceFilter(event.prevFilter, event.nextFilter);
@@ -90,7 +117,7 @@ var Group = /** @class */ (function (_super) {
             var prevFilter = _this.props.filter;
             var filters = prevFilter.filters.filter(function (f) { return f !== event.filter; });
             var changeEvent = {
-                nextFilter: __assign({}, prevFilter, { filters: filters }),
+                nextFilter: __assign(__assign({}, prevFilter), { filters: filters }),
                 prevFilter: prevFilter,
                 syntheticEvent: event.syntheticEvent,
                 nativeEvent: event.nativeEvent,

package/dist/es/filter/filters/BooleanFilter.d.ts

@@ -28,10 +28,10 @@ export declare class BooleanFilter extends React.Component<BooleanFilterProps> {
     static propTypes: {
         filter: PropTypes.Validator<object>;
         onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
-        data: PropTypes.Requireable<PropTypes.InferProps<{
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<any>;
-        }>[]>;
+        }> | null | undefined)[]>;
         defaultItem: PropTypes.Requireable<any>;
     };
     private data;

package/dist/es/filter/filters/BooleanFilter.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/filter/filters/DateFilter.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 __());
@@ -34,7 +36,7 @@ var DateFilter = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (event) {
             _this.props.onFilterChange.call(undefined, {
-                nextFilter: __assign({}, _this.props.filter, { value: event.value })
+                nextFilter: __assign(__assign({}, _this.props.filter), { value: event.value })
             });
         };
         return _this;

package/dist/es/filter/filters/EnumFilter.d.ts

@@ -28,10 +28,10 @@ export declare class EnumFilter extends React.Component<EnumFilterProps> {
     static propTypes: {
         filter: PropTypes.Validator<object>;
         onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
-        data: PropTypes.Requireable<PropTypes.InferProps<{
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<any>;
-        }>[]>;
+        }> | null | undefined)[]>;
         defaultItem: PropTypes.Requireable<any>;
     };
     /**

package/dist/es/filter/filters/EnumFilter.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 __());
@@ -37,7 +39,7 @@ var EnumFilter = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (event) {
             _this.props.onFilterChange.call(undefined, {
-                nextFilter: __assign({}, _this.props.filter, { value: event.value.value })
+                nextFilter: __assign(__assign({}, _this.props.filter), { value: event.value.value })
             });
         };
         return _this;
@@ -48,7 +50,7 @@ var EnumFilter = /** @class */ (function (_super) {
     EnumFilter.prototype.render = function () {
         var locService = provideLocalizationService(this);
         var _a = this.props, filter = _a.filter, _b = _a.data, data = _b === void 0 ? [] : _b, defaultItem = _a.defaultItem;
-        var locData = data.map(function (item) { return (__assign({}, item, { text: locService.toLanguageString(item.text, messages[item.text] || item.text) })); });
+        var locData = data.map(function (item) { return (__assign(__assign({}, item), { text: locService.toLanguageString(item.text, messages[item.text] || item.text) })); });
         return (React.createElement(DropDownList, { value: locData.find(function (i) { return i.value === filter.value; }) || null, onChange: this.onChange, defaultItem: defaultItem, data: locData, textField: "text" }));
     };
     /**

package/dist/es/filter/filters/NumericFilter.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 __());
@@ -34,7 +36,7 @@ var NumericFilter = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (event) {
             _this.props.onFilterChange.call(undefined, {
-                nextFilter: __assign({}, _this.props.filter, { value: event.value })
+                nextFilter: __assign(__assign({}, _this.props.filter), { value: event.value })
             });
         };
         return _this;

package/dist/es/filter/filters/TextFilter.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { FilterOperator } from '../../filteringCells';
 import { FilterDescriptor } from '@progress/kendo-data-query';
 /**
  * The props of the TextFilter component.
@@ -14,7 +13,7 @@ export interface TextFilterProps {
      * The FilterChange event, triggered while editing the FilterOperator.
      */
     onFilterChange: (event: {
-        nextFilter: FilterOperator;
+        nextFilter: FilterDescriptor;
     }) => void;
 }
 /**

package/dist/es/filter/filters/TextFilter.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 __());
@@ -34,7 +36,7 @@ var TextFilter = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onChange = function (event) {
             _this.props.onFilterChange.call(undefined, {
-                nextFilter: __assign({}, _this.props.filter, { value: event.value })
+                nextFilter: __assign(__assign({}, _this.props.filter), { value: event.value })
             });
         };
         return _this;

package/dist/es/filter/index.js

@@ -1,5 +1,6 @@
 export * from './filters';
 export * from './Expression';
+export * from './FieldSettings';
 export * from './Filter';
 export * from './Group';
 export * from './operators';

package/dist/es/filter/operators.d.ts

@@ -22,7 +22,7 @@ export declare class Operators {
      * - { text: 'filter.isEmptyOperator', operator: 'isempty' }
      * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
      */
-    static readonly text: FilterOperator[];
+    static get text(): FilterOperator[];
     /**
      * An array containing the operators for the NumericFilter component.
      *
@@ -37,7 +37,7 @@ export declare class Operators {
      * - { text: 'filter.isNullOperator', operator: 'isnull' }
      * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
      */
-    static readonly numeric: FilterOperator[];
+    static get numeric(): FilterOperator[];
     /**
      * An array containing the operators for the DateFilter component.
      *
@@ -52,7 +52,7 @@ export declare class Operators {
      * - { text: 'filter.isNullOperator', operator: 'isnull' }
      * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
      */
-    static readonly date: FilterOperator[];
+    static get date(): FilterOperator[];
     /**
      * An array containing the operators for the BooleanFilter component.
      *
@@ -61,7 +61,7 @@ export declare class Operators {
      * - { text: 'filter.eqOperator', operator: 'eq' }
      * - { text: 'filter.notEqOperator', operator: 'neq' }
      */
-    static readonly boolean: FilterOperator[];
+    static get boolean(): FilterOperator[];
 }
 /**
  * @hidden

package/dist/es/filter/operators.js

@@ -1,3 +1,12 @@
+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));
+};
 import { filterEqOperator, filterNotEqOperator, filterIsNullOperator, filterIsNotNullOperator, filterIsEmptyOperator, filterIsNotEmptyOperator, filterStartsWithOperator, filterContainsOperator, filterNotContainsOperator, filterEndsWithOperator, filterGteOperator, filterGtOperator, filterLteOperator, filterLtOperator, filterAfterOrEqualOperator, filterAfterOperator, filterBeforeOperator, filterBeforeOrEqualOperator } from './../messages';
 var textOperators = [
     { text: filterContainsOperator, operator: 'contains' },
@@ -62,9 +71,9 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
          */
         get: function () {
-            return textOperators.slice();
+            return __spreadArray([], textOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Operators, "numeric", {
@@ -83,9 +92,9 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return numericOperators.slice();
+            return __spreadArray([], numericOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Operators, "date", {
@@ -104,9 +113,9 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return dateOperators.slice();
+            return __spreadArray([], dateOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Operators, "boolean", {
@@ -119,9 +128,9 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.notEqOperator', operator: 'neq' }
          */
         get: function () {
-            return booleanOperators.slice();
+            return __spreadArray([], booleanOperators, true);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return Operators;

package/dist/es/filteringCells/BooleanFilter.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,15 @@ 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));
+};
 import * as React from 'react';
 import { createFilterComponent } from './FilterComponent';
 import { DropDownList } from '@progress/kendo-react-dropdowns';
@@ -48,7 +59,7 @@ var settings = {
                     return;
                 }
                 var filterResult = current ?
-                    filter.map(function (f) { return f.field === field ? __assign({}, current, { value: value }) : f; }) : filter.concat([{ value: value, field: field, operator: booleanOperator }]);
+                    filter.map(function (f) { return f.field === field ? __assign(__assign({}, current), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter, true), [{ value: value, field: field, operator: booleanOperator }], false);
                 cellProps.onFilterChange.call(undefined, {
                     filter: filterResult,
                     field: field,

package/dist/es/filteringCells/DateFilter.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/filteringCells/FilterCellProps.js

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

package/dist/es/filteringCells/FilterComponent.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -22,6 +24,15 @@ 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));
+};
 import * as React from 'react';
 import { Button } from '@progress/kendo-react-buttons';
 import { classNames } from '@progress/kendo-react-common';
@@ -43,7 +54,7 @@ export var createFilterComponent = function (settings) {
                 var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
                 var existing = _this.findCellFilter();
                 var filterResult = existing ?
-                    filter.map(function (f) { return f.field === field ? __assign({}, existing, { value: value }) : f; }) : filter.concat([__assign({}, settings.emptyFilter, { value: value, field: field })]);
+                    filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter, true), [__assign(__assign({}, settings.emptyFilter), { value: value, field: field })], false);
                 _this.filterChange({
                     filter: filterResult,
                     field: field,
@@ -55,7 +66,7 @@ export var createFilterComponent = function (settings) {
                 var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
                 var existing = _this.findCellFilter();
                 var filterResult = existing ?
-                    filter.map(function (f) { return f.field === field ? __assign({}, existing, { operator: operator }) : f; }) : filter.concat([__assign({}, settings.emptyFilter, { field: field, operator: operator })]);
+                    filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { operator: operator }) : f; }) : __spreadArray(__spreadArray([], filter, true), [__assign(__assign({}, settings.emptyFilter), { field: field, operator: operator })], false);
                 _this.filterChange({
                     filter: filterResult,
                     field: field,
@@ -79,7 +90,7 @@ export var createFilterComponent = function (settings) {
         FilterComponent.prototype.render = function () {
             var _a;
             var _b = this.props, _c = _b.clearButtonTitle, clearButtonTitle = _c === void 0 ? '' : _c, _d = _b.operators, operators = _d === void 0 ? [] : _d;
-            var filter = this.findCellFilter() || __assign({}, settings.emptyFilter, { operator: '' });
+            var filter = this.findCellFilter() || __assign(__assign({}, settings.emptyFilter), { operator: '' });
             var operator = filter.operator, value = filter.value;
             var operatorComponentProps = {
                 value: operators.find(function (item) { return item.operator === operator; }) || null,

package/dist/es/filteringCells/FilterComponentProps.js

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

package/dist/es/filteringCells/FilterOperator.js

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

package/dist/es/filteringCells/NumericFilter.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/filteringCells/TextFilter.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/filteringCells/index.js

@@ -1,4 +1,7 @@
 export * from './FilterComponent';
+export * from './FilterComponentProps';
+export * from './FilterCellProps';
+export * from './FilterOperator';
 export * from './BooleanFilter';
 export * from './DateFilter';
 export * from './NumericFilter';

package/dist/es/header/CellProps.js

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

package/dist/es/header/ColumnProps.d.ts

@@ -1,13 +1,13 @@
 import { ComponentType } from 'react';
-import { HeaderCellProps } from './HeaderCell';
-import { CellProps } from './CellProps';
-import { FilterCellProps } from '../filteringCells/FilterCellProps';
+import { HeaderCellProps as HeaderCellPropsDefault } from './HeaderCell';
+import { CellProps as CellPropsDefault } from './CellProps';
+import { FilterCellProps as FilterCellPropsDefault } from '../filteringCells/FilterCellProps';
 import { ColumnSortSettings } from './SortSettings';
 import { ColumnMenuProps } from '../columnmenu';
 /**
  * @hidden
  */
-export interface ColumnBaseProps {
+export interface ColumnBaseProps<CellProps = CellPropsDefault> {
     /**
      * The field to which the column is bound.
      */
@@ -86,11 +86,11 @@ export interface ColumnBaseProps {
 /**
  * @hidden
  */
-export interface TreeColumnBaseProps extends ColumnBaseProps {
+export interface TreeColumnBaseProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends ColumnBaseProps<CellProps> {
     /**
      * A collection of child columns.
      */
-    children?: TreeColumnBaseProps[];
+    children?: TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps>[];
     /**
      * The column menu component. Pass the [ColumnMenuTextColumn]({% slug api_data-tools_columnmenutextcolumn %}),
      * [ColumnMenuNumericColumn]({% slug api_data-tools_columnmenunumericcolumn %}),
@@ -124,7 +124,7 @@ export interface TreeColumnBaseProps extends ColumnBaseProps {
 /**
  * @hidden
  */
-export interface ExtendedColumnProps extends TreeColumnBaseProps {
+export interface ExtendedColumnProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps> {
     declarationIndex: number;
     parentIndex: number;
     colSpan: number;
@@ -132,7 +132,7 @@ export interface ExtendedColumnProps extends TreeColumnBaseProps {
     depth: number;
     kFirst?: boolean;
     index: number;
-    children: ExtendedColumnProps[];
+    children: ExtendedColumnProps<CellProps, HeaderCellProps, FilterCellProps>[];
     left: number;
     right: number;
     rightBorder: boolean;

package/dist/es/header/FilterRow.js

@@ -8,7 +8,7 @@ import { filterAriaLabel, messages } from '../messages';
  */
 export var FILTER_ROW_CLASS = 'k-filter-row';
 var headerCellClassName = function (sort, field, locked) {
-    var result = "" + (locked ? 'k-grid-header-sticky' : '');
+    var result = "".concat(locked ? 'k-grid-header-sticky' : '');
     if (sort.some(function (descriptor) { return descriptor.field === field; })) {
         result += ' k-sorted';
     }

package/dist/es/header/Header.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/header/HeaderCell.d.ts

@@ -44,4 +44,4 @@ export interface HeaderCellProps extends HeaderCellBaseProps {
 /**
  * @hidden
  */
-export declare function HeaderCell(props: HeaderCellProps): any;
+export declare function HeaderCell(props: HeaderCellProps): JSX.Element;