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

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

@@ -1,54 +0,0 @@
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_LEVEL = "data-keyboardnavlevel";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_SCOPE = "data-keyboardnavscope";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_HEADER = "data-keyboardnavheader";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_BODY = "data-keyboardnavbody";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_ID = "data-keyboardnavid";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_DATA_ZONE = "data-keyboardnavzone";
-/**
- * @hidden
- */
-export declare const KEYBOARD_NAV_FILTER_COL_SUFFIX = "_filter";
-/**
- * @hidden
- */
-export declare const FOCUSABLE_ELEMENTS: string[];
-/**
- * @hidden
- */
-export declare const TABBABLE_ELEMENTS: string[];
-/**
- * @hidden
- */
-export declare const tableKeyboardNavigationScopeAttributes: {
-    "data-keyboardnavscope": boolean;
-};
-/**
- * @hidden
- */
-export declare const tableKeyboardNavigationHeaderAttributes: {
-    "data-keyboardnavheader": boolean;
-};
-/**
- * @hidden
- */
-export declare const tableKeyboardNavigationBodyAttributes: {
-    "data-keyboardnavbody": boolean;
-};

package/dist/es/navigation/constants.js

@@ -1,79 +0,0 @@
-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
- */
-export var KEYBOARD_NAV_DATA_LEVEL = 'data-keyboardnavlevel';
-/**
- * @hidden
- */
-export var KEYBOARD_NAV_DATA_SCOPE = 'data-keyboardnavscope';
-/**
- * @hidden
- */
-export var KEYBOARD_NAV_DATA_HEADER = 'data-keyboardnavheader';
-/**
- * @hidden
- */
-export var KEYBOARD_NAV_DATA_BODY = 'data-keyboardnavbody';
-/**
- * @hidden
- */
-export var KEYBOARD_NAV_DATA_ID = 'data-keyboardnavid';
-/**
- * @hidden
- */
-export var KEYBOARD_NAV_DATA_ZONE = 'data-keyboardnavzone';
-/**
- * @hidden
- */
-export var 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
- */
-export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
-/**
- * @hidden
- */
-export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
-/**
- * @hidden
- */
-export var tableKeyboardNavigationScopeAttributes = (_a = {},
-    _a[KEYBOARD_NAV_DATA_SCOPE] = true,
-    _a);
-/**
- * @hidden
- */
-export var tableKeyboardNavigationHeaderAttributes = (_b = {},
-    _b[KEYBOARD_NAV_DATA_HEADER] = true,
-    _b);
-/**
- * @hidden
- */
-export var tableKeyboardNavigationBodyAttributes = (_c = {},
-    _c[KEYBOARD_NAV_DATA_BODY] = true,
-    _c);

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from './constants';
-import { TableKeyboardNavigationContext } from './TableKeyboardNavigationContext';
-/**
- * @hidden
- */
-export var useTableKeyboardNavigation = function (elementId, navigatable) {
-    var _a;
-    var navigationContext = React.useContext(TableKeyboardNavigationContext);
-    if (!navigationContext || !elementId || navigatable === false) {
-        return {};
-    }
-    return _a = {
-            tabIndex: navigationContext && navigationContext.activeId && navigationContext.activeId === elementId ? 0 : -1
-        },
-        _a[KEYBOARD_NAV_DATA_LEVEL] = navigationContext.level,
-        _a[KEYBOARD_NAV_DATA_ID] = elementId,
-        _a;
-};

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

@@ -1,145 +0,0 @@
-import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationContextType';
-import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationStateType';
-/**
- * @hidden
- */
-export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
-/**
- * @hidden
- */
-export declare const getNavigatableLevel: (element: Element | null) => number | undefined;
-/**
- * @hidden
- */
-export declare const getNavigatableId: (element: Element | null) => string | undefined;
-/**
- * @hidden
- */
-export declare const isNavigatable: (element: Element | null) => boolean;
-/**
- * @hidden
- */
-export declare const getNavigatableElement: (scope: HTMLElement, options?: {
-    level: number;
-}) => HTMLElement;
-/**
- * @hidden
- */
-export declare const getClosestNavigatableElement: (target: HTMLElement) => Element | null;
-/**
- * @hidden
- */
-export declare const getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
-/**
- * @hidden
- */
-export declare const getClosestScope: (target: HTMLElement) => Element | null;
-/**
- * @hidden
- */
-export declare const getHeaderElement: (scope: HTMLElement) => Element | null;
-/**
- * @hidden
- */
-export declare const getBodyElement: (scope: HTMLElement) => Element | null;
-/**
- * @hidden
- */
-export declare const getFocusableElements: (scope: HTMLElement, options?: {
-    focusable: boolean;
-}) => Element[];
-/**
- * @hidden
- */
-export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
-    level: number;
-}) => any[];
-/**
- * @hidden
- */
-export declare const filterNavigatableElements: (options?: {
-    level: number;
-}) => (element: HTMLElement) => boolean;
-/**
- * @hidden
- */
-export declare const focusElement: (options: {
-    elementForFocus: HTMLElement;
-    prevElement?: HTMLElement | undefined;
-    contextStateRef: {
-        current?: TableKeyboardNavigationContextType;
-    };
-    event: any;
-}) => void;
-/**
- * @hidden
- */
-export declare const getIdPrefix: (navigationStateRef: {
-    current?: TableKeyboardNavigationStateType;
-}) => string;
-/**
- * @hidden
- */
-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 | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-/**
- * @hidden
- */
-export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
-/**
- * @hidden
- */
-export declare const getNextNavigationIndex: (navigationStateRef: {
-    current?: TableKeyboardNavigationStateType;
-}) => number;
-/**
- * @hidden
- */
-export declare const getFilterColumnId: (columnId: string) => string;
-/**
- * @hidden
- */
-export declare const tableKeyboardNavigationTools: {
-    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 | null;
-    getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
-    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 | null, options?: {
-        level: number;
-    }) => any[];
-    filterNavigatableElements: (options?: {
-        level: number;
-    }) => (element: HTMLElement) => boolean;
-    focusElement: (options: {
-        elementForFocus: HTMLElement;
-        prevElement?: HTMLElement | undefined;
-        contextStateRef: {
-            current?: TableKeyboardNavigationContextType;
-        };
-        event: any;
-    }) => void;
-    getIdPrefix: (navigationStateRef: {
-        current?: TableKeyboardNavigationStateType;
-    }) => string;
-    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;
-    getFilterColumnId: (columnId: string) => string;
-};

package/dist/es/navigation/utils.js

@@ -1,212 +0,0 @@
-import { FOCUSABLE_ELEMENTS, KEYBOARD_NAV_DATA_BODY, KEYBOARD_NAV_DATA_HEADER, KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL, KEYBOARD_NAV_DATA_SCOPE, KEYBOARD_NAV_FILTER_COL_SUFFIX, TABBABLE_ELEMENTS } from './constants';
-/**
- * @hidden
- */
-export var generateNavigatableId = function (navigationId, idPrefix, type) {
-    if (type === void 0) { type = 'cell'; }
-    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
-};
-/**
- * @hidden
- */
-export var getNavigatableLevel = function (element) {
-    if (!element) {
-        return;
-    }
-    return parseInt(element.getAttribute(KEYBOARD_NAV_DATA_LEVEL) || '', 10);
-};
-/**
- * @hidden
- */
-export var getNavigatableId = function (element) {
-    if (!element) {
-        return;
-    }
-    var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);
-    return dataId ? dataId : undefined;
-};
-/**
- * @hidden
- */
-export var isNavigatable = function (element) {
-    if (!element) {
-        return false;
-    }
-    var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);
-    return Boolean(dataId);
-};
-/**
- * @hidden
- */
-export var getNavigatableElement = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
-};
-/**
- * @hidden
- */
-export var getClosestNavigatableElement = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_LEVEL, "]")));
-};
-/**
- * @hidden
- */
-export var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
-};
-/**
- * @hidden
- */
-export var getClosestScope = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_SCOPE, "]")));
-};
-/**
- * @hidden
- */
-export var getHeaderElement = function (scope) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_HEADER, "]"));
-};
-/**
- * @hidden
- */
-export var getBodyElement = function (scope) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_BODY, "]"));
-};
-/**
- * @hidden
- */
-export var getFocusableElements = function (scope, options) {
-    if (options === void 0) { options = { focusable: false }; }
-    var selectors = options.focusable ? FOCUSABLE_ELEMENTS : TABBABLE_ELEMENTS;
-    return Array.from(scope.querySelectorAll(selectors.join(',')));
-};
-/**
- * @hidden
- */
-export var getNavigatableElements = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    if (!scope) {
-        return [];
-    }
-    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
-    return Array.from(scope.querySelectorAll(selector));
-};
-/**
- * @hidden
- */
-export var filterNavigatableElements = function (options) {
-    if (options === void 0) { options = { level: 0 }; }
-    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); };
-};
-/**
- * @hidden
- */
-export var focusElement = function (options) {
-    var elementForFocus = options.elementForFocus, event = options.event, contextStateRef = options.contextStateRef, prevElement = options.prevElement;
-    if (contextStateRef.current && elementForFocus && elementForFocus.focus) {
-        event.preventDefault();
-        elementForFocus.focus();
-        if (isNavigatable(elementForFocus)) {
-            elementForFocus.setAttribute('tabIndex', '0');
-            contextStateRef.current.activeId = getNavigatableId(elementForFocus);
-        }
-        if (prevElement && isNavigatable(prevElement)) {
-            prevElement.setAttribute('tabIndex', '-1');
-        }
-    }
-};
-/**
- * @hidden
- */
-export var getIdPrefix = function (navigationStateRef) {
-    return navigationStateRef.current ? navigationStateRef.current.idPrefix : '';
-};
-/**
- * @hidden
- */
-export var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentRowIndex = initialRowIndex + (isReverse ? -1 : 1);
-    while (currentRowIndex >= 0 && currentRowIndex < matrix.length) {
-        var currentId = matrix[currentRowIndex][cellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [currentRowIndex, cellIndex]];
-        }
-        currentRowIndex = currentRowIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-/**
- * @hidden
- */
-export var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentCellIndex = initialCellIndex + (isReverse ? -1 : 1);
-    while (currentCellIndex >= 0 && currentCellIndex < matrix[rowIndex].length) {
-        var currentId = matrix[rowIndex][currentCellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [rowIndex, currentCellIndex]];
-        }
-        currentCellIndex = currentCellIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-/**
- * @hidden
- */
-export var findId = function (navigationMatrix, cellId) {
-    if (!cellId) {
-        return;
-    }
-    for (var rowIndex = 0; rowIndex < navigationMatrix.length; rowIndex++) {
-        for (var cellIndex = 0; cellIndex < navigationMatrix[rowIndex].length; cellIndex++) {
-            if (navigationMatrix[rowIndex][cellIndex] === cellId) {
-                return [rowIndex, cellIndex];
-            }
-        }
-    }
-};
-/**
- * @hidden
- */
-export var getNextNavigationIndex = function (navigationStateRef) {
-    return navigationStateRef.current ? navigationStateRef.current.navigationMatrix.length : 0;
-};
-/**
- * @hidden
- */
-export var getFilterColumnId = function (columnId) {
-    return columnId ? "".concat(columnId).concat(KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
-};
-/**
- * @hidden
- */
-export var tableKeyboardNavigationTools = {
-    generateNavigatableId: generateNavigatableId,
-    getNavigatableId: getNavigatableId,
-    getNavigatableLevel: getNavigatableLevel,
-    getNavigatableElement: getNavigatableElement,
-    getClosestNavigatableElement: getClosestNavigatableElement,
-    getActiveElement: getActiveElement,
-    getClosestScope: getClosestScope,
-    getHeaderElement: getHeaderElement,
-    getBodyElement: getBodyElement,
-    getFocusableElements: getFocusableElements,
-    getNavigatableElements: getNavigatableElements,
-    filterNavigatableElements: filterNavigatableElements,
-    focusElement: focusElement,
-    getIdPrefix: getIdPrefix,
-    isNavigatable: isNavigatable,
-    findNextIdByRowIndex: findNextIdByRowIndex,
-    findNextIdByCellIndex: findNextIdByCellIndex,
-    findId: findId,
-    getNextNavigationIndex: getNextNavigationIndex,
-    getFilterColumnId: getFilterColumnId
-};

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-data-tools',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700064209,
-    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'
-};