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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/dist/npm/filter/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/dist/npm/filter/operators.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unaryOperator = exports.stringOperator = exports.Operators = void 0;
@@ -70,7 +74,7 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
          */
         get: function () {
-            return __spreadArray([], textOperators);
+            return __spreadArray([], textOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -91,7 +95,7 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return __spreadArray([], numericOperators);
+            return __spreadArray([], numericOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -112,7 +116,7 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
          */
         get: function () {
-            return __spreadArray([], dateOperators);
+            return __spreadArray([], dateOperators, true);
         },
         enumerable: false,
         configurable: true
@@ -127,7 +131,7 @@ var Operators = /** @class */ (function () {
          * - { text: 'filter.notEqOperator', operator: 'neq' }
          */
         get: function () {
-            return __spreadArray([], booleanOperators);
+            return __spreadArray([], booleanOperators, true);
         },
         enumerable: false,
         configurable: true

package/dist/npm/filteringCells/BooleanFilter.js

@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BooleanFilterCell = void 0;
@@ -58,7 +62,7 @@ var settings = {
                     return;
                 }
                 var filterResult = current ?
-                    filter.map(function (f) { return f.field === field ? __assign(__assign({}, current), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter), [{ 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,
@@ -76,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

@@ -45,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

@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFilterComponent = void 0;
@@ -53,7 +57,7 @@ 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(__assign({}, existing), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter), [__assign(__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,
@@ -65,7 +69,7 @@ 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(__assign({}, existing), { operator: operator }) : f; }) : __spreadArray(__spreadArray([], filter), [__assign(__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,
@@ -105,7 +109,7 @@ var 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) }))));
         };

package/dist/npm/filteringCells/NumericFilter.js

@@ -45,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

@@ -45,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,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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/FilterRow.js

@@ -11,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';
     }
@@ -22,7 +22,7 @@ var headerCellClassName = function (sort, field, locked) {
  */
 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,
@@ -30,7 +30,7 @@ var 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

@@ -43,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

@@ -23,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.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, 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

@@ -63,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') ?
@@ -98,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,
@@ -110,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',
@@ -155,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

@@ -15,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

@@ -19,7 +19,7 @@ var hooks_1 = require("../navigation/hooks");
  */
 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}

package/dist/npm/header/SortSettings.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalize = void 0;
@@ -14,6 +18,6 @@ var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };
 exports.normalize = normalize;

package/dist/npm/header/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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
  */

package/dist/npm/header/utils/index.js

@@ -111,7 +111,7 @@ function readColumns(elements, idInfo, depth) {
     elements.forEach(function (columnProps) {
         var children = readColumns(columnProps.children || [], idInfo, depth + 1);
         columns.push(Object.assign({}, { depth: depth }, ColumnProps_1.ColumnDefaultProps, columnProps, {
-            id: columnProps.id ? columnProps.id : utils_1.generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+            id: columnProps.id ? columnProps.id : (0, utils_1.generateNavigatableId)("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
             declarationIndex: columns.length,
             children: children,
             rowSpan: 0,

package/dist/npm/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/dist/npm/navigation/TableKeyboardNavigation.d.ts

@@ -13,10 +13,10 @@ export declare const tableKeyboardNavigation: {
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        idPrefix?: string;
+        idPrefix?: string | undefined;
     }) => void;
     onComponentDidMount: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -25,7 +25,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onGetSnapshotBeforeUpdate: (options: {
-        document?: Document;
+        document?: Document | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -34,7 +34,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onComponentDidUpdate: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -54,13 +54,13 @@ export declare const tableKeyboardNavigation: {
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        onNavigationAction?: (options: {
+        onNavigationAction?: ((options: {
             event: React.KeyboardEvent<HTMLElement>;
             focusElement: any;
-        }) => void;
+        }) => void) | undefined;
     }) => void;
     generateMatrix: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };