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

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);

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderCellProps } from './HeaderCell';
 /**
  * @hidden
@@ -8,4 +9,4 @@ export interface HeaderSelectionCellProps extends HeaderCellProps {
 /**
  * @hidden
  */
-export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): any;
+export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): JSX.Element;

package/dist/npm/header/HeaderSelectionCell.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderSelectionCell = void 0;
 var React = require("react");
 /**
  * @hidden
@@ -14,8 +15,8 @@ function HeaderSelectionCell(props) {
             } })),
         (React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: props.inputId }))
     ];
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 }
 exports.HeaderSelectionCell = HeaderSelectionCell;

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

@@ -4,20 +4,20 @@
  */
 export declare const HeaderThElement: {
     (props: {
-        ariaSort?: "none" | "ascending" | "descending";
-        ariaLabel?: string;
-        ariaColumnIndex?: number;
-        ariaSelected?: boolean;
-        ariaDescription?: string;
-        colSpan?: number;
-        rowSpan?: number;
-        role?: string;
+        ariaSort?: "none" | "ascending" | "descending" | undefined;
+        ariaLabel?: string | undefined;
+        ariaColumnIndex?: number | undefined;
+        ariaSelected?: boolean | undefined;
+        ariaDescription?: string | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        role?: string | undefined;
         columnId: string;
-        className?: string;
+        className?: string | undefined;
         style?: any;
         children: any;
         onKeyDown?: any;
-        navigatable?: boolean;
+        navigatable?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/dist/npm/header/HeaderThElement.js

@@ -11,17 +11,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderThElement = void 0;
 var React = require("react");
 var hooks_1 = require("../navigation/hooks");
 /**
  * @hidden
  */
-exports.HeaderThElement = function (props) {
+var HeaderThElement = function (props) {
     var ariaSort = props.ariaSort, colSpan = props.colSpan, rowSpan = props.rowSpan, className = props.className, style = props.style, columnId = props.columnId, onKeyDown = props.onKeyDown, navigatable = props.navigatable, ariaColumnIndex = props.ariaColumnIndex, ariaLabel = props.ariaLabel, role = props.role, ariaSelected = props.ariaSelected;
-    var navigationAttributes = hooks_1.useTableKeyboardNavigation(columnId, navigatable);
+    var navigationAttributes = (0, hooks_1.useTableKeyboardNavigation)(columnId, navigatable);
     return (React.createElement("th", __assign({ "aria-sort": ariaSort, "aria-label": ariaLabel, "aria-colindex": ariaColumnIndex, "aria-selected": ariaSelected, 
         // TODO: Enable this with React 18. Currently throws warnings
         // aria-description={ariaDescription}
         colSpan: colSpan, rowSpan: rowSpan, className: className, style: style, onKeyDown: onKeyDown, role: role }, navigationAttributes), props.children));
 };
+exports.HeaderThElement = HeaderThElement;
 exports.HeaderThElement.displayName = 'KendoReactHeaderThElement';

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

@@ -23,41 +23,4 @@ export declare type SortSettings = boolean | ColumnSortSettings & {
 /**
  * @hidden
  */
-export declare const normalize: (...settings: (boolean | {
-    /**
-     * Enables the removal of the column sorting functionality.
-     */
-    allowUnsort?: boolean;
-} | (false & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}) | (true & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}) | ({
-    /**
-     * Enables the removal of the column sorting functionality.
-     */
-    allowUnsort?: boolean;
-} & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}))[]) => any;
+export declare const normalize: (...settings: (SortSettings | ColumnSortSettings)[]) => any;

package/dist/npm/header/SortSettings.js

@@ -1,12 +1,23 @@
 "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.normalize = void 0;
 /**
  * @hidden
  */
-exports.normalize = function () {
+var normalize = function () {
     var settings = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, [{ allowUnsort: true, mode: 'single' }].concat(settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };
+exports.normalize = normalize;

package/dist/npm/header/index.js

@@ -1,14 +1,26 @@
 "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("./ColumnProps"));
-__export(require("./FilterRow"));
-__export(require("./Header"));
-__export(require("./HeaderCell"));
-__export(require("./HeaderRow"));
-__export(require("./HeaderSelectionCell"));
-__export(require("./SortSettings"));
-__export(require("./utils"));
-__export(require("./HeaderThElement"));
+__exportStar(require("./CellProps"), exports);
+__exportStar(require("./ColumnProps"), exports);
+__exportStar(require("./FilterRow"), exports);
+__exportStar(require("./Header"), exports);
+__exportStar(require("./HeaderCell"), exports);
+__exportStar(require("./HeaderRow"), exports);
+__exportStar(require("./HeaderSelectionCell"), exports);
+__exportStar(require("./SortSettings"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./HeaderThElement"), exports);

package/dist/npm/header/utils/index.d.ts

@@ -1,4 +1,7 @@
+import { FilterCellProps } from '../../filteringCells';
+import { CellProps } from '../CellProps';
 import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
+import { HeaderCellProps } from '../HeaderCell';
 /**
  * @hidden
  */
@@ -20,10 +23,10 @@ export declare function mapColumns(columns: Array<{
 /**
  * @hidden
  */
-export declare function readColumns(elements: TreeColumnBaseProps[], idInfo: {
+export declare function readColumns<C = CellProps, H = HeaderCellProps, F = FilterCellProps>(elements: TreeColumnBaseProps<C, H, F>[], idInfo: {
     prevId: number;
     idPrefix: string;
-}, depth?: number): ExtendedColumnProps[];
+}, depth?: number): ExtendedColumnProps<C, H, F>[];
 /**
  * @hidden
  */