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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIndex = exports.isRtl = exports.readColumns = exports.mapColumns = void 0;
 var utils_1 = require("../../navigation/utils");
 var ColumnProps_1 = require("../ColumnProps");
 function nextColumn(columns, current) {
@@ -110,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,33 +1,49 @@
 "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 });
+exports.tableKeyboardNavigationTools = exports.tableKeyboardNavigationScopeAttributes = exports.DropClue = exports.DragClue = exports.CommonDragLogic = exports.ColumnResize = exports.Pager = void 0;
 var Pager_1 = require("./pager/Pager");
-exports.Pager = Pager_1.Pager;
-__export(require("./filteringCells"));
-__export(require("./header"));
-__export(require("./virtualization"));
+Object.defineProperty(exports, "Pager", { enumerable: true, get: function () { return Pager_1.Pager; } });
+__exportStar(require("./filteringCells"), exports);
+__exportStar(require("./header"), exports);
+__exportStar(require("./virtualization"), exports);
 var ColumnResize_1 = require("./drag/ColumnResize");
-exports.ColumnResize = ColumnResize_1.ColumnResize;
+Object.defineProperty(exports, "ColumnResize", { enumerable: true, get: function () { return ColumnResize_1.ColumnResize; } });
 var CommonDragLogic_1 = require("./drag/CommonDragLogic");
-exports.CommonDragLogic = CommonDragLogic_1.CommonDragLogic;
+Object.defineProperty(exports, "CommonDragLogic", { enumerable: true, get: function () { return CommonDragLogic_1.CommonDragLogic; } });
 var DragClue_1 = require("./drag/DragClue");
-exports.DragClue = DragClue_1.DragClue;
+Object.defineProperty(exports, "DragClue", { enumerable: true, get: function () { return DragClue_1.DragClue; } });
 var DropClue_1 = require("./drag/DropClue");
-exports.DropClue = DropClue_1.DropClue;
-__export(require("./filter"));
-__export(require("./columnmenu"));
-__export(require("./utils/data-operations"));
-__export(require("./utils/group-operations"));
-__export(require("./navigation/hooks"));
-__export(require("./navigation/constants"));
-__export(require("./navigation/TableKeyboardNavigation"));
-__export(require("./navigation/TableKeyboardNavigationContext"));
+Object.defineProperty(exports, "DropClue", { enumerable: true, get: function () { return DropClue_1.DropClue; } });
+__exportStar(require("./filter"), exports);
+__exportStar(require("./columnmenu"), exports);
+__exportStar(require("./utils/data-operations"), exports);
+__exportStar(require("./utils/group-operations"), exports);
+__exportStar(require("./navigation/hooks"), exports);
+__exportStar(require("./navigation/constants"), exports);
+__exportStar(require("./navigation/TableKeyboardNavigation"), exports);
+__exportStar(require("./navigation/TableKeyboardNavigationContext"), exports);
+__exportStar(require("./navigation/TableKeyboardNavigationContextType"), exports);
+__exportStar(require("./navigation/TableKeyboardNavigationStateType"), exports);
 var constants_1 = require("./navigation/constants");
-exports.tableKeyboardNavigationScopeAttributes = constants_1.tableKeyboardNavigationScopeAttributes;
+Object.defineProperty(exports, "tableKeyboardNavigationScopeAttributes", { enumerable: true, get: function () { return constants_1.tableKeyboardNavigationScopeAttributes; } });
 var utils_1 = require("./navigation/utils");
-exports.tableKeyboardNavigationTools = utils_1.tableKeyboardNavigationTools;
-__export(require("./selection/TableSelection"));
-__export(require("./selection/constants"));
-__export(require("./selection/utils"));
+Object.defineProperty(exports, "tableKeyboardNavigationTools", { enumerable: true, get: function () { return utils_1.tableKeyboardNavigationTools; } });
+__exportStar(require("./selection/TableSelection"), exports);
+__exportStar(require("./selection/TableSelectableSettings"), exports);
+__exportStar(require("./selection/events"), exports);
+__exportStar(require("./selection/constants"), exports);
+__exportStar(require("./selection/utils"), exports);

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

@@ -1,6 +1,8 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
+exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = void 0;
 /**
  * @hidden
  */

package/dist/npm/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/npm/navigation/TableKeyboardNavigation.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.tableKeyboardNavigation = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var utils_1 = require("./utils");
 /**
@@ -16,7 +26,7 @@ var onConstructor = function (options) {
         navigationStateRef.current = {
             activeElementIsFocused: false,
             prevNavigationIndexes: undefined,
-            idPrefix: idPrefix || kendo_react_common_1.guid(),
+            idPrefix: idPrefix || (0, kendo_react_common_1.guid)(),
             navigationMatrix: [],
             lastHeaderIndex: -1
         };
@@ -153,17 +163,17 @@ var onKeyDown = function (event, options) {
                     currentIdIndexes = navigationStateRef.current.prevNavigationIndexes;
                 }
                 else {
-                    currentIdIndexes = utils_1.findId(matrix, elementId);
+                    currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
                 }
             }
             else {
-                currentIdIndexes = utils_1.findId(matrix, elementId);
+                currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
             }
             if (currentIdIndexes) {
                 var rowIndex = currentIdIndexes[0], cellIndex = currentIdIndexes[1];
                 var _b = isVertical ?
-                    utils_1.findNextIdByRowIndex(rowIndex, cellIndex, elementId, matrix, isReverse) :
-                    utils_1.findNextIdByCellIndex(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
+                    (0, utils_1.findNextIdByRowIndex)(rowIndex, cellIndex, elementId, matrix, isReverse) :
+                    (0, utils_1.findNextIdByCellIndex)(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
                 if (idForFocus) {
                     var elementForFocus = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, idForFocus);
                     // emit event
@@ -186,16 +196,16 @@ var generateMatrix = function (options) {
         return;
     }
     var matrix = [];
-    var thead = utils_1.getHeaderElement(scope);
-    var tbody = utils_1.getBodyElement(scope);
+    var thead = (0, utils_1.getHeaderElement)(scope);
+    var tbody = (0, utils_1.getBodyElement)(scope);
     if (!thead || !tbody) {
         return;
     }
     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 = utils_1.getNavigatableId(cell);
+            var cellId = (0, utils_1.getNavigatableId)(cell);
             if (!cellId) {
                 return;
             } // cell is not navigatable

package/dist/npm/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/npm/navigation/TableKeyboardNavigationContext.js

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

package/dist/npm/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/npm/navigation/constants.js

@@ -1,6 +1,16 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+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;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableKeyboardNavigationBodyAttributes = exports.tableKeyboardNavigationHeaderAttributes = exports.tableKeyboardNavigationScopeAttributes = exports.TABBABLE_ELEMENTS = exports.FOCUSABLE_ELEMENTS = exports.KEYBOARD_NAV_FILTER_COL_SUFFIX = exports.KEYBOARD_NAV_DATA_ZONE = exports.KEYBOARD_NAV_DATA_ID = exports.KEYBOARD_NAV_DATA_BODY = exports.KEYBOARD_NAV_DATA_HEADER = exports.KEYBOARD_NAV_DATA_SCOPE = exports.KEYBOARD_NAV_DATA_LEVEL = void 0;
 /**
  * @hidden
  */
@@ -47,11 +57,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-exports.FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']);
+exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-exports.TABBABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
+exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
 /**
  * @hidden
  */

package/dist/npm/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/npm/navigation/hooks.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableKeyboardNavigation = void 0;
 var React = require("react");
 var constants_1 = require("./constants");
 var TableKeyboardNavigationContext_1 = require("./TableKeyboardNavigationContext");
 /**
  * @hidden
  */
-exports.useTableKeyboardNavigation = function (elementId, navigatable) {
+var useTableKeyboardNavigation = function (elementId, navigatable) {
     var _a;
     var navigationContext = React.useContext(TableKeyboardNavigationContext_1.TableKeyboardNavigationContext);
     if (!navigationContext || !elementId || navigatable === false) {
@@ -19,3 +20,4 @@ exports.useTableKeyboardNavigation = function (elementId, navigatable) {
         _a[constants_1.KEYBOARD_NAV_DATA_ID] = elementId,
         _a;
 };
+exports.useTableKeyboardNavigation = useTableKeyboardNavigation;

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