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

package/dist/es/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/es/header/SortSettings.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * @hidden
  */
@@ -6,5 +15,5 @@ export var normalize = function () {
     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));
 };

package/dist/es/header/index.js

@@ -1,3 +1,4 @@
+export * from './CellProps';
 export * from './ColumnProps';
 export * from './FilterRow';
 export * from './Header';

package/dist/es/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/es/header/utils/index.js

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

package/dist/es/main.js

@@ -14,8 +14,12 @@ export * from './navigation/hooks';
 export * from './navigation/constants';
 export * from './navigation/TableKeyboardNavigation';
 export * from './navigation/TableKeyboardNavigationContext';
+export * from './navigation/TableKeyboardNavigationContextType';
+export * from './navigation/TableKeyboardNavigationStateType';
 export { tableKeyboardNavigationScopeAttributes } from './navigation/constants';
 export { tableKeyboardNavigationTools } from './navigation/utils';
 export * from './selection/TableSelection';
+export * from './selection/TableSelectableSettings';
+export * from './selection/events';
 export * from './selection/constants';
 export * from './selection/utils';

package/dist/es/messages/index.d.ts

@@ -250,66 +250,66 @@ export declare const filterAriaLabel = "filter.ariaLabel";
  * @hidden
  */
 export declare const messages: {
-    [pagerItemPerPage]: string;
-    [pagerInfo]: string;
-    [pagerFirstPage]: string;
-    [pagerPreviousPage]: string;
-    [pagerNextPage]: string;
-    [pagerLastPage]: string;
-    [pagerPage]: string;
-    [pagerOf]: string;
-    [pagerTotalPages]: string;
-    [sortAriaLabel]: string;
-    [filterAriaLabel]: string;
-    [filterEqOperator]: string;
-    [filterNotEqOperator]: string;
-    [filterIsNullOperator]: string;
-    [filterIsNotNullOperator]: string;
-    [filterIsEmptyOperator]: string;
-    [filterIsNotEmptyOperator]: string;
-    [filterStartsWithOperator]: string;
-    [filterContainsOperator]: string;
-    [filterNotContainsOperator]: string;
-    [filterEndsWithOperator]: string;
-    [filterGteOperator]: string;
-    [filterGtOperator]: string;
-    [filterLteOperator]: string;
-    [filterLtOperator]: string;
-    [filterIsTrue]: string;
-    [filterIsFalse]: string;
-    [filterAfterOrEqualOperator]: string;
-    [filterAfterOperator]: string;
-    [filterBeforeOperator]: string;
-    [filterBeforeOrEqualOperator]: string;
-    [filterAndLogic]: string;
-    [filterOrLogic]: string;
-    [filterAddExpression]: string;
-    [filterAddGroup]: string;
-    [filterClose]: string;
-    [columnMenuFilterClearButton]: string;
-    [columnMenuFilterSubmitButton]: string;
-    [columnMenuFilterTitle]: string;
-    [columnMenuSortAscending]: string;
-    [columnMenuSortDescending]: string;
-    [columnMenuFilterEqOperator]: string;
-    [columnMenuFilterNotEqOperator]: string;
-    [columnMenuFilterIsNullOperator]: string;
-    [columnMenuFilterIsNotNullOperator]: string;
-    [columnMenuFilterIsEmptyOperator]: string;
-    [columnMenuFilterIsNotEmptyOperator]: string;
-    [columnMenuFilterStartsWithOperator]: string;
-    [columnMenuFilterContainsOperator]: string;
-    [columnMenuFilterNotContainsOperator]: string;
-    [columnMenuFilterEndsWithOperator]: string;
-    [columnMenuFilterGteOperator]: string;
-    [columnMenuFilterGtOperator]: string;
-    [columnMenuFilterLteOperator]: string;
-    [columnMenuFilterLtOperator]: string;
-    [columnMenuFilterIsTrue]: string;
-    [columnMenuFilterAfterOrEqualOperator]: string;
-    [columnMenuFilterAfterOperator]: string;
-    [columnMenuFilterBeforeOperator]: string;
-    [columnMenuFilterBeforeOrEqualOperator]: string;
-    [columnMenuFilterAndLogic]: string;
-    [columnMenuFilterOrLogic]: string;
+    "pager.itemsPerPage": string;
+    "pager.info": string;
+    "pager.firstPage": string;
+    "pager.previousPage": string;
+    "pager.nextPage": string;
+    "pager.lastPage": string;
+    "pager.page": string;
+    "pager.of": string;
+    "pager.totalPages": string;
+    "sort.ariaLabel": string;
+    "filter.ariaLabel": string;
+    "filter.eqOperator": string;
+    "filter.notEqOperator": string;
+    "filter.isNullOperator": string;
+    "filter.isNotNullOperator": string;
+    "filter.isEmptyOperator": string;
+    "filter.isNotEmptyOperator": string;
+    "filter.startsWithOperator": string;
+    "filter.containsOperator": string;
+    "filter.notContainsOperator": string;
+    "filter.endsWithOperator": string;
+    "filter.gteOperator": string;
+    "filter.gtOperator": string;
+    "filter.lteOperator": string;
+    "filter.ltOperator": string;
+    "filter.isTrue": string;
+    "filter.isFalse": string;
+    "filter.afterOrEqualOperator": string;
+    "filter.afterOperator": string;
+    "filter.beforeOperator": string;
+    "filter.beforeOrEqualOperator": string;
+    "filter.andLogic": string;
+    "filter.orLogic": string;
+    "filter.addExpression": string;
+    "filter.addGroup": string;
+    "filter.close": string;
+    "columnMenu.filterClearButton": string;
+    "columnMenu.filterSubmitButton": string;
+    "columnMenu.filterTitle": string;
+    "columnMenu.sortAscending": string;
+    "columnMenu.sortDescending": string;
+    "columnMenu.filterEqOperator": string;
+    "columnMenu.filterNotEqOperator": string;
+    "columnMenu.filterIsNullOperator": string;
+    "columnMenu.filterIsNotNullOperator": string;
+    "columnMenu.filterIsEmptyOperator": string;
+    "columnMenu.filterIsNotEmptyOperator": string;
+    "columnMenu.filterStartsWithOperator": string;
+    "columnMenu.filterContainsOperator": string;
+    "columnMenu.filterNotContainsOperator": string;
+    "columnMenu.filterEndsWithOperator": string;
+    "columnMenu.filterGteOperator": string;
+    "columnMenu.filterGtOperator": string;
+    "columnMenu.filterLteOperator": string;
+    "columnMenu.filterLtOperator": string;
+    "columnMenu.filterIsTrue": string;
+    "columnMenu.filterAfterOrEqualOperator": string;
+    "columnMenu.filterAfterOperator": string;
+    "columnMenu.filterBeforeOperator": string;
+    "columnMenu.filterBeforeOrEqualOperator": string;
+    "columnMenu.filterAndLogic": string;
+    "columnMenu.filterOrLogic": string;
 };

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

@@ -6,17 +6,17 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
  */
 export declare const tableKeyboardNavigation: {
     onConstructor: (options: {
-        navigatable: boolean;
+        navigatable: boolean | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
         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;
         };

package/dist/es/navigation/TableKeyboardNavigation.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { guid, Keys } from '@progress/kendo-react-common';
 import { findId, findNextIdByCellIndex, findNextIdByRowIndex, getBodyElement, getHeaderElement, getNavigatableId, tableKeyboardNavigationTools as navigationTools } from './utils';
 /**
@@ -191,7 +200,7 @@ var generateMatrix = function (options) {
     }
     var headerRows = Array.from(thead.children);
     var bodyRows = Array.from(tbody.children);
-    headerRows.concat(bodyRows).forEach(function (row, rowIndex) {
+    __spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
         Array.from(row.children).forEach(function (cell) {
             var cellId = getNavigatableId(cell);
             if (!cellId) {

package/dist/es/navigation/TableKeyboardNavigationContext.d.ts

@@ -3,4 +3,4 @@ import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationCon
 /**
  * @hidden
  */
-export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType>;
+export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType | undefined>;

package/dist/es/navigation/TableKeyboardNavigationContextType.js

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

package/dist/es/navigation/TableKeyboardNavigationStateType.js

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

package/dist/es/navigation/constants.d.ts

@@ -38,17 +38,17 @@ export declare const TABBABLE_ELEMENTS: string[];
  * @hidden
  */
 export declare const tableKeyboardNavigationScopeAttributes: {
-    [KEYBOARD_NAV_DATA_SCOPE]: boolean;
+    "data-keyboardnavscope": boolean;
 };
 /**
  * @hidden
  */
 export declare const tableKeyboardNavigationHeaderAttributes: {
-    [KEYBOARD_NAV_DATA_HEADER]: boolean;
+    "data-keyboardnavheader": boolean;
 };
 /**
  * @hidden
  */
 export declare const tableKeyboardNavigationBodyAttributes: {
-    [KEYBOARD_NAV_DATA_BODY]: boolean;
+    "data-keyboardnavbody": boolean;
 };

package/dist/es/navigation/constants.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var _a, _b, _c;
 /**
  * @hidden
@@ -45,11 +54,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-export var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']);
+export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-export var TABBABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
+export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
 /**
  * @hidden
  */

package/dist/es/navigation/hooks.d.ts

@@ -1,4 +1,3 @@
-import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from './constants';
 /**
  * @hidden
  */
@@ -8,6 +7,6 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
     "data-keyboardnavid"?: undefined;
 } | {
     tabIndex: number;
-    [KEYBOARD_NAV_DATA_LEVEL]: number;
-    [KEYBOARD_NAV_DATA_ID]: string;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
 };

package/dist/es/navigation/utils.d.ts

@@ -3,19 +3,19 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
 /**
  * @hidden
  */
-export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
+export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
 /**
  * @hidden
  */
-export declare const getNavigatableLevel: (element: Element) => number;
+export declare const getNavigatableLevel: (element: Element | null) => number | undefined;
 /**
  * @hidden
  */
-export declare const getNavigatableId: (element: Element) => string;
+export declare const getNavigatableId: (element: Element | null) => string | undefined;
 /**
  * @hidden
  */
-export declare const isNavigatable: (element: Element) => boolean;
+export declare const isNavigatable: (element: Element | null) => boolean;
 /**
  * @hidden
  */
@@ -25,7 +25,7 @@ export declare const getNavigatableElement: (scope: HTMLElement, options?: {
 /**
  * @hidden
  */
-export declare const getClosestNavigatableElement: (target: HTMLElement) => Element;
+export declare const getClosestNavigatableElement: (target: HTMLElement) => Element | null;
 /**
  * @hidden
  */
@@ -33,15 +33,15 @@ export declare const getActiveElement: (scope: HTMLElement, activeId?: string) =
 /**
  * @hidden
  */
-export declare const getClosestScope: (target: HTMLElement) => Element;
+export declare const getClosestScope: (target: HTMLElement) => Element | null;
 /**
  * @hidden
  */
-export declare const getHeaderElement: (scope: HTMLElement) => Element;
+export declare const getHeaderElement: (scope: HTMLElement) => Element | null;
 /**
  * @hidden
  */
-export declare const getBodyElement: (scope: HTMLElement) => Element;
+export declare const getBodyElement: (scope: HTMLElement) => Element | null;
 /**
  * @hidden
  */
@@ -51,7 +51,7 @@ export declare const getFocusableElements: (scope: HTMLElement, options?: {
 /**
  * @hidden
  */
-export declare const getNavigatableElements: (scope: HTMLElement, options?: {
+export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
     level: number;
 }) => any[];
 /**
@@ -65,7 +65,7 @@ export declare const filterNavigatableElements: (options?: {
  */
 export declare const focusElement: (options: {
     elementForFocus: HTMLElement;
-    prevElement?: HTMLElement;
+    prevElement?: HTMLElement | undefined;
     contextStateRef: {
         current?: TableKeyboardNavigationContextType;
     };
@@ -80,15 +80,15 @@ export declare const getIdPrefix: (navigationStateRef: {
 /**
  * @hidden
  */
-export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[];
+export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
 /**
  * @hidden
  */
@@ -103,21 +103,21 @@ export declare const getFilterColumnId: (columnId: string) => string;
  * @hidden
  */
 export declare const tableKeyboardNavigationTools: {
-    generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
-    getNavigatableId: (element: Element) => string;
-    getNavigatableLevel: (element: Element) => number;
+    generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
+    getNavigatableId: (element: Element | null) => string | undefined;
+    getNavigatableLevel: (element: Element | null) => number | undefined;
     getNavigatableElement: (scope: HTMLElement, options?: {
         level: number;
     }) => HTMLElement;
-    getClosestNavigatableElement: (target: HTMLElement) => Element;
+    getClosestNavigatableElement: (target: HTMLElement) => Element | null;
     getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
-    getClosestScope: (target: HTMLElement) => Element;
-    getHeaderElement: (scope: HTMLElement) => Element;
-    getBodyElement: (scope: HTMLElement) => Element;
+    getClosestScope: (target: HTMLElement) => Element | null;
+    getHeaderElement: (scope: HTMLElement) => Element | null;
+    getBodyElement: (scope: HTMLElement) => Element | null;
     getFocusableElements: (scope: HTMLElement, options?: {
         focusable: boolean;
     }) => Element[];
-    getNavigatableElements: (scope: HTMLElement, options?: {
+    getNavigatableElements: (scope: HTMLElement | null, options?: {
         level: number;
     }) => any[];
     filterNavigatableElements: (options?: {
@@ -125,7 +125,7 @@ export declare const tableKeyboardNavigationTools: {
     }) => (element: HTMLElement) => boolean;
     focusElement: (options: {
         elementForFocus: HTMLElement;
-        prevElement?: HTMLElement;
+        prevElement?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -134,10 +134,10 @@ export declare const tableKeyboardNavigationTools: {
     getIdPrefix: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => string;
-    isNavigatable: (element: Element) => boolean;
-    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findId: (navigationMatrix: string[][], cellId?: string) => number[];
+    isNavigatable: (element: Element | null) => boolean;
+    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
     getNextNavigationIndex: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => number;

package/dist/es/navigation/utils.js

@@ -4,7 +4,7 @@ import { FOCUSABLE_ELEMENTS, KEYBOARD_NAV_DATA_BODY, KEYBOARD_NAV_DATA_HEADER, K
  */
 export var generateNavigatableId = function (navigationId, idPrefix, type) {
     if (type === void 0) { type = 'cell'; }
-    return idPrefix + "_" + navigationId + "_" + type;
+    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
 };
 /**
  * @hidden
@@ -40,39 +40,39 @@ export var isNavigatable = function (element) {
  */
 export var getNavigatableElement = function (scope, options) {
     if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
 };
 /**
  * @hidden
  */
 export var getClosestNavigatableElement = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + KEYBOARD_NAV_DATA_LEVEL + "]"));
+        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_LEVEL, "]")));
 };
 /**
  * @hidden
  */
 export var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_ID + "='" + activeId + "']");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
 };
 /**
  * @hidden
  */
 export var getClosestScope = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + KEYBOARD_NAV_DATA_SCOPE + "]"));
+        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_SCOPE, "]")));
 };
 /**
  * @hidden
  */
 export var getHeaderElement = function (scope) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_HEADER + "]");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_HEADER, "]"));
 };
 /**
  * @hidden
  */
 export var getBodyElement = function (scope) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_BODY + "]");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_BODY, "]"));
 };
 /**
  * @hidden
@@ -90,7 +90,7 @@ export var getNavigatableElements = function (scope, options) {
     if (!scope) {
         return [];
     }
-    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + ("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return Array.from(scope.querySelectorAll(selector));
 };
 /**
@@ -98,7 +98,7 @@ export var getNavigatableElements = function (scope, options) {
  */
 export var filterNavigatableElements = function (options) {
     if (options === void 0) { options = { level: 0 }; }
-    var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + ("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return function (element) { return element.matches(selector); };
 };
 /**
@@ -183,7 +183,7 @@ export var getNextNavigationIndex = function (navigationStateRef) {
  * @hidden
  */
 export var getFilterColumnId = function (columnId) {
-    return columnId ? "" + columnId + KEYBOARD_NAV_FILTER_COL_SUFFIX : '';
+    return columnId ? "".concat(columnId).concat(KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
 };
 /**
  * @hidden

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030109,
+    publishDate: 1654509171,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };