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

package/dist/npm/filter/index.js

@@ -1,10 +1,22 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./filters"));
-__export(require("./Expression"));
-__export(require("./Filter"));
-__export(require("./Group"));
-__export(require("./operators"));
+__exportStar(require("./filters"), exports);
+__exportStar(require("./Expression"), exports);
+__exportStar(require("./FieldSettings"), exports);
+__exportStar(require("./Filter"), exports);
+__exportStar(require("./Group"), exports);
+__exportStar(require("./operators"), exports);

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

@@ -1,5 +1,15 @@
 "use strict";
+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.unaryOperator = exports.stringOperator = exports.Operators = void 0;
 var messages_1 = require("./../messages");
 var textOperators = [
     { text: messages_1.filterContainsOperator, operator: 'contains' },
@@ -64,9 +74,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", {
@@ -85,9 +95,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", {
@@ -106,9 +116,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", {
@@ -121,9 +131,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;
@@ -132,12 +142,14 @@ exports.Operators = Operators;
 /**
  * @hidden
  */
-exports.stringOperator = function (operator) {
+var stringOperator = function (operator) {
     return operator === 'contains' || operator === 'doesnotcontain' || operator === 'startswith' || operator === 'endswith';
 };
+exports.stringOperator = stringOperator;
 /**
  * @hidden
  */
-exports.unaryOperator = function (operator) {
+var unaryOperator = function (operator) {
     return operator === 'isnull' || operator === 'isnotnull' || operator === 'isempty' || operator === 'isnotempty';
 };
+exports.unaryOperator = unaryOperator;

package/dist/npm/filteringCells/BooleanFilter.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.BooleanFilterCell = void 0;
 var React = require("react");
 var FilterComponent_1 = require("./FilterComponent");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
@@ -50,7 +62,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,
@@ -68,5 +80,5 @@ var BooleanFilterCell = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     return BooleanFilterCell;
-}(FilterComponent_1.createFilterComponent(settings)));
+}((0, FilterComponent_1.createFilterComponent)(settings)));
 exports.BooleanFilterCell = BooleanFilterCell;

package/dist/npm/filteringCells/DateFilter.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateFilterCell = void 0;
 var React = require("react");
 var FilterComponent_1 = require("./FilterComponent");
 var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
@@ -42,5 +45,5 @@ var DateFilterCell = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     return DateFilterCell;
-}(FilterComponent_1.createFilterComponent(settings)));
+}((0, FilterComponent_1.createFilterComponent)(settings)));
 exports.DateFilterCell = DateFilterCell;

package/dist/npm/filteringCells/FilterComponent.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,14 +25,24 @@ 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.createFilterComponent = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
-exports.createFilterComponent = function (settings) {
+var createFilterComponent = function (settings) {
     var Cell = /** @class */ (function (_super) {
         __extends(FilterComponent, _super);
         function FilterComponent() {
@@ -45,7 +57,7 @@ exports.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,
@@ -57,7 +69,7 @@ exports.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,
@@ -81,7 +93,7 @@ exports.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,
@@ -97,7 +109,7 @@ exports.createFilterComponent = function (settings) {
                 React.createElement("span", null,
                     settings.inputComponent({ value: value, onChange: this.inputChange, components: this.props.components }),
                     React.createElement("div", { className: "k-filtercell-operator" }, settings.operatorComponent(operatorComponentProps, this.props)),
-                    React.createElement(kendo_react_buttons_1.Button, { className: kendo_react_common_1.classNames((_a = {},
+                    React.createElement(kendo_react_buttons_1.Button, { className: (0, kendo_react_common_1.classNames)((_a = {},
                             _a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
                             _a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) }))));
         };
@@ -105,3 +117,4 @@ exports.createFilterComponent = function (settings) {
     }(React.Component));
     return Cell;
 };
+exports.createFilterComponent = createFilterComponent;

package/dist/npm/filteringCells/NumericFilter.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumericFilterCell = void 0;
 var React = require("react");
 var FilterComponent_1 = require("./FilterComponent");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
@@ -42,5 +45,5 @@ var NumericFilterCell = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     return NumericFilterCell;
-}(FilterComponent_1.createFilterComponent(settings)));
+}((0, FilterComponent_1.createFilterComponent)(settings)));
 exports.NumericFilterCell = NumericFilterCell;

package/dist/npm/filteringCells/TextFilter.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFilterCell = void 0;
 var React = require("react");
 var FilterComponent_1 = require("./FilterComponent");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
@@ -42,5 +45,5 @@ var TextFilterCell = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     return TextFilterCell;
-}(FilterComponent_1.createFilterComponent(settings)));
+}((0, FilterComponent_1.createFilterComponent)(settings)));
 exports.TextFilterCell = TextFilterCell;

package/dist/npm/filteringCells/index.js

@@ -1,10 +1,24 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./FilterComponent"));
-__export(require("./BooleanFilter"));
-__export(require("./DateFilter"));
-__export(require("./NumericFilter"));
-__export(require("./TextFilter"));
+__exportStar(require("./FilterComponent"), exports);
+__exportStar(require("./FilterComponentProps"), exports);
+__exportStar(require("./FilterCellProps"), exports);
+__exportStar(require("./FilterOperator"), exports);
+__exportStar(require("./BooleanFilter"), exports);
+__exportStar(require("./DateFilter"), exports);
+__exportStar(require("./NumericFilter"), exports);
+__exportStar(require("./TextFilter"), exports);

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDefaultProps = void 0;
 /**
  * @hidden
  */

package/dist/npm/header/FilterRow.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterRow = exports.FILTER_ROW_CLASS = void 0;
 var React = require("react");
 var HeaderThElement_1 = require("./HeaderThElement");
 var utils_1 = require("../navigation/utils");
@@ -10,7 +11,7 @@ var messages_1 = require("../messages");
  */
 exports.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';
     }
@@ -19,9 +20,9 @@ var headerCellClassName = function (sort, field, locked) {
 /**
  * @hidden
  */
-exports.FilterRow = function (props) {
+var FilterRow = function (props) {
     var columns = props.columns, filter = props.filter, filterChange = props.filterChange, _a = props.sort, sort = _a === void 0 ? [] : _a, ariaRowIndex = props.ariaRowIndex;
-    var intl = kendo_react_intl_1.useLocalization();
+    var intl = (0, kendo_react_intl_1.useLocalization)();
     return (React.createElement("tr", { className: exports.FILTER_ROW_CLASS, "aria-rowindex": ariaRowIndex, role: 'row' }, columns.map(function (column, index) {
         var style = (column.locked !== undefined) ? {
             left: column.left,
@@ -29,6 +30,7 @@ exports.FilterRow = function (props) {
             borderRightWidth: column.rightBorder ? '1px' : ''
         } : {};
         var FilterCell = column.filterCell || column.filter;
-        return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: utils_1.getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
+        return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
     })));
 };
+exports.FilterRow = FilterRow;

package/dist/npm/header/Header.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
 var React = require("react");
 var utils_1 = require("./utils");
 var constants_1 = require("../navigation/constants");
@@ -40,7 +43,7 @@ var Header = /** @class */ (function (_super) {
     Header.prototype.componentDidMount = function () {
         var columnResize = this.props.columnResize;
         if (columnResize && columnResize.resizable) {
-            columnResize.setIsRtl(utils_1.isRtl(this.element));
+            columnResize.setIsRtl((0, utils_1.isRtl)(this.element));
         }
     };
     Header.prototype.render = function () {

package/dist/npm/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;

package/dist/npm/header/HeaderCell.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderCell = void 0;
 var React = require("react");
 /**
  * @hidden
@@ -22,8 +23,8 @@ function HeaderCell(props) {
     var defaultRendering = (React.createElement("span", __assign({ className: 'k-link' }, clickProps),
         React.createElement("span", { className: 'k-column-title' }, props.title || props.field || '\u00A0'),
         props.children));
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 }
 exports.HeaderCell = HeaderCell;

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

@@ -6,18 +6,20 @@ import { SortSettings } from './SortSettings';
 import { ColumnResize } from '../drag/ColumnResize';
 import { ColumnDraggableProps } from '../drag/ColumnDraggable';
 import { ColumnMenuProps } from '../columnmenu';
+import { CellProps } from './CellProps';
+import { FilterCellProps } from '../filteringCells';
 /**
  * @hidden
  */
-export interface HeaderRowProps extends ColumnDraggableProps {
+export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
     sortable?: SortSettings;
     sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
     sort?: SortDescriptor[];
-    columns: ExtendedColumnProps[];
+    columns: ExtendedColumnProps<C, H, F>[];
     columnsMap: number[][];
     selectionChange: (e: any) => void;
     cellRender?: (defaultRendering: React.ReactNode | null, props: HeaderCellProps) => React.ReactNode;
-    columnResize?: ColumnResize;
+    columnResize?: ColumnResize<C, H, F>;
     columnMenu?: React.ComponentType<ColumnMenuProps>;
     columnMenuFilter?: CompositeFilterDescriptor[];
     columnMenuFilterChange?: (e: React.SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field?: string) => void;
@@ -25,10 +27,10 @@ export interface HeaderRowProps extends ColumnDraggableProps {
 /**
  * @hidden
  */
-export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
-    cellClick: (e: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLSpanElement, MouseEvent>, column: TreeColumnBaseProps) => void;
-    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
-    sortIcon(sortIndex: number): JSX.Element[];
+export declare class HeaderRow<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends React.Component<HeaderRowProps<C, H, F>, {}> {
+    cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
     render(): JSX.Element[];
     private cells;
 }

package/dist/npm/header/HeaderRow.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderRow = void 0;
 var React = require("react");
 var HeaderCell_1 = require("./HeaderCell");
 var SortSettings_1 = require("./SortSettings");
@@ -60,7 +63,7 @@ var HeaderRow = /** @class */ (function (_super) {
             if (!_this.props.sortChange) {
                 return;
             }
-            var _a = SortSettings_1.normalize(_this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
+            var _a = (0, SortSettings_1.normalize)(_this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
             var oldDescriptor = (_this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
             var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
             var newDescriptor = (mode === 'single') ?
@@ -95,7 +98,7 @@ var HeaderRow = /** @class */ (function (_super) {
                 children: _this.sortIcon(sortIndex)
             };
             var ColumnMenu = column.columnMenu || _this.props.columnMenu;
-            var className = kendo_react_common_1.classNames({
+            var className = (0, kendo_react_common_1.classNames)({
                 'k-first': column.kFirst,
                 'k-filterable': Boolean(ColumnMenu),
                 'k-header': true,
@@ -107,7 +110,7 @@ var HeaderRow = /** @class */ (function (_super) {
                 right: column.right,
                 borderRightWidth: column.rightBorder ? '1px' : ''
             } : {};
-            var sortLabel = kendo_react_intl_1.provideLocalizationService(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
+            var sortLabel = (0, kendo_react_intl_1.provideLocalizationService)(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
             var ariaAttrs = column.isAccessible ? {
                 ariaSort: sortable ? ariaSortMap[sortDir] : undefined,
                 role: 'columnheader',
@@ -152,4 +155,4 @@ var HeaderRow = /** @class */ (function (_super) {
     return HeaderRow;
 }(React.Component));
 exports.HeaderRow = HeaderRow;
-kendo_react_intl_1.registerForLocalization(HeaderRow);
+(0, kendo_react_intl_1.registerForLocalization)(HeaderRow);