@progress/kendo-react-data-tools 6.1.1 → 7.0.0-develop.2

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

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationContextType';
-import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationStateType';
-/**
- * @hidden
- */
-export declare const tableKeyboardNavigation: {
-    onConstructor: (options: {
-        navigatable: boolean | undefined;
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-        idPrefix?: string | undefined;
-    }) => void;
-    onComponentDidMount: (options: {
-        scope?: HTMLElement | undefined;
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-    }) => void;
-    onGetSnapshotBeforeUpdate: (options: {
-        document?: Document | undefined;
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-    }) => void;
-    onComponentDidUpdate: (options: {
-        scope?: HTMLElement | undefined;
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-    }) => void;
-    onFocus: (event: React.FocusEvent<HTMLDivElement>, options: {
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-    }) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>, options: {
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-        onNavigationAction?: ((options: {
-            event: React.KeyboardEvent<HTMLElement>;
-            focusElement: any;
-        }) => void) | undefined;
-    }) => void;
-    generateMatrix: (options: {
-        scope?: HTMLElement | undefined;
-        navigationStateRef: {
-            current?: TableKeyboardNavigationStateType;
-        };
-    }) => void;
-};

package/dist/npm/navigation/TableKeyboardNavigation.js

@@ -1,244 +0,0 @@
-"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");
-/**
- * @hidden
- */
-var onConstructor = function (options) {
-    var navigatable = options.navigatable, contextStateRef = options.contextStateRef, navigationStateRef = options.navigationStateRef, idPrefix = options.idPrefix;
-    // v.2: check if nested navigation
-    if (navigatable) {
-        contextStateRef.current = {
-            activeId: '',
-            level: 0
-        };
-        navigationStateRef.current = {
-            activeElementIsFocused: false,
-            prevNavigationIndexes: undefined,
-            idPrefix: idPrefix || (0, kendo_react_common_1.guid)(),
-            navigationMatrix: [],
-            lastHeaderIndex: -1
-        };
-    }
-};
-/**
- * @hidden
- */
-var onComponentDidMount = function (options) {
-    var scope = options.scope, contextStateRef = options.contextStateRef, navigationStateRef = options.navigationStateRef;
-    if (contextStateRef.current && navigationStateRef.current && scope) {
-        generateMatrix(options);
-        var firstId = navigationStateRef.current.navigationMatrix[0][0];
-        var firstIdElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, firstId);
-        if (firstId && firstIdElement) {
-            contextStateRef.current.activeId = firstId;
-            firstIdElement.setAttribute('tabIndex', '0');
-        }
-    }
-};
-/**
- * @hidden
- */
-var onGetSnapshotBeforeUpdate = function (options) {
-    var contextStateRef = options.contextStateRef, navigationStateRef = options.navigationStateRef, currentDocument = options.document;
-    if (contextStateRef.current && navigationStateRef.current && currentDocument) {
-        var activeElement = (0, kendo_react_common_1.getActiveElement)(currentDocument);
-        var activeId = utils_1.tableKeyboardNavigationTools.getNavigatableId(activeElement);
-        if (activeId && activeId === contextStateRef.current.activeId) {
-            navigationStateRef.current.activeElementIsFocused = true;
-        }
-    }
-};
-/**
- * @hidden
- */
-var onComponentDidUpdate = function (options) {
-    var scope = options.scope, contextStateRef = options.contextStateRef, navigationStateRef = options.navigationStateRef;
-    generateMatrix(options);
-    // check if nested navigation
-    if (contextStateRef.current && navigationStateRef.current && scope) {
-        var activeElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, contextStateRef.current.activeId);
-        if (!activeElement) {
-            var firstId = navigationStateRef.current.navigationMatrix[0][0];
-            var firstIdElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, firstId);
-            if (firstId && firstIdElement) {
-                contextStateRef.current.activeId = firstId;
-                firstIdElement.setAttribute('tabIndex', '0');
-                if (navigationStateRef.current.activeElementIsFocused) {
-                    firstIdElement.focus();
-                }
-            }
-        }
-        navigationStateRef.current.activeElementIsFocused = false;
-    }
-};
-/**
- * @hidden
- */
-var onFocus = function (event, options) {
-    var contextStateRef = options.contextStateRef;
-    if (event.isDefaultPrevented()) {
-        return;
-    }
-    if (!contextStateRef.current) {
-        return;
-    }
-    var focusedElement = event.target;
-    var activeId = utils_1.tableKeyboardNavigationTools.getNavigatableId(focusedElement);
-    if (activeId && activeId !== contextStateRef.current.activeId) {
-        var scope = utils_1.tableKeyboardNavigationTools.getClosestScope(focusedElement);
-        if (!scope) {
-            return;
-        }
-        var prevElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, contextStateRef.current.activeId);
-        if (prevElement) {
-            prevElement.setAttribute('tabIndex', '-1');
-        }
-        focusedElement.setAttribute('tabIndex', '0');
-        contextStateRef.current.activeId = activeId;
-    }
-};
-/**
- * @hidden
- */
-var onKeyDown = function (event, options) {
-    var contextStateRef = options.contextStateRef, navigationStateRef = options.navigationStateRef, onNavigationAction = options.onNavigationAction;
-    if (event.isDefaultPrevented()) {
-        return;
-    }
-    if (!contextStateRef.current || !navigationStateRef.current) {
-        return;
-    }
-    if (event.keyCode === kendo_react_common_1.Keys.esc) {
-        // activate navigation
-        var elementForFocus = utils_1.tableKeyboardNavigationTools.getClosestNavigatableElement(event.target);
-        utils_1.tableKeyboardNavigationTools.focusElement({ elementForFocus: elementForFocus, event: event, contextStateRef: contextStateRef });
-        return;
-    }
-    var element = event.target;
-    var elementId = utils_1.tableKeyboardNavigationTools.getNavigatableId(element);
-    var dataLevel = utils_1.tableKeyboardNavigationTools.getNavigatableLevel(element);
-    var scope = utils_1.tableKeyboardNavigationTools.getClosestScope(element);
-    var matrix = navigationStateRef.current.navigationMatrix;
-    if (dataLevel !== undefined && scope) {
-        if (event.keyCode === kendo_react_common_1.Keys.enter) {
-            // activate nested navigation or focus focusable element
-            var navigatableElement = utils_1.tableKeyboardNavigationTools.getNavigatableElement(element, { level: dataLevel + 1 });
-            if (navigatableElement) {
-                utils_1.tableKeyboardNavigationTools.focusElement({
-                    elementForFocus: navigatableElement,
-                    event: event,
-                    contextStateRef: contextStateRef,
-                    prevElement: element
-                });
-                return;
-            }
-            else {
-                var elementForFocus = utils_1.tableKeyboardNavigationTools.getFocusableElements(element)[0];
-                utils_1.tableKeyboardNavigationTools.focusElement({ elementForFocus: elementForFocus, event: event, contextStateRef: contextStateRef, prevElement: element });
-                return;
-            }
-        }
-        if (event.keyCode === kendo_react_common_1.Keys.up ||
-            event.keyCode === kendo_react_common_1.Keys.down ||
-            event.keyCode === kendo_react_common_1.Keys.left ||
-            event.keyCode === kendo_react_common_1.Keys.right) {
-            var isReverse = event.keyCode === kendo_react_common_1.Keys.up || event.keyCode === kendo_react_common_1.Keys.left;
-            var isVertical = event.keyCode === kendo_react_common_1.Keys.up || event.keyCode === kendo_react_common_1.Keys.down;
-            var currentIdIndexes = void 0;
-            if (navigationStateRef.current && navigationStateRef.current.prevNavigationIndexes) {
-                var _a = navigationStateRef.current.prevNavigationIndexes, rowIndex = _a[0], cellIndex = _a[1];
-                if (matrix[rowIndex][cellIndex] === elementId) {
-                    currentIdIndexes = navigationStateRef.current.prevNavigationIndexes;
-                }
-                else {
-                    currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
-                }
-            }
-            else {
-                currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
-            }
-            if (currentIdIndexes) {
-                var rowIndex = currentIdIndexes[0], cellIndex = currentIdIndexes[1];
-                var _b = isVertical ?
-                    (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
-                    utils_1.tableKeyboardNavigationTools.focusElement({ elementForFocus: elementForFocus, event: event, contextStateRef: contextStateRef, prevElement: element });
-                    navigationStateRef.current.prevNavigationIndexes = currentIndexes;
-                    if (onNavigationAction) {
-                        onNavigationAction({ focusElement: elementForFocus, event: event });
-                    }
-                }
-            }
-        }
-    }
-};
-/**
- * @hidden
- */
-var generateMatrix = function (options) {
-    var navigationStateRef = options.navigationStateRef, scope = options.scope;
-    if (!navigationStateRef.current || !scope) {
-        return;
-    }
-    var matrix = [];
-    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);
-    __spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
-        Array.from(row.children).forEach(function (cell) {
-            var cellId = (0, utils_1.getNavigatableId)(cell);
-            if (!cellId) {
-                return;
-            } // cell is not navigatable
-            var rowSpan = cell.rowSpan || 1;
-            var cellSpan = cell.colSpan || 1;
-            var cellIndex;
-            for (var depth = rowIndex, maxDepth = rowIndex + rowSpan; depth < maxDepth; depth++) {
-                if (!matrix[depth]) {
-                    matrix[depth] = [];
-                }
-                if (cellIndex === undefined) {
-                    var freeSlotIndex = matrix[depth].findIndex(function (mi) { return !mi; });
-                    cellIndex = freeSlotIndex > -1 ? freeSlotIndex : matrix[depth].length;
-                }
-                matrix[depth][cellIndex] = cellId || '';
-            }
-            for (var depth = cellIndex + 1, maxDepth = cellIndex + cellSpan; depth < maxDepth; depth++) {
-                matrix[rowIndex][depth] = cellId || '';
-            }
-        });
-    });
-    navigationStateRef.current.navigationMatrix = matrix.filter(function (row) { return !!row; });
-    navigationStateRef.current.lastHeaderIndex = headerRows.length - 1;
-};
-/**
- * @hidden
- */
-exports.tableKeyboardNavigation = {
-    onConstructor: onConstructor,
-    onComponentDidMount: onComponentDidMount,
-    onGetSnapshotBeforeUpdate: onGetSnapshotBeforeUpdate,
-    onComponentDidUpdate: onComponentDidUpdate,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    generateMatrix: generateMatrix
-};

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationContextType';
-/**
- * @hidden
- */
-export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType | undefined>;

package/dist/npm/navigation/TableKeyboardNavigationContext.js

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

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

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export interface TableKeyboardNavigationContextType {
-    activeId: string | undefined;
-    level: number;
-}

package/dist/npm/navigation/TableKeyboardNavigationContextType.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export interface TableKeyboardNavigationStateType {
-    activeElementIsFocused: boolean;
-    prevNavigationIndexes?: [number, number];
-    idPrefix: string;
-    navigationMatrix: string[][];
-    lastHeaderIndex: number;
-}

package/dist/npm/navigation/TableKeyboardNavigationStateType.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/navigation/constants.js

@@ -1,82 +0,0 @@
-"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));
-};
-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
- */
-exports.KEYBOARD_NAV_DATA_LEVEL = 'data-keyboardnavlevel';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_DATA_SCOPE = 'data-keyboardnavscope';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_DATA_HEADER = 'data-keyboardnavheader';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_DATA_BODY = 'data-keyboardnavbody';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_DATA_ID = 'data-keyboardnavid';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_DATA_ZONE = 'data-keyboardnavzone';
-/**
- * @hidden
- */
-exports.KEYBOARD_NAV_FILTER_COL_SUFFIX = '_filter';
-var FOCUSABLE_ELEMENTS_BASE = [
-    'input:not([disabled]):not([type=hidden])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    'button:not([disabled])',
-    'a[href]',
-    'area[href]',
-    'summary',
-    'iframe',
-    'object',
-    'embed',
-    'audio[controls]',
-    'video[controls]',
-    '[contenteditable]'
-];
-/**
- * @hidden
- */
-exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
-/**
- * @hidden
- */
-exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
-/**
- * @hidden
- */
-exports.tableKeyboardNavigationScopeAttributes = (_a = {},
-    _a[exports.KEYBOARD_NAV_DATA_SCOPE] = true,
-    _a);
-/**
- * @hidden
- */
-exports.tableKeyboardNavigationHeaderAttributes = (_b = {},
-    _b[exports.KEYBOARD_NAV_DATA_HEADER] = true,
-    _b);
-/**
- * @hidden
- */
-exports.tableKeyboardNavigationBodyAttributes = (_c = {},
-    _c[exports.KEYBOARD_NAV_DATA_BODY] = true,
-    _c);

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

@@ -1,12 +0,0 @@
-/**
- * @hidden
- */
-export declare const useTableKeyboardNavigation: (elementId: string, navigatable?: boolean) => {
-    tabIndex?: undefined;
-    "data-keyboardnavlevel"?: undefined;
-    "data-keyboardnavid"?: undefined;
-} | {
-    tabIndex: number;
-    "data-keyboardnavlevel": number;
-    "data-keyboardnavid": string;
-};

package/dist/npm/navigation/hooks.js

@@ -1,23 +0,0 @@
-"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
- */
-var useTableKeyboardNavigation = function (elementId, navigatable) {
-    var _a;
-    var navigationContext = React.useContext(TableKeyboardNavigationContext_1.TableKeyboardNavigationContext);
-    if (!navigationContext || !elementId || navigatable === false) {
-        return {};
-    }
-    return _a = {
-            tabIndex: navigationContext && navigationContext.activeId && navigationContext.activeId === elementId ? 0 : -1
-        },
-        _a[constants_1.KEYBOARD_NAV_DATA_LEVEL] = navigationContext.level,
-        _a[constants_1.KEYBOARD_NAV_DATA_ID] = elementId,
-        _a;
-};
-exports.useTableKeyboardNavigation = useTableKeyboardNavigation;