@progress/kendo-react-data-tools 7.3.0-develop.4 → 7.4.0-develop.1

package/index.mjs

@@ -12,144 +12,142 @@ import { ColumnResizer as a } from "./drag/ColumnResizer.mjs";
 import { CommonDragLogic as p } from "./drag/CommonDragLogic.mjs";
 import { DragClue as x } from "./drag/DragClue.mjs";
 import { DropClue as f } from "./drag/DropClue.mjs";
-import { createDataTree as E, extendDataItem as A, filterBy as T, flatData as _, getItemPath as d, modifySubItems as D, moveTreeItem as s, orderBy as F, removeItems as N, treeToFlat as g } from "./utils/data-operations.mjs";
-import { getGroupIds as b, setExpandedState as O, setGroupIds as R } from "./utils/group-operations.mjs";
-import { useTableKeyboardNavigation as I } from "./navigation/hooks.mjs";
-import { FOCUSABLE_ELEMENTS as L, KEYBOARD_NAV_DATA_BODY as M, KEYBOARD_NAV_DATA_HEADER as K, KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as v, KEYBOARD_NAV_DATA_SCOPE as V, KEYBOARD_NAV_DATA_ZONE as Y, KEYBOARD_NAV_FILTER_COL_SUFFIX as H, TABBABLE_ELEMENTS as P, tableKeyboardNavigationBodyAttributes as w, tableKeyboardNavigationHeaderAttributes as z, tableKeyboardNavigationScopeAttributes as U } from "./navigation/constants.mjs";
-import { tableKeyboardNavigation as G } from "./navigation/TableKeyboardNavigation.mjs";
-import { TableKeyboardNavigationContext as W } from "./navigation/TableKeyboardNavigationContext.mjs";
-import { tableKeyboardNavigationTools as j } from "./navigation/utils.mjs";
-import { TableSelection as q } from "./selection/TableSelection.mjs";
-import { TABLE_COL_INDEX_ATTRIBUTE as Q, TABLE_PREVENT_SELECTION_ELEMENT as $, TABLE_ROW_INDEX_ATTRIBUTE as ee } from "./selection/constants.mjs";
-import { closestTagName as re, getColumnIndex as te, getOffset as me, getRowIndex as le, getSelectedState as ae, getSelectedStateFromKeyDown as ne, getSelectionOptions as pe, relativeContextElement as ie, setSelectedState as xe } from "./selection/utils.mjs";
-import { ClipboardService as fe } from "./clipboard/clipboard.service.mjs";
-import { ClipboardActionType as Ee, populateClipboardData as Ae } from "./clipboard/common.mjs";
-import { createFilterComponent as _e } from "./filteringCells/FilterComponent.mjs";
-import { BooleanFilterCell as De } from "./filteringCells/BooleanFilter.mjs";
-import { DateFilterCell as Fe } from "./filteringCells/DateFilter.mjs";
-import { NumericFilterCell as ge } from "./filteringCells/NumericFilter.mjs";
-import { TextFilterCell as be } from "./filteringCells/TextFilter.mjs";
+import { createDataTree as A, extendDataItem as E, filterBy as T, flatData as d, getItemPath as _, modifySubItems as D, moveTreeItem as s, orderBy as F, removeItems as N, treeToFlat as g } from "./utils/data-operations.mjs";
+import { getGroupIds as R, setExpandedState as O, setGroupIds as B } from "./utils/group-operations.mjs";
+import { useTableKeyboardNavigation as c } from "./navigation/hooks.mjs";
+import { KEYBOARD_NAV_DATA_BODY as K, KEYBOARD_NAV_DATA_HEADER as L, KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as M, KEYBOARD_NAV_DATA_SCOPE as v, KEYBOARD_NAV_DATA_ZONE as V, KEYBOARD_NAV_FILTER_COL_SUFFIX as Y, tableKeyboardNavigationBodyAttributes as H, tableKeyboardNavigationHeaderAttributes as P, tableKeyboardNavigationScopeAttributes as w } from "./navigation/constants.mjs";
+import { tableKeyboardNavigation as h } from "./navigation/TableKeyboardNavigation.mjs";
+import { TableKeyboardNavigationContext as U } from "./navigation/TableKeyboardNavigationContext.mjs";
+import { tableKeyboardNavigationTools as W } from "./navigation/utils.mjs";
+import { TableSelection as j } from "./selection/TableSelection.mjs";
+import { TABLE_COL_INDEX_ATTRIBUTE as q, TABLE_PREVENT_SELECTION_ELEMENT as J, TABLE_ROW_INDEX_ATTRIBUTE as Q } from "./selection/constants.mjs";
+import { closestTagName as ee, getColumnIndex as oe, getOffset as re, getRowIndex as te, getSelectedState as me, getSelectedStateFromKeyDown as le, getSelectionOptions as ae, relativeContextElement as ne, setSelectedState as pe } from "./selection/utils.mjs";
+import { ClipboardService as xe } from "./clipboard/clipboard.service.mjs";
+import { ClipboardActionType as fe, populateClipboardData as Ce } from "./clipboard/common.mjs";
+import { createFilterComponent as Ee } from "./filteringCells/FilterComponent.mjs";
+import { BooleanFilterCell as de } from "./filteringCells/BooleanFilter.mjs";
+import { DateFilterCell as De } from "./filteringCells/DateFilter.mjs";
+import { NumericFilterCell as Fe } from "./filteringCells/NumericFilter.mjs";
+import { TextFilterCell as ge } from "./filteringCells/TextFilter.mjs";
 import { ColumnDefaultProps as Re } from "./header/ColumnProps.mjs";
-import { FILTER_ROW_CLASS as Ie, FilterRow as ce } from "./header/FilterRow.mjs";
-import { Header as Me } from "./header/Header.mjs";
-import { HeaderCell as ye } from "./header/HeaderCell.mjs";
-import { HeaderRow as Ve } from "./header/HeaderRow.mjs";
-import { HeaderSelectionCell as He } from "./header/HeaderSelectionCell.mjs";
-import { normalize as we } from "./header/SortSettings.mjs";
-import { getIndex as Ue, isRtl as he, mapColumns as Ge, nextColumn as Xe, readColumns as We, updateLeft as Ze, updateRight as je } from "./header/utils/index.mjs";
-import { HeaderThElement as qe } from "./header/HeaderThElement.mjs";
-import { tableColumnsVirtualization as Qe } from "./virtualization/columns.mjs";
-import { TextFilter as eo } from "./filter/filters/TextFilter.mjs";
-import { NumericFilter as ro } from "./filter/filters/NumericFilter.mjs";
-import { DateFilter as mo } from "./filter/filters/DateFilter.mjs";
-import { BooleanFilter as ao } from "./filter/filters/BooleanFilter.mjs";
-import { EnumFilter as po } from "./filter/filters/EnumFilter.mjs";
-import { Expression as xo } from "./filter/Expression.mjs";
-import { Filter as fo } from "./filter/Filter.mjs";
-import { Group as Eo } from "./filter/Group.mjs";
-import { Operators as To, stringOperator as _o, unaryOperator as Do } from "./filter/operators.mjs";
-import { ColumnMenuBooleanColumn as Fo, ColumnMenuDateColumn as No, ColumnMenuNumericColumn as go, ColumnMenuTextColumn as Bo } from "./columnmenu/ColumnMenu.mjs";
-import { ColumnMenuFilterForm as Oo, ColumnMenuForm as Ro } from "./columnmenu/ColumnMenuFilterForm.mjs";
-import { ColumnMenuFilterLogic as Io } from "./columnmenu/ColumnMenuFilterLogic.mjs";
-import { ColumnMenuBooleanFilter as Lo, ColumnMenuDateFilter as Mo, ColumnMenuNumericFilter as Ko, ColumnMenuTextFilter as yo } from "./columnmenu/ColumnMenuFilters.mjs";
-import { ColumnMenuItem as Vo } from "./columnmenu/ColumnMenuItem.mjs";
-import { ColumnMenuOperators as Ho } from "./columnmenu/ColumnMenuOperators.mjs";
+import { FILTER_ROW_CLASS as Be, FilterRow as Ie } from "./header/FilterRow.mjs";
+import { Header as Se } from "./header/Header.mjs";
+import { HeaderCell as Le } from "./header/HeaderCell.mjs";
+import { HeaderRow as Me } from "./header/HeaderRow.mjs";
+import { HeaderSelectionCell as Ve } from "./header/HeaderSelectionCell.mjs";
+import { normalize as He } from "./header/SortSettings.mjs";
+import { getIndex as we, isRtl as ze, mapColumns as he, nextColumn as Ge, readColumns as Ue, updateLeft as Xe, updateRight as We } from "./header/utils/index.mjs";
+import { HeaderThElement as je } from "./header/HeaderThElement.mjs";
+import { tableColumnsVirtualization as qe } from "./virtualization/columns.mjs";
+import { TextFilter as Qe } from "./filter/filters/TextFilter.mjs";
+import { NumericFilter as eo } from "./filter/filters/NumericFilter.mjs";
+import { DateFilter as ro } from "./filter/filters/DateFilter.mjs";
+import { BooleanFilter as mo } from "./filter/filters/BooleanFilter.mjs";
+import { EnumFilter as ao } from "./filter/filters/EnumFilter.mjs";
+import { Expression as po } from "./filter/Expression.mjs";
+import { Filter as xo } from "./filter/Filter.mjs";
+import { Group as fo } from "./filter/Group.mjs";
+import { Operators as Ao, stringOperator as Eo, unaryOperator as To } from "./filter/operators.mjs";
+import { ColumnMenuBooleanColumn as Do, ColumnMenuDateColumn as so, ColumnMenuNumericColumn as Fo, ColumnMenuTextColumn as No } from "./columnmenu/ColumnMenu.mjs";
+import { ColumnMenuFilterForm as bo, ColumnMenuForm as Ro } from "./columnmenu/ColumnMenuFilterForm.mjs";
+import { ColumnMenuFilterLogic as Bo } from "./columnmenu/ColumnMenuFilterLogic.mjs";
+import { ColumnMenuBooleanFilter as co, ColumnMenuDateFilter as So, ColumnMenuNumericFilter as Ko, ColumnMenuTextFilter as Lo } from "./columnmenu/ColumnMenuFilters.mjs";
+import { ColumnMenuItem as Mo } from "./columnmenu/ColumnMenuItem.mjs";
+import { ColumnMenuOperators as Vo } from "./columnmenu/ColumnMenuOperators.mjs";
 export {
-  ao as BooleanFilter,
-  De as BooleanFilterCell,
-  Ee as ClipboardActionType,
-  fe as ClipboardService,
+  mo as BooleanFilter,
+  de as BooleanFilterCell,
+  fe as ClipboardActionType,
+  xe as ClipboardService,
   Re as ColumnDefaultProps,
-  Fo as ColumnMenuBooleanColumn,
-  Lo as ColumnMenuBooleanFilter,
-  No as ColumnMenuDateColumn,
-  Mo as ColumnMenuDateFilter,
-  Oo as ColumnMenuFilterForm,
-  Io as ColumnMenuFilterLogic,
+  Do as ColumnMenuBooleanColumn,
+  co as ColumnMenuBooleanFilter,
+  so as ColumnMenuDateColumn,
+  So as ColumnMenuDateFilter,
+  bo as ColumnMenuFilterForm,
+  Bo as ColumnMenuFilterLogic,
   Ro as ColumnMenuForm,
-  Vo as ColumnMenuItem,
-  go as ColumnMenuNumericColumn,
+  Mo as ColumnMenuItem,
+  Fo as ColumnMenuNumericColumn,
   Ko as ColumnMenuNumericFilter,
-  Ho as ColumnMenuOperators,
-  Bo as ColumnMenuTextColumn,
-  yo as ColumnMenuTextFilter,
+  Vo as ColumnMenuOperators,
+  No as ColumnMenuTextColumn,
+  Lo as ColumnMenuTextFilter,
   m as ColumnResize,
   a as ColumnResizer,
   p as CommonDragLogic,
-  mo as DateFilter,
-  Fe as DateFilterCell,
+  ro as DateFilter,
+  De as DateFilterCell,
   x as DragClue,
   f as DropClue,
-  po as EnumFilter,
-  xo as Expression,
-  Ie as FILTER_ROW_CLASS,
-  L as FOCUSABLE_ELEMENTS,
-  fo as Filter,
-  ce as FilterRow,
-  Eo as Group,
-  Me as Header,
-  ye as HeaderCell,
-  Ve as HeaderRow,
-  He as HeaderSelectionCell,
-  qe as HeaderThElement,
-  M as KEYBOARD_NAV_DATA_BODY,
-  K as KEYBOARD_NAV_DATA_HEADER,
+  ao as EnumFilter,
+  po as Expression,
+  Be as FILTER_ROW_CLASS,
+  xo as Filter,
+  Ie as FilterRow,
+  fo as Group,
+  Se as Header,
+  Le as HeaderCell,
+  Me as HeaderRow,
+  Ve as HeaderSelectionCell,
+  je as HeaderThElement,
+  K as KEYBOARD_NAV_DATA_BODY,
+  L as KEYBOARD_NAV_DATA_HEADER,
   y as KEYBOARD_NAV_DATA_ID,
-  v as KEYBOARD_NAV_DATA_LEVEL,
-  V as KEYBOARD_NAV_DATA_SCOPE,
-  Y as KEYBOARD_NAV_DATA_ZONE,
-  H as KEYBOARD_NAV_FILTER_COL_SUFFIX,
-  ro as NumericFilter,
-  ge as NumericFilterCell,
-  To as Operators,
+  M as KEYBOARD_NAV_DATA_LEVEL,
+  v as KEYBOARD_NAV_DATA_SCOPE,
+  V as KEYBOARD_NAV_DATA_ZONE,
+  Y as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  eo as NumericFilter,
+  Fe as NumericFilterCell,
+  Ao as Operators,
   r as Pager,
-  P as TABBABLE_ELEMENTS,
-  Q as TABLE_COL_INDEX_ATTRIBUTE,
-  $ as TABLE_PREVENT_SELECTION_ELEMENT,
-  ee as TABLE_ROW_INDEX_ATTRIBUTE,
-  W as TableKeyboardNavigationContext,
-  q as TableSelection,
-  eo as TextFilter,
-  be as TextFilterCell,
-  re as closestTagName,
-  E as createDataTree,
-  _e as createFilterComponent,
-  A as extendDataItem,
+  q as TABLE_COL_INDEX_ATTRIBUTE,
+  J as TABLE_PREVENT_SELECTION_ELEMENT,
+  Q as TABLE_ROW_INDEX_ATTRIBUTE,
+  U as TableKeyboardNavigationContext,
+  j as TableSelection,
+  Qe as TextFilter,
+  ge as TextFilterCell,
+  ee as closestTagName,
+  A as createDataTree,
+  Ee as createFilterComponent,
+  E as extendDataItem,
   T as filterBy,
-  _ as flatData,
-  te as getColumnIndex,
-  b as getGroupIds,
-  Ue as getIndex,
-  d as getItemPath,
-  me as getOffset,
-  le as getRowIndex,
-  ae as getSelectedState,
-  ne as getSelectedStateFromKeyDown,
-  pe as getSelectionOptions,
-  he as isRtl,
-  Ge as mapColumns,
+  d as flatData,
+  oe as getColumnIndex,
+  R as getGroupIds,
+  we as getIndex,
+  _ as getItemPath,
+  re as getOffset,
+  te as getRowIndex,
+  me as getSelectedState,
+  le as getSelectedStateFromKeyDown,
+  ae as getSelectionOptions,
+  ze as isRtl,
+  he as mapColumns,
   D as modifySubItems,
   s as moveTreeItem,
-  Xe as nextColumn,
-  we as normalize,
+  Ge as nextColumn,
+  He as normalize,
   F as orderBy,
-  Ae as populateClipboardData,
-  We as readColumns,
-  ie as relativeContextElement,
+  Ce as populateClipboardData,
+  Ue as readColumns,
+  ne as relativeContextElement,
   N as removeItems,
   O as setExpandedState,
-  R as setGroupIds,
-  xe as setSelectedState,
-  _o as stringOperator,
-  Qe as tableColumnsVirtualization,
-  G as tableKeyboardNavigation,
-  w as tableKeyboardNavigationBodyAttributes,
-  z as tableKeyboardNavigationHeaderAttributes,
-  U as tableKeyboardNavigationScopeAttributes,
-  j as tableKeyboardNavigationTools,
+  B as setGroupIds,
+  pe as setSelectedState,
+  Eo as stringOperator,
+  qe as tableColumnsVirtualization,
+  h as tableKeyboardNavigation,
+  H as tableKeyboardNavigationBodyAttributes,
+  P as tableKeyboardNavigationHeaderAttributes,
+  w as tableKeyboardNavigationScopeAttributes,
+  W as tableKeyboardNavigationTools,
   g as treeToFlat,
-  Do as unaryOperator,
-  Ze as updateLeft,
-  je as updateRight,
-  I as useTableKeyboardNavigation
+  To as unaryOperator,
+  Xe as updateLeft,
+  We as updateRight,
+  c as useTableKeyboardNavigation
 };

package/navigation/TableKeyboardNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-common"),n=require("./utils.js"),p=e=>{const{navigatable:r,contextStateRef:o,navigationStateRef:t,idPrefix:i}=e;r&&(o.current={activeId:"",level:0},t.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:i||l.guid(),navigationMatrix:[],lastHeaderIndex:-1})},K=e=>{const{scope:r,contextStateRef:o,navigationStateRef:t}=e;if(o.current&&t.current&&r){N(e);const i=t.current.navigationMatrix[0][0],a=n.tableKeyboardNavigationTools.getActiveElement(r,i);i&&a&&(o.current.activeId=i,a.setAttribute("tabIndex","0"))}},S=e=>{const{contextStateRef:r,navigationStateRef:o,document:t}=e;if(r.current&&o.current&&t){const i=l.getActiveElement(t),a=n.tableKeyboardNavigationTools.getNavigatableId(i);a&&a===r.current.activeId&&(o.current.activeElementIsFocused=!0)}},T=e=>{const{scope:r,contextStateRef:o,navigationStateRef:t}=e;if(N(e),o.current&&t.current&&r){if(!n.tableKeyboardNavigationTools.getActiveElement(r,o.current.activeId)){const a=t.current.navigationMatrix[0][0],c=n.tableKeyboardNavigationTools.getActiveElement(r,a);a&&c&&(o.current.activeId=a,c.setAttribute("tabIndex","0"),t.current.activeElementIsFocused&&c.focus())}t.current.activeElementIsFocused=!1}},C=(e,r)=>{const{contextStateRef:o}=r;if(e.isDefaultPrevented()||!o.current)return;const t=e.target,i=n.tableKeyboardNavigationTools.getNavigatableId(t);if(i&&i!==o.current.activeId){const a=n.tableKeyboardNavigationTools.getClosestScope(t);if(!a)return;const c=n.tableKeyboardNavigationTools.getActiveElement(a,o.current.activeId);c&&c.setAttribute("tabIndex","-1"),t.setAttribute("tabIndex","0"),o.current.activeId=i}},R=(e,r)=>{const{contextStateRef:o,navigationStateRef:t,onNavigationAction:i}=r;if(e.isDefaultPrevented()||!o.current||!t.current)return;if(e.keyCode===l.Keys.esc){const d=n.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target);n.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o});return}const a=e.target,c=n.tableKeyboardNavigationTools.getNavigatableId(a),x=n.tableKeyboardNavigationTools.getNavigatableLevel(a),b=n.tableKeyboardNavigationTools.getClosestScope(a),f=t.current.navigationMatrix;if(x!==void 0&&b){if(e.keyCode===l.Keys.enter){const d=n.tableKeyboardNavigationTools.getNavigatableElement(a,{level:x+1});if(d){n.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o,prevElement:a});return}else{const g=n.tableKeyboardNavigationTools.getFocusableElements(a)[0];n.tableKeyboardNavigationTools.focusElement({elementForFocus:g,event:e,contextStateRef:o,prevElement:a});return}}if(e.keyCode===l.Keys.up||e.keyCode===l.Keys.down||e.keyCode===l.Keys.left||e.keyCode===l.Keys.right){const d=e.keyCode===l.Keys.up||e.keyCode===l.Keys.left,g=e.keyCode===l.Keys.up||e.keyCode===l.Keys.down;let v;if(t.current&&t.current.prevNavigationIndexes){const[m,u]=t.current.prevNavigationIndexes;f[m][u]===c?v=t.current.prevNavigationIndexes:v=n.findId(f,c)}else v=n.findId(f,c);if(v){const[m,u]=v,[s,y]=g?n.findNextIdByRowIndex(m,u,c,f,d):n.findNextIdByCellIndex(m,u,c,f,d);if(s){const I=n.tableKeyboardNavigationTools.getActiveElement(b,s);n.tableKeyboardNavigationTools.focusElement({elementForFocus:I,event:e,contextStateRef:o,prevElement:a}),t.current.prevNavigationIndexes=y,i&&i({focusElement:I,event:e})}}}}},N=e=>{const{navigationStateRef:r,scope:o}=e;if(!r.current||!o)return;const t=[],i=n.getHeaderElement(o),a=n.getBodyElement(o);if(!i||!a)return;const c=Array.from(i.children),x=Array.from(a.children);[...c,...x].forEach((b,f)=>{Array.from(b.children).forEach(d=>{const g=n.getNavigatableId(d);if(!g)return;const v=d.rowSpan||1,m=d.colSpan||1;let u;for(let s=f,y=f+v;s<y;s++){if(t[s]||(t[s]=[]),u===void 0){const I=t[s].findIndex(E=>!E);u=I>-1?I:t[s].length}t[s][u]=g||""}for(let s=u+1,y=u+m;s<y;s++)t[f][s]=g||""})}),r.current.navigationMatrix=t.filter(b=>!!b),r.current.lastHeaderIndex=c.length-1},F={onConstructor:p,onComponentDidMount:K,onGetSnapshotBeforeUpdate:S,onComponentDidUpdate:T,onFocus:C,onKeyDown:R,generateMatrix:N};exports.tableKeyboardNavigation=F;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-common"),a=require("./utils.js"),K=e=>{const{navigatable:i,contextStateRef:o,navigationStateRef:t,idPrefix:r}=e;i&&(o.current={activeId:"",level:0},t.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:r||l.guid(),navigationMatrix:[],lastHeaderIndex:-1})},p=e=>{const{scope:i,contextStateRef:o,navigationStateRef:t}=e;if(o.current&&t.current&&i){E(e);const r=t.current.navigationMatrix.flat().find(n=>n.endsWith("cell"));if(r){const n=a.tableKeyboardNavigationTools.getActiveNavDataElement(i,r);n&&(o.current.activeId=r,n.setAttribute("tabIndex","0"))}}},S=e=>{const{contextStateRef:i,navigationStateRef:o,document:t}=e;if(i.current&&o.current&&t){const r=l.getActiveElement(t),n=a.tableKeyboardNavigationTools.getNavigatableId(r);n&&n===i.current.activeId&&(o.current.activeElementIsFocused=!0)}},T=e=>{const{scope:i,contextStateRef:o,navigationStateRef:t}=e;if(E(e),o.current&&t.current&&i){if(!a.tableKeyboardNavigationTools.getActiveNavDataElement(i,o.current.activeId)){const n=t.current.navigationMatrix[0][0],c=a.tableKeyboardNavigationTools.getActiveNavDataElement(i,n);n&&c&&(o.current.activeId=n,c.setAttribute("tabIndex","0"),t.current.activeElementIsFocused&&c.focus())}t.current.activeElementIsFocused=!1}},C=(e,i)=>{const{contextStateRef:o}=i;if(e.isDefaultPrevented()||!o.current)return;const t=e.target,r=a.tableKeyboardNavigationTools.getNavigatableId(t);if(r&&r!==o.current.activeId){const n=a.tableKeyboardNavigationTools.getClosestScope(t);if(!n)return;const c=a.tableKeyboardNavigationTools.getActiveNavDataElement(n,o.current.activeId);c&&c.setAttribute("tabIndex","-1"),t.setAttribute("tabIndex","0"),o.current.activeId=r}},h=(e,i)=>{const{contextStateRef:o,navigationStateRef:t,onNavigationAction:r}=i;if(e.isDefaultPrevented()||!o.current||!t.current)return;if(e.keyCode===l.Keys.esc){const d=a.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target);a.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o});return}const n=e.target,c=n.className.indexOf("k-checkbox")===-1?n:a.tableKeyboardNavigationTools.getClosestNavigatableElement(n),g=a.tableKeyboardNavigationTools.getNavigatableId(c),b=a.tableKeyboardNavigationTools.getNavigatableLevel(c),m=a.tableKeyboardNavigationTools.getClosestScope(c),f=t.current.navigationMatrix;if(b!==void 0&&m){if(e.keyCode===l.Keys.enter){const d=a.tableKeyboardNavigationTools.getNavigatableElement(c,{level:b+1});if(d){a.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o,prevElement:c});return}else{const I=a.tableKeyboardNavigationTools.getFocusableElements(c)[0];a.tableKeyboardNavigationTools.focusElement({elementForFocus:I,event:e,contextStateRef:o,prevElement:c});return}}if(e.keyCode===l.Keys.up||e.keyCode===l.Keys.down||e.keyCode===l.Keys.left||e.keyCode===l.Keys.right){const d=e.keyCode===l.Keys.up||e.keyCode===l.Keys.left,I=e.keyCode===l.Keys.up||e.keyCode===l.Keys.down;let v;if(t.current&&t.current.prevNavigationIndexes){const[u,s]=t.current.prevNavigationIndexes;f[u][s]===g?v=t.current.prevNavigationIndexes:v=a.findId(f,g)}else v=a.findId(f,g);if(v){const[u,s]=v,[y,N]=I?a.findNextIdByRowIndex(u,s,g,f,d):a.findNextIdByCellIndex(u,s,g,f,d);if(y){const x=a.tableKeyboardNavigationTools.getActiveNavDataElement(m,y);a.tableKeyboardNavigationTools.focusElement({elementForFocus:x,event:e,contextStateRef:o,prevElement:c}),t.current.prevNavigationIndexes=N,r&&r({focusElement:x,event:e})}}}}},E=e=>{const{navigationStateRef:i,scope:o}=e;if(!i.current||!o)return;const t=[],r=a.getHeaderElement(o),n=a.getBodyElement(o);if(!r||!n)return;const c=Array.from(r.children),g=Array.from(n.children);[...c,...g].forEach((b,m)=>{Array.from(b.children).forEach(f=>{const d=a.getNavigatableId(f);if(!d)return;const I=f.rowSpan||1,v=f.colSpan||1;let u;for(let s=m,y=m+I;s<y;s++){if(t[s]||(t[s]=[]),u===void 0){const N=t[s].findIndex(x=>!x);u=N>-1?N:t[s].length}t[s][u]=d||""}for(let s=u+1,y=u+v;s<y;s++)t[m][s]=d||""})}),i.current.navigationMatrix=t.filter(b=>!!b),i.current.lastHeaderIndex=c.length-1},R={onConstructor:K,onComponentDidMount:p,onGetSnapshotBeforeUpdate:S,onComponentDidUpdate:T,onFocus:C,onKeyDown:h,generateMatrix:E};exports.tableKeyboardNavigation=R;

package/navigation/TableKeyboardNavigation.mjs

@@ -6,9 +6,9 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { guid as C, getActiveElement as N, Keys as u } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationTools as i, findId as y, findNextIdByRowIndex as F, findNextIdByCellIndex as R, getHeaderElement as h, getBodyElement as A, getNavigatableId as k } from "./utils.mjs";
-const w = (e) => {
+import { guid as S, getActiveElement as C, Keys as f } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as a, findId as y, findNextIdByRowIndex as h, findNextIdByCellIndex as F, getHeaderElement as R, getBodyElement as A, getNavigatableId as D } from "./utils.mjs";
+const k = (e) => {
   const { navigatable: o, contextStateRef: n, navigationStateRef: t, idPrefix: c } = e;
   o && (n.current = {
     activeId: "",
@@ -16,29 +16,32 @@ const w = (e) => {
   }, t.current = {
     activeElementIsFocused: !1,
     prevNavigationIndexes: void 0,
-    idPrefix: c || C(),
+    idPrefix: c || S(),
     navigationMatrix: [],
     lastHeaderIndex: -1
   });
-}, D = (e) => {
+}, w = (e) => {
   const { scope: o, contextStateRef: n, navigationStateRef: t } = e;
   if (n.current && t.current && o) {
-    b(e);
-    const c = t.current.navigationMatrix[0][0], r = i.getActiveElement(o, c);
-    c && r && (n.current.activeId = c, r.setAttribute("tabIndex", "0"));
+    N(e);
+    const c = t.current.navigationMatrix.flat().find((r) => r.endsWith("cell"));
+    if (c) {
+      const r = a.getActiveNavDataElement(o, c);
+      r && (n.current.activeId = c, r.setAttribute("tabIndex", "0"));
+    }
   }
 }, M = (e) => {
   const { contextStateRef: o, navigationStateRef: n, document: t } = e;
   if (o.current && n.current && t) {
-    const c = N(t), r = i.getNavigatableId(c);
+    const c = C(t), r = a.getNavigatableId(c);
     r && r === o.current.activeId && (n.current.activeElementIsFocused = !0);
   }
 }, B = (e) => {
   const { scope: o, contextStateRef: n, navigationStateRef: t } = e;
-  if (b(e), n.current && t.current && o) {
-    if (!i.getActiveElement(o, n.current.activeId)) {
-      const r = t.current.navigationMatrix[0][0], a = i.getActiveElement(o, r);
-      r && a && (n.current.activeId = r, a.setAttribute("tabIndex", "0"), t.current.activeElementIsFocused && a.focus());
+  if (N(e), n.current && t.current && o) {
+    if (!a.getActiveNavDataElement(o, n.current.activeId)) {
+      const r = t.current.navigationMatrix[0][0], i = a.getActiveNavDataElement(o, r);
+      r && i && (n.current.activeId = r, i.setAttribute("tabIndex", "0"), t.current.activeElementIsFocused && i.focus());
     }
     t.current.activeElementIsFocused = !1;
   }
@@ -46,13 +49,13 @@ const w = (e) => {
   const { contextStateRef: n } = o;
   if (e.isDefaultPrevented() || !n.current)
     return;
-  const t = e.target, c = i.getNavigatableId(t);
+  const t = e.target, c = a.getNavigatableId(t);
   if (c && c !== n.current.activeId) {
-    const r = i.getClosestScope(t);
+    const r = a.getClosestScope(t);
     if (!r)
       return;
-    const a = i.getActiveElement(r, n.current.activeId);
-    a && a.setAttribute("tabIndex", "-1"), t.setAttribute("tabIndex", "0"), n.current.activeId = c;
+    const i = a.getActiveNavDataElement(r, n.current.activeId);
+    i && i.setAttribute("tabIndex", "-1"), t.setAttribute("tabIndex", "0"), n.current.activeId = c;
   }
 }, P = (e, o) => {
   const {
@@ -62,80 +65,80 @@ const w = (e) => {
   } = o;
   if (e.isDefaultPrevented() || !n.current || !t.current)
     return;
-  if (e.keyCode === u.esc) {
-    const d = i.getClosestNavigatableElement(e.target);
-    i.focusElement({ elementForFocus: d, event: e, contextStateRef: n });
+  if (e.keyCode === f.esc) {
+    const l = a.getClosestNavigatableElement(e.target);
+    a.focusElement({ elementForFocus: l, event: e, contextStateRef: n });
     return;
   }
-  const r = e.target, a = i.getNavigatableId(r), E = i.getNavigatableLevel(r), v = i.getClosestScope(r), f = t.current.navigationMatrix;
-  if (E !== void 0 && v) {
-    if (e.keyCode === u.enter) {
-      const d = i.getNavigatableElement(r, { level: E + 1 });
-      if (d) {
-        i.focusElement({
-          elementForFocus: d,
+  const r = e.target, i = r.className.indexOf("k-checkbox") === -1 ? r : a.getClosestNavigatableElement(r), v = a.getNavigatableId(i), m = a.getNavigatableLevel(i), I = a.getClosestScope(i), u = t.current.navigationMatrix;
+  if (m !== void 0 && I) {
+    if (e.keyCode === f.enter) {
+      const l = a.getNavigatableElement(i, { level: m + 1 });
+      if (l) {
+        a.focusElement({
+          elementForFocus: l,
           event: e,
           contextStateRef: n,
-          prevElement: r
+          prevElement: i
         });
         return;
       } else {
-        const g = i.getFocusableElements(r)[0];
-        i.focusElement({ elementForFocus: g, event: e, contextStateRef: n, prevElement: r });
+        const E = a.getFocusableElements(i)[0];
+        a.focusElement({ elementForFocus: E, event: e, contextStateRef: n, prevElement: i });
         return;
       }
     }
-    if (e.keyCode === u.up || e.keyCode === u.down || e.keyCode === u.left || e.keyCode === u.right) {
-      const d = e.keyCode === u.up || e.keyCode === u.left, g = e.keyCode === u.up || e.keyCode === u.down;
-      let m;
+    if (e.keyCode === f.up || e.keyCode === f.down || e.keyCode === f.left || e.keyCode === f.right) {
+      const l = e.keyCode === f.up || e.keyCode === f.left, E = e.keyCode === f.up || e.keyCode === f.down;
+      let g;
       if (t.current && t.current.prevNavigationIndexes) {
-        const [I, l] = t.current.prevNavigationIndexes;
-        f[I][l] === a ? m = t.current.prevNavigationIndexes : m = y(f, a);
+        const [d, s] = t.current.prevNavigationIndexes;
+        u[d][s] === v ? g = t.current.prevNavigationIndexes : g = y(u, v);
       } else
-        m = y(f, a);
-      if (m) {
-        const [I, l] = m, [s, x] = g ? F(I, l, a, f, d) : R(I, l, a, f, d);
-        if (s) {
-          const p = i.getActiveElement(v, s);
-          i.focusElement({ elementForFocus: p, event: e, contextStateRef: n, prevElement: r }), t.current.prevNavigationIndexes = x, c && c({ focusElement: p, event: e });
+        g = y(u, v);
+      if (g) {
+        const [d, s] = g, [x, p] = E ? h(d, s, v, u, l) : F(d, s, v, u, l);
+        if (x) {
+          const b = a.getActiveNavDataElement(I, x);
+          a.focusElement({ elementForFocus: b, event: e, contextStateRef: n, prevElement: i }), t.current.prevNavigationIndexes = p, c && c({ focusElement: b, event: e });
         }
       }
     }
   }
-}, b = (e) => {
+}, N = (e) => {
   const { navigationStateRef: o, scope: n } = e;
   if (!o.current || !n)
     return;
-  const t = [], c = h(n), r = A(n);
+  const t = [], c = R(n), r = A(n);
   if (!c || !r)
     return;
-  const a = Array.from(c.children), E = Array.from(r.children);
-  [...a, ...E].forEach((v, f) => {
-    Array.from(v.children).forEach((d) => {
-      const g = k(d);
-      if (!g)
+  const i = Array.from(c.children), v = Array.from(r.children);
+  [...i, ...v].forEach((m, I) => {
+    Array.from(m.children).forEach((u) => {
+      const l = D(u);
+      if (!l)
         return;
-      const m = d.rowSpan || 1, I = d.colSpan || 1;
-      let l;
-      for (let s = f, x = f + m; s < x; s++) {
-        if (t[s] || (t[s] = []), l === void 0) {
-          const p = t[s].findIndex((S) => !S);
-          l = p > -1 ? p : t[s].length;
+      const E = u.rowSpan || 1, g = u.colSpan || 1;
+      let d;
+      for (let s = I, x = I + E; s < x; s++) {
+        if (t[s] || (t[s] = []), d === void 0) {
+          const p = t[s].findIndex((b) => !b);
+          d = p > -1 ? p : t[s].length;
         }
-        t[s][l] = g || "";
+        t[s][d] = l || "";
       }
-      for (let s = l + 1, x = l + I; s < x; s++)
-        t[f][s] = g || "";
+      for (let s = d + 1, x = d + g; s < x; s++)
+        t[I][s] = l || "";
     });
-  }), o.current.navigationMatrix = t.filter((v) => !!v), o.current.lastHeaderIndex = a.length - 1;
+  }), o.current.navigationMatrix = t.filter((m) => !!m), o.current.lastHeaderIndex = i.length - 1;
 }, U = {
-  onConstructor: w,
-  onComponentDidMount: D,
+  onConstructor: k,
+  onComponentDidMount: w,
   onGetSnapshotBeforeUpdate: M,
   onComponentDidUpdate: B,
   onFocus: K,
   onKeyDown: P,
-  generateMatrix: b
+  generateMatrix: N
 };
 export {
   U as tableKeyboardNavigation

package/navigation/constants.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="data-keyboardnavlevel",t="data-keyboardnavscope",e="data-keyboardnavheader",a="data-keyboardnavbody",E="data-keyboardnavid",n="data-keyboardnavzone",d="_filter",A=["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]"],b=[...A,"[tabindex]"],i=[...A,"[tabindex]"].map(o=>o+':not([tabindex="-1"])'),r={[t]:!0},D={[e]:!0},s={[a]:!0};exports.FOCUSABLE_ELEMENTS=b;exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=e;exports.KEYBOARD_NAV_DATA_ID=E;exports.KEYBOARD_NAV_DATA_LEVEL=_;exports.KEYBOARD_NAV_DATA_SCOPE=t;exports.KEYBOARD_NAV_DATA_ZONE=n;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=d;exports.TABBABLE_ELEMENTS=i;exports.tableKeyboardNavigationBodyAttributes=s;exports.tableKeyboardNavigationHeaderAttributes=D;exports.tableKeyboardNavigationScopeAttributes=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="data-keyboardnavlevel",A="data-keyboardnavscope",t="data-keyboardnavheader",a="data-keyboardnavbody",_="data-keyboardnavid",o="data-keyboardnavzone",D="_filter",r={[A]:!0},E={[t]:!0},b={[a]:!0};exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=t;exports.KEYBOARD_NAV_DATA_ID=_;exports.KEYBOARD_NAV_DATA_LEVEL=e;exports.KEYBOARD_NAV_DATA_SCOPE=A;exports.KEYBOARD_NAV_DATA_ZONE=o;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=D;exports.tableKeyboardNavigationBodyAttributes=b;exports.tableKeyboardNavigationHeaderAttributes=E;exports.tableKeyboardNavigationScopeAttributes=r;

package/navigation/constants.mjs

@@ -6,38 +6,22 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-const d = "data-keyboardnavlevel", e = "data-keyboardnavscope", o = "data-keyboardnavheader", n = "data-keyboardnavbody", A = "data-keyboardnavid", b = "data-keyboardnavzone", r = "_filter", t = [
-  "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]"
-], E = [...t, "[tabindex]"], _ = [...t, "[tabindex]"].map((a) => a + ':not([tabindex="-1"])'), s = {
+const A = "data-keyboardnavlevel", a = "data-keyboardnavscope", t = "data-keyboardnavheader", e = "data-keyboardnavbody", o = "data-keyboardnavid", _ = "data-keyboardnavzone", n = "_filter", d = {
+  [a]: !0
+}, r = {
+  [t]: !0
+}, b = {
   [e]: !0
-}, i = {
-  [o]: !0
-}, c = {
-  [n]: !0
 };
 export {
-  E as FOCUSABLE_ELEMENTS,
-  n as KEYBOARD_NAV_DATA_BODY,
-  o as KEYBOARD_NAV_DATA_HEADER,
-  A as KEYBOARD_NAV_DATA_ID,
-  d as KEYBOARD_NAV_DATA_LEVEL,
-  e as KEYBOARD_NAV_DATA_SCOPE,
-  b as KEYBOARD_NAV_DATA_ZONE,
-  r as KEYBOARD_NAV_FILTER_COL_SUFFIX,
-  _ as TABBABLE_ELEMENTS,
-  c as tableKeyboardNavigationBodyAttributes,
-  i as tableKeyboardNavigationHeaderAttributes,
-  s as tableKeyboardNavigationScopeAttributes
+  e as KEYBOARD_NAV_DATA_BODY,
+  t as KEYBOARD_NAV_DATA_HEADER,
+  o as KEYBOARD_NAV_DATA_ID,
+  A as KEYBOARD_NAV_DATA_LEVEL,
+  a as KEYBOARD_NAV_DATA_SCOPE,
+  _ as KEYBOARD_NAV_DATA_ZONE,
+  n as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  b as tableKeyboardNavigationBodyAttributes,
+  r as tableKeyboardNavigationHeaderAttributes,
+  d as tableKeyboardNavigationScopeAttributes
 };

package/navigation/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./constants.js"),E=(e,t,r="cell")=>`${t}_${e}_${r}`,A=e=>{if(e)return parseInt(e.getAttribute(n.KEYBOARD_NAV_DATA_LEVEL)||"",10)},u=e=>{if(!e)return;const t=e.getAttribute(n.KEYBOARD_NAV_DATA_ID);return t||void 0},c=e=>e?!!e.getAttribute(n.KEYBOARD_NAV_DATA_ID):!1,i=(e,t={level:0})=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),g=e=>e.parentElement&&e.parentElement.closest(`[${n.KEYBOARD_NAV_DATA_LEVEL}]`),d=(e,t)=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_ID}='${t}']`),_=e=>e.parentElement&&e.parentElement.closest(`[${n.KEYBOARD_NAV_DATA_SCOPE}]`),N=e=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_HEADER}]`),f=e=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_BODY}]`),b=(e,t={focusable:!1})=>{let r=t.focusable?n.FOCUSABLE_ELEMENTS:n.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(r.join(",")))},v=(e,t={level:0})=>{if(!e)return[];let r=n.FOCUSABLE_ELEMENTS.map(l=>l+`[${n.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(r))},I=(e={level:0})=>{let t=n.FOCUSABLE_ELEMENTS.map(r=>r+`[${n.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return r=>r.matches(t)},D=e=>{const{elementForFocus:t,event:r,contextStateRef:l,prevElement:o}=e;l.current&&t&&t.focus&&(r.preventDefault(),t.focus(),c(t)&&(t.setAttribute("tabIndex","0"),l.current.activeId=u(t)),o&&c(o)&&o.setAttribute("tabIndex","-1"))},B=e=>e.current?e.current.idPrefix:"",m=(e,t,r,l,o)=>{if(!r)return[];let a=e+(o?-1:1);for(;a>=0&&a<l.length;){const s=l[a][t];if(s!==r)return[s,[a,t]];a=a+(o?-1:1)}return[]},L=(e,t,r,l,o)=>{if(!r)return[];let a=t+(o?-1:1);for(;a>=0&&a<l[e].length;){const s=l[e][a];if(s!==r)return[s,[e,a]];a=a+(o?-1:1)}return[]},T=(e,t)=>{if(t){for(let r=0;r<e.length;r++)for(let l=0;l<e[r].length;l++)if(e[r][l]===t)return[r,l]}},O=e=>e.current?e.current.navigationMatrix.length:0,y=e=>e?`${e}${n.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",S={generateNavigatableId:E,getNavigatableId:u,getNavigatableLevel:A,getNavigatableElement:i,getClosestNavigatableElement:g,getActiveElement:d,getClosestScope:_,getHeaderElement:N,getBodyElement:f,getFocusableElements:b,getNavigatableElements:v,filterNavigatableElements:I,focusElement:D,getIdPrefix:B,isNavigatable:c,findNextIdByRowIndex:m,findNextIdByCellIndex:L,findId:T,getNextNavigationIndex:O,getFilterColumnId:y};exports.filterNavigatableElements=I;exports.findId=T;exports.findNextIdByCellIndex=L;exports.findNextIdByRowIndex=m;exports.focusElement=D;exports.generateNavigatableId=E;exports.getActiveElement=d;exports.getBodyElement=f;exports.getClosestNavigatableElement=g;exports.getClosestScope=_;exports.getFilterColumnId=y;exports.getFocusableElements=b;exports.getHeaderElement=N;exports.getIdPrefix=B;exports.getNavigatableElement=i;exports.getNavigatableElements=v;exports.getNavigatableId=u;exports.getNavigatableLevel=A;exports.getNextNavigationIndex=O;exports.isNavigatable=c;exports.tableKeyboardNavigationTools=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-react-common"),o=require("./constants.js"),i=(e,t,r="cell")=>`${t}_${e}_${r}`,A=e=>{if(e)return parseInt(e.getAttribute(o.KEYBOARD_NAV_DATA_LEVEL)||"",10)},E=e=>{if(!e)return;const t=e.getAttribute(o.KEYBOARD_NAV_DATA_ID);return t||void 0},u=e=>e?!!e.getAttribute(o.KEYBOARD_NAV_DATA_ID):!1,g=(e,t={level:0})=>e.querySelector(`[${o.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),d=e=>e.parentElement&&e.parentElement.closest(`[${o.KEYBOARD_NAV_DATA_LEVEL}]`),N=(e,t)=>e.querySelector(`[${o.KEYBOARD_NAV_DATA_ID}='${t}']`),_=e=>e.parentElement&&e.parentElement.closest(`[${o.KEYBOARD_NAV_DATA_SCOPE}]`),f=e=>e.querySelector(`[${o.KEYBOARD_NAV_DATA_HEADER}]`),b=e=>e.querySelector(`[${o.KEYBOARD_NAV_DATA_BODY}]`),v=(e,t={focusable:!1})=>{let r=t.focusable?s.FOCUSABLE_ELEMENTS:s.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(r.join(",")))},D=(e,t={level:0})=>{if(!e)return[];let r=s.FOCUSABLE_ELEMENTS.map(l=>l+`[${o.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(r))},I=(e={level:0})=>{let t=s.FOCUSABLE_ELEMENTS.map(r=>r+`[${o.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return r=>r.matches(t)},m=e=>{const{elementForFocus:t,event:r,contextStateRef:l,prevElement:a}=e;if(l.current&&t&&t.focus){r.preventDefault();const n=t.querySelector(".k-checkbox-wrap .k-checkbox");n&&n.focus?n.focus():t.focus(),u(t)&&(t.setAttribute("tabIndex","0"),l.current.activeId=E(t)),a&&u(a)&&a.setAttribute("tabIndex","-1")}},B=e=>e.current?e.current.idPrefix:"",L=(e,t,r,l,a)=>{if(!r)return[];let n=e+(a?-1:1);for(;n>=0&&n<l.length;){const c=l[n][t];if(c!==r)return[c,[n,t]];n=n+(a?-1:1)}return[]},T=(e,t,r,l,a)=>{if(!r)return[];let n=t+(a?-1:1);for(;n>=0&&n<l[e].length;){const c=l[e][n];if(c!==r)return[c,[e,n]];n=n+(a?-1:1)}return[]},x=(e,t)=>{if(t){for(let r=0;r<e.length;r++)for(let l=0;l<e[r].length;l++)if(e[r][l]===t)return[r,l]}},y=e=>e.current?e.current.navigationMatrix.length:0,O=e=>e?`${e}${o.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",S={generateNavigatableId:i,getNavigatableId:E,getNavigatableLevel:A,getNavigatableElement:g,getClosestNavigatableElement:d,getActiveNavDataElement:N,getClosestScope:_,getHeaderElement:f,getBodyElement:b,getFocusableElements:v,getNavigatableElements:D,filterNavigatableElements:I,focusElement:m,getIdPrefix:B,isNavigatable:u,findNextIdByRowIndex:L,findNextIdByCellIndex:T,findId:x,getNextNavigationIndex:y,getFilterColumnId:O};exports.filterNavigatableElements=I;exports.findId=x;exports.findNextIdByCellIndex=T;exports.findNextIdByRowIndex=L;exports.focusElement=m;exports.generateNavigatableId=i;exports.getActiveNavDataElement=N;exports.getBodyElement=b;exports.getClosestNavigatableElement=d;exports.getClosestScope=_;exports.getFilterColumnId=O;exports.getFocusableElements=v;exports.getHeaderElement=f;exports.getIdPrefix=B;exports.getNavigatableElement=g;exports.getNavigatableElements=D;exports.getNavigatableId=E;exports.getNavigatableLevel=A;exports.getNextNavigationIndex=y;exports.isNavigatable=u;exports.tableKeyboardNavigationTools=S;