@progress/kendo-react-data-tools 11.2.0-develop.2 → 11.2.0-develop.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-datatools.js +1 -1
- package/index.d.mts +1 -1
- package/index.d.ts +1 -1
- package/navigation/TableKeyboardNavigation.js +1 -1
- package/navigation/TableKeyboardNavigation.mjs +37 -37
- package/navigation/utils.js +1 -1
- package/navigation/utils.mjs +74 -71
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/selection/TableSelection.js +1 -1
- package/selection/TableSelection.mjs +63 -61
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),t=require("./utils.js"),p=require("./NavigatableSettings.js"),
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),t=require("./utils.js"),p=require("./NavigatableSettings.js"),S=e=>{const{navigatable:r,contextStateRef:n,navigationStateRef:i,idPrefix:s}=e;r&&(n.current={activeId:"",level:0},i.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:s||o.guid(),navigationMatrix:[],lastHeaderIndex:-1})},B=e=>{const{scope:r,contextStateRef:n,navigationStateRef:i}=e;if(n.current&&i.current&&r){R(e);const s=t.getFirstDataCell(i.current.navigationMatrix);if(s){const g=t.tableKeyboardNavigationTools.getActiveNavDataElement(r,s);g&&(n.current.activeId=s,g.setAttribute("tabIndex","0"))}}},L=e=>{const{contextStateRef:r,navigationStateRef:n,document:i}=e;if(r.current&&n.current&&i){const s=o.getActiveElement(i),g=t.tableKeyboardNavigationTools.getNavigatableId(s);g&&g===r.current.activeId&&(n.current.activeElementIsFocused=!0)}},P=e=>{const{scope:r,contextStateRef:n,navigationStateRef:i,focusFirst:s,newEditableRow:g,singleEditRow:c,lastActiveElement:u,navigatable:a}=e;if(s&&(S(e),B(e),t.focusFirstDataElement(e)),(!a||a&&a.mode===p.NavigatableMode.inline)&&(g&&!c||g&&c&&!u)?t.focusFirstEditor(g):a&&a.mode===p.NavigatableMode.inline&&g&&c&&u&&u.focus(),R(e),n.current&&i.current&&r){if(!t.tableKeyboardNavigationTools.getActiveNavDataElement(r,n.current.activeId)){const y=r.className.indexOf("k-treelist")===-1?t.getFirstDataCell(i.current.navigationMatrix):i.current.navigationMatrix[0][0],C=t.tableKeyboardNavigationTools.getActiveNavDataElement(r,y);y&&C&&(n.current.activeId=y,C.setAttribute("tabIndex","0"),i.current.activeElementIsFocused&&C.focus())}i.current.activeElementIsFocused=!1}},H=(e,r)=>{const{contextStateRef:n}=r;if(e.isDefaultPrevented()||!n.current)return;const i=e.target,s=t.tableKeyboardNavigationTools.getNavigatableId(i);if(s&&s!==n.current.activeId){const g=t.tableKeyboardNavigationTools.getClosestScope(i);if(!g)return;const c=t.tableKeyboardNavigationTools.getActiveNavDataElement(g,n.current.activeId);c&&!e.target.classList.contains("k-table-td")&&!e.target.classList.contains("k-detail-cell")&&c.setAttribute("tabIndex","-1"),i.setAttribute("tabIndex","0"),n.current.activeId=s}else if(i.closest(".k-filtercell")&&r.navigatable){const g=i.closest(".k-table-td");o.enableNavigatableContainer(g)}},q=async(e,r)=>{var x,D,w,F,h;const{contextStateRef:n,navigationStateRef:i,onNavigationAction:s,columns:g}=r;if(e.isDefaultPrevented()||!n.current||!i.current)return;let c;if(e.keyCode===o.Keys.esc&&!r.navigatable.mode){c=t.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n}),e.target.closest(".k-filtercell")&&c&&r.navigatable&&o.disableNavigatableContainer(c);return}const u=e.target,a=u.className.indexOf("k-checkbox")===-1?u:t.tableKeyboardNavigationTools.getClosestNavigatableElement(u),b=t.tableKeyboardNavigationTools.getNavigatableId(a)||((x=t.tableKeyboardNavigationTools.getParentCell(a))==null?void 0:x.getAttribute("data-keyboardnavid")),y=b==null?void 0:b.endsWith("column"),C=b==null?void 0:b.endsWith("column_filter"),k=t.tableKeyboardNavigationTools.getNavigatableLevel(a),K=t.tableKeyboardNavigationTools.getClosestScope(a),E=i.current.navigationMatrix,m=e.metaKey||e.ctrlKey,d=t.getCurrentIdIndexes(i,E,b),I=a.closest(".k-table-td"),v=(D=a.closest(".k-table-td"))==null?void 0:D.classList.contains("k-grid-edit-cell");if(r.navigatable&&r.navigatable.mode===p.NavigatableMode.inline){if(e.keyCode===o.Keys.enter){const l=a.classList.contains("k-grid-remove-command"),f=a.classList.contains("k-grid-cancel-command"),N=t.tableKeyboardNavigationTools.getRowAriaRowIndex(a);if(l){setTimeout(()=>{const T=t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(N.current)||t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(N.prev);T&&T.focus()});return}else if(f&&a.parentElement){const T=(w=t.tableKeyboardNavigationTools.getClosestNavigatableElement(a))==null?void 0:w.getAttribute("data-keyboardnavid");setTimeout(()=>{T&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(T).focus()});return}}if(e.keyCode===o.Keys.esc){const l=t.tableKeyboardNavigationTools.getClosestCancelButton(a);l&&l.click();const f=await t.tableKeyboardNavigationTools.getClosestEditButton(a);f&&f.focus();return}}else if(r.navigatable&&r.navigatable.mode===p.NavigatableMode.incell){if(e.keyCode===o.Keys.esc){a.focus(),a.blur();const l=((F=u==null?void 0:u.parentElement)==null?void 0:F.closest(".k-grid-edit-row"))||null,f=t.tableKeyboardNavigationTools.getClosestCellNavId(a),N=await t.tableKeyboardNavigationTools.waitForElementToBeVisible(`[data-keyboardnavid='${f}']:not(.k-grid-edit-cell)`,l);N&&N.focus()}else if(e.keyCode===o.Keys.enter){let l;if(d){const[f,N]=d;l=t.findNextIdByRowIndex(f,N,b,E,!1)}if(!v)(h=t.tableKeyboardNavigationTools.getParentCell(a))==null||h.click();else if(v&&l){const f=l&&l[0]&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(l[0]);f&&f.click()}}else if(e.keyCode===o.Keys.left){if(v)return}else if(e.keyCode===o.Keys.right){if(v)return}else if(e.keyCode===o.Keys.up){if(v)return}else if(e.keyCode===o.Keys.down){if(v)return}else if(e.keyCode===o.Keys.tab&&v){if(e.shiftKey){const l=d&&g&&t.tableKeyboardNavigationTools.getPrevEditableCell(d,g,b,E);if(l&&l.prevCell&&l.prevCell.click(),l&&l.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);setTimeout(()=>{f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus()})}e.preventDefault()}else{const l=d&&g&&t.tableKeyboardNavigationTools.getNextEditableCell(d,g,b,E);if(l&&l.nextCell&&l.elementToFocus==="gridcell"&&l.nextCell.click(),l&&l.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus();return}e.preventDefault()}e.preventDefault()}}if(a.closest(".k-filtercell")&&I&&r.navigatable){o.keepFocusInContainer(e,I,o.TABBABLE_ELEMENTS);return}if(k!==void 0&&K){if(e.keyCode===o.Keys.enter){const l=t.tableKeyboardNavigationTools.getNavigatableElement(a,{level:k+1});if(l){t.tableKeyboardNavigationTools.focusElement({elementForFocus:l,event:e,contextStateRef:n,prevElement:a});return}a.querySelector(".k-filtercell")&&r.navigatable&&o.enableNavigatableContainer(a),c=t.tableKeyboardNavigationTools.getFocusableElements(a)[0],t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n,prevElement:a})}if(e.keyCode===o.Keys.home&&d)if(m)t.focusFirstDataElement({scope:K,navigationStateRef:i,contextStateRef:n},e);else{const l=t.getFirstRowDataCell(i.current.navigationMatrix,d[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,l),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n})}if(e.keyCode===o.Keys.end&&d)if(m){const l=t.getLastDataCell(i.current.navigationMatrix);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,l),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n})}else{const l=t.getLastRowDataCell(i.current.navigationMatrix,d[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,l),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n})}if(e.keyCode===o.Keys.up||e.keyCode===o.Keys.down||e.keyCode===o.Keys.left||e.keyCode===o.Keys.right){const l=e.keyCode===o.Keys.up||e.keyCode===o.Keys.left,f=e.keyCode===o.Keys.up||e.keyCode===o.Keys.down;if(d){const[N,T]=d,[A,M]=f?t.findNextIdByRowIndex(N,T,b,E,l):t.findNextIdByCellIndex(N,T,b,E,l);A&&(c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,A),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:n,prevElement:a}),i.current.prevNavigationIndexes=M)}}if(m&&e.keyCode===o.Keys.left&&y){s&&s({focusElement:a,event:e,action:"reorderToLeft"}),e.preventDefault();return}if(m&&e.keyCode===o.Keys.right&&y){s&&s({focusElement:a,event:e,action:"reorderToRight"}),e.preventDefault();return}if(e.keyCode===o.Keys.pageUp){s&&s({focusElement:c,event:e,action:"moveToNextPage"}),e.preventDefault();return}if(e.keyCode===o.Keys.pageDown){s&&s({focusElement:c,event:e,action:"moveToPrevPage"}),e.preventDefault();return}if(!y&&!C&&!v&&(e.keyCode===o.Keys.space||e.keyCode===o.Keys.enter||e.shiftKey&&(e.keyCode===o.Keys.up||e.keyCode===o.Keys.down||e.keyCode===o.Keys.left||e.keyCode===o.Keys.right))){s&&s({focusElement:c,event:e,action:"select"});return}s&&s({focusElement:c,event:e})}},R=e=>{const{navigationStateRef:r,scope:n}=e;if(!r.current||!n)return;const i=[],s=t.getHeaderElement(n),g=t.getBodyElement(n),c=t.getNoRecordsElement(n)||{children:[]};if(!s||!g)return;const u=Array.from(s.children),a=Array.from(g.children);[...u,...a,c].forEach((b,y)=>{Array.from(b.children).forEach(C=>{const k=t.getNavigatableId(C);if(!k)return;const K=C.rowSpan||1,E=C.colSpan||1;let m;for(let d=y,I=y+K;d<I;d++){if(i[d]||(i[d]=[]),m===void 0){const v=i[d].findIndex(x=>!x);m=v>-1?v:i[d].length}i[d][m]=k||""}for(let d=m+1,I=m+E;d<I;d++)i[y][d]=k||""})}),r.current.navigationMatrix=i.filter(b=>!!b),r.current.lastHeaderIndex=u.length-1},O={onConstructor:S,onComponentDidMount:B,onGetSnapshotBeforeUpdate:L,onComponentDidUpdate:P,onFocus:H,onKeyDown:q,generateMatrix:R,focusFirstDataElement:t.focusFirstDataElement};exports.tableKeyboardNavigation=O;
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { guid as
|
|
10
|
-
import { focusFirstDataElement as w, getFirstDataCell as
|
|
9
|
+
import { guid as U, getActiveElement as V, enableNavigatableContainer as K, Keys as i, disableNavigatableContainer as W, keepFocusInContainer as _, TABBABLE_ELEMENTS as q } from "@progress/kendo-react-common";
|
|
10
|
+
import { focusFirstDataElement as w, getFirstDataCell as L, tableKeyboardNavigationTools as t, focusFirstEditor as G, getCurrentIdIndexes as $, getFirstRowDataCell as j, getLastRowDataCell as z, getLastDataCell as J, getHeaderElement as Q, getBodyElement as X, getNoRecordsElement as Y, getNavigatableId as Z, findNextIdByRowIndex as M, findNextIdByCellIndex as ee } from "./utils.mjs";
|
|
11
11
|
import { NavigatableMode as D } from "./NavigatableSettings.mjs";
|
|
12
|
-
const
|
|
12
|
+
const P = (e) => {
|
|
13
13
|
const { navigatable: r, contextStateRef: l, navigationStateRef: n, idPrefix: c } = e;
|
|
14
14
|
r && (l.current = {
|
|
15
15
|
activeId: "",
|
|
@@ -17,27 +17,27 @@ const L = (e) => {
|
|
|
17
17
|
}, n.current = {
|
|
18
18
|
activeElementIsFocused: !1,
|
|
19
19
|
prevNavigationIndexes: void 0,
|
|
20
|
-
idPrefix: c ||
|
|
20
|
+
idPrefix: c || U(),
|
|
21
21
|
navigationMatrix: [],
|
|
22
22
|
lastHeaderIndex: -1
|
|
23
23
|
});
|
|
24
|
-
},
|
|
24
|
+
}, H = (e) => {
|
|
25
25
|
const { scope: r, contextStateRef: l, navigationStateRef: n } = e;
|
|
26
26
|
if (l.current && n.current && r) {
|
|
27
27
|
h(e);
|
|
28
|
-
const c =
|
|
28
|
+
const c = L(n.current.navigationMatrix);
|
|
29
29
|
if (c) {
|
|
30
30
|
const f = t.getActiveNavDataElement(r, c);
|
|
31
31
|
f && (l.current.activeId = c, f.setAttribute("tabIndex", "0"));
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
},
|
|
34
|
+
}, te = (e) => {
|
|
35
35
|
const { contextStateRef: r, navigationStateRef: l, document: n } = e;
|
|
36
36
|
if (r.current && l.current && n) {
|
|
37
|
-
const c =
|
|
37
|
+
const c = V(n), f = t.getNavigatableId(c);
|
|
38
38
|
f && f === r.current.activeId && (l.current.activeElementIsFocused = !0);
|
|
39
39
|
}
|
|
40
|
-
},
|
|
40
|
+
}, ae = (e) => {
|
|
41
41
|
const {
|
|
42
42
|
scope: r,
|
|
43
43
|
contextStateRef: l,
|
|
@@ -48,14 +48,14 @@ const L = (e) => {
|
|
|
48
48
|
lastActiveElement: m,
|
|
49
49
|
navigatable: a
|
|
50
50
|
} = e;
|
|
51
|
-
if (c && (
|
|
51
|
+
if (c && (P(e), H(e), w(e)), (!a || a && a.mode === D.inline) && (f && !s || f && s && !m) ? G(f) : a && a.mode === D.inline && f && s && m && m.focus(), h(e), l.current && n.current && r) {
|
|
52
52
|
if (!t.getActiveNavDataElement(r, l.current.activeId)) {
|
|
53
|
-
const C = r.className.indexOf("k-treelist") === -1 ?
|
|
53
|
+
const C = r.className.indexOf("k-treelist") === -1 ? L(n.current.navigationMatrix) : n.current.navigationMatrix[0][0], y = t.getActiveNavDataElement(r, C);
|
|
54
54
|
C && y && (l.current.activeId = C, y.setAttribute("tabIndex", "0"), n.current.activeElementIsFocused && y.focus());
|
|
55
55
|
}
|
|
56
56
|
n.current.activeElementIsFocused = !1;
|
|
57
57
|
}
|
|
58
|
-
},
|
|
58
|
+
}, oe = (e, r) => {
|
|
59
59
|
const { contextStateRef: l } = r;
|
|
60
60
|
if (e.isDefaultPrevented() || !l.current)
|
|
61
61
|
return;
|
|
@@ -68,19 +68,19 @@ const L = (e) => {
|
|
|
68
68
|
s && !e.target.classList.contains("k-table-td") && !e.target.classList.contains("k-detail-cell") && s.setAttribute("tabIndex", "-1"), n.setAttribute("tabIndex", "0"), l.current.activeId = c;
|
|
69
69
|
} else if (n.closest(".k-filtercell") && r.navigatable) {
|
|
70
70
|
const f = n.closest(".k-table-td");
|
|
71
|
-
|
|
71
|
+
K(f);
|
|
72
72
|
}
|
|
73
|
-
},
|
|
74
|
-
var R, A, B, F;
|
|
73
|
+
}, ne = async (e, r) => {
|
|
74
|
+
var R, A, B, F, S;
|
|
75
75
|
const { contextStateRef: l, navigationStateRef: n, onNavigationAction: c, columns: f } = r;
|
|
76
76
|
if (e.isDefaultPrevented() || !l.current || !n.current)
|
|
77
77
|
return;
|
|
78
78
|
let s;
|
|
79
79
|
if (e.keyCode === i.esc && !r.navigatable.mode) {
|
|
80
|
-
s = t.getClosestNavigatableElement(e.target), t.focusElement({ elementForFocus: s, event: e, contextStateRef: l }), e.target.closest(".k-filtercell") && s && r.navigatable &&
|
|
80
|
+
s = t.getClosestNavigatableElement(e.target), t.focusElement({ elementForFocus: s, event: e, contextStateRef: l }), e.target.closest(".k-filtercell") && s && r.navigatable && W(s);
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
|
-
const m = e.target, a = m.className.indexOf("k-checkbox") === -1 ? m : t.getClosestNavigatableElement(m), g = t.getNavigatableId(a) || ((R = t.getParentCell(a)) == null ? void 0 : R.getAttribute("data-keyboardnavid")), C = g == null ? void 0 : g.endsWith("column"), y = g == null ? void 0 : g.endsWith("column_filter"), p = t.getNavigatableLevel(a), k = t.getClosestScope(a), I = n.current.navigationMatrix, E = e.metaKey || e.ctrlKey, d =
|
|
83
|
+
const m = e.target, a = m.className.indexOf("k-checkbox") === -1 ? m : t.getClosestNavigatableElement(m), g = t.getNavigatableId(a) || ((R = t.getParentCell(a)) == null ? void 0 : R.getAttribute("data-keyboardnavid")), C = g == null ? void 0 : g.endsWith("column"), y = g == null ? void 0 : g.endsWith("column_filter"), p = t.getNavigatableLevel(a), k = t.getClosestScope(a), I = n.current.navigationMatrix, E = e.metaKey || e.ctrlKey, d = $(n, I, g), N = a.closest(".k-table-td"), b = (A = a.closest(".k-table-td")) == null ? void 0 : A.classList.contains("k-grid-edit-cell");
|
|
84
84
|
if (r.navigatable && r.navigatable.mode === D.inline) {
|
|
85
85
|
if (e.keyCode === i.enter) {
|
|
86
86
|
const o = a.classList.contains("k-grid-remove-command"), u = a.classList.contains("k-grid-cancel-command"), v = t.getRowAriaRowIndex(a);
|
|
@@ -108,7 +108,7 @@ const L = (e) => {
|
|
|
108
108
|
} else if (r.navigatable && r.navigatable.mode === D.incell) {
|
|
109
109
|
if (e.keyCode === i.esc) {
|
|
110
110
|
a.focus(), a.blur();
|
|
111
|
-
const o = m
|
|
111
|
+
const o = ((F = m == null ? void 0 : m.parentElement) == null ? void 0 : F.closest(".k-grid-edit-row")) || null, u = t.getClosestCellNavId(a), v = await t.waitForElementToBeVisible(
|
|
112
112
|
`[data-keyboardnavid='${u}']:not(.k-grid-edit-cell)`,
|
|
113
113
|
o
|
|
114
114
|
);
|
|
@@ -117,10 +117,10 @@ const L = (e) => {
|
|
|
117
117
|
let o;
|
|
118
118
|
if (d) {
|
|
119
119
|
const [u, v] = d;
|
|
120
|
-
o =
|
|
120
|
+
o = M(u, v, g, I, !1);
|
|
121
121
|
}
|
|
122
122
|
if (!b)
|
|
123
|
-
(
|
|
123
|
+
(S = t.getParentCell(a)) == null || S.click();
|
|
124
124
|
else if (b && o) {
|
|
125
125
|
const u = o && o[0] && t.getTableCellByKeyboardNavId(o[0]);
|
|
126
126
|
u && u.click();
|
|
@@ -162,7 +162,7 @@ const L = (e) => {
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
if (a.closest(".k-filtercell") && N && r.navigatable) {
|
|
165
|
-
|
|
165
|
+
_(e, N, q);
|
|
166
166
|
return;
|
|
167
167
|
}
|
|
168
168
|
if (p !== void 0 && k) {
|
|
@@ -177,7 +177,7 @@ const L = (e) => {
|
|
|
177
177
|
});
|
|
178
178
|
return;
|
|
179
179
|
}
|
|
180
|
-
a.querySelector(".k-filtercell") && r.navigatable &&
|
|
180
|
+
a.querySelector(".k-filtercell") && r.navigatable && K(a), s = t.getFocusableElements(a)[0], t.focusElement({ elementForFocus: s, event: e, contextStateRef: l, prevElement: a });
|
|
181
181
|
}
|
|
182
182
|
if (e.keyCode === i.home && d)
|
|
183
183
|
if (E)
|
|
@@ -190,7 +190,7 @@ const L = (e) => {
|
|
|
190
190
|
e
|
|
191
191
|
);
|
|
192
192
|
else {
|
|
193
|
-
const o =
|
|
193
|
+
const o = j(
|
|
194
194
|
n.current.navigationMatrix,
|
|
195
195
|
d[0]
|
|
196
196
|
);
|
|
@@ -198,10 +198,10 @@ const L = (e) => {
|
|
|
198
198
|
}
|
|
199
199
|
if (e.keyCode === i.end && d)
|
|
200
200
|
if (E) {
|
|
201
|
-
const o =
|
|
201
|
+
const o = J(n.current.navigationMatrix);
|
|
202
202
|
s = t.getActiveNavDataElement(k, o), t.focusElement({ elementForFocus: s, event: e, contextStateRef: l });
|
|
203
203
|
} else {
|
|
204
|
-
const o =
|
|
204
|
+
const o = z(
|
|
205
205
|
n.current.navigationMatrix,
|
|
206
206
|
d[0]
|
|
207
207
|
);
|
|
@@ -210,8 +210,8 @@ const L = (e) => {
|
|
|
210
210
|
if (e.keyCode === i.up || e.keyCode === i.down || e.keyCode === i.left || e.keyCode === i.right) {
|
|
211
211
|
const o = e.keyCode === i.up || e.keyCode === i.left, u = e.keyCode === i.up || e.keyCode === i.down;
|
|
212
212
|
if (d) {
|
|
213
|
-
const [v, x] = d, [
|
|
214
|
-
|
|
213
|
+
const [v, x] = d, [T, O] = u ? M(v, x, g, I, o) : ee(v, x, g, I, o);
|
|
214
|
+
T && (s = t.getActiveNavDataElement(k, T), t.focusElement({ elementForFocus: s, event: e, contextStateRef: l, prevElement: a }), n.current.prevNavigationIndexes = O);
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
if (E && e.keyCode === i.left && C) {
|
|
@@ -240,13 +240,13 @@ const L = (e) => {
|
|
|
240
240
|
const { navigationStateRef: r, scope: l } = e;
|
|
241
241
|
if (!r.current || !l)
|
|
242
242
|
return;
|
|
243
|
-
const n = [], c =
|
|
243
|
+
const n = [], c = Q(l), f = X(l), s = Y(l) || { children: [] };
|
|
244
244
|
if (!c || !f)
|
|
245
245
|
return;
|
|
246
246
|
const m = Array.from(c.children), a = Array.from(f.children);
|
|
247
247
|
[...m, ...a, s].forEach((g, C) => {
|
|
248
248
|
Array.from(g.children).forEach((y) => {
|
|
249
|
-
const p =
|
|
249
|
+
const p = Z(y);
|
|
250
250
|
if (!p)
|
|
251
251
|
return;
|
|
252
252
|
const k = y.rowSpan || 1, I = y.colSpan || 1;
|
|
@@ -262,16 +262,16 @@ const L = (e) => {
|
|
|
262
262
|
n[C][d] = p || "";
|
|
263
263
|
});
|
|
264
264
|
}), r.current.navigationMatrix = n.filter((g) => !!g), r.current.lastHeaderIndex = m.length - 1;
|
|
265
|
-
},
|
|
266
|
-
onConstructor:
|
|
267
|
-
onComponentDidMount:
|
|
268
|
-
onGetSnapshotBeforeUpdate:
|
|
269
|
-
onComponentDidUpdate:
|
|
270
|
-
onFocus:
|
|
271
|
-
onKeyDown:
|
|
265
|
+
}, ce = {
|
|
266
|
+
onConstructor: P,
|
|
267
|
+
onComponentDidMount: H,
|
|
268
|
+
onGetSnapshotBeforeUpdate: te,
|
|
269
|
+
onComponentDidUpdate: ae,
|
|
270
|
+
onFocus: oe,
|
|
271
|
+
onKeyDown: ne,
|
|
272
272
|
generateMatrix: h,
|
|
273
273
|
focusFirstDataElement: w
|
|
274
274
|
};
|
|
275
275
|
export {
|
|
276
|
-
|
|
276
|
+
ce as tableKeyboardNavigation
|
|
277
277
|
};
|
package/navigation/utils.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@progress/kendo-react-common"),a=require("./constants.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@progress/kendo-react-common"),a=require("./constants.js"),B=(e,t,n="cell")=>`${t}_${e}_${n}`,m=e=>{if(e)return parseInt(e.getAttribute(a.KEYBOARD_NAV_DATA_LEVEL)||"",10)},b=e=>{if(!e)return;const t=e.getAttribute(a.KEYBOARD_NAV_DATA_ID);return t||void 0},A=e=>e?!!e.getAttribute(a.KEYBOARD_NAV_DATA_ID):!1,x=(e,t={level:0})=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),N=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_LEVEL}]`),v=(e,t)=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_ID}='${t}']`),y=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_SCOPE}]`),w=e=>{var n;const t=((n=e==null?void 0:e.parentElement)==null?void 0:n.closest(".k-grid-edit-row"))||null;return t==null?void 0:t.querySelector("."+a.KEYBOARD_NAV_CANCEL_BUTTON_CLASS)},T=e=>document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`),u=e=>document.querySelector(`[data-keyboardnavid="${e}"]`),S=e=>{var r;const t=e&&e.parentElement&&e.parentElement.closest(".k-table-row");let n;return(r=t==null?void 0:t.parentElement)==null||r.childNodes.forEach(l=>{if(t===l){const o=l.previousSibling;n={current:t.getAttribute("aria-rowindex"),prev:o&&o.getAttribute("aria-rowindex")}}}),n};async function L(e,t,n=5e3){const r=Date.now();if(t)for(;Date.now()-r<n;){const l=t.querySelector(e);if(l)return l;await new Promise(o=>setTimeout(o,20))}return!1}const R=async e=>{var r;const t=((r=e==null?void 0:e.parentElement)==null?void 0:r.closest(".k-grid-edit-row"))||null;return await L("."+a.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},p=e=>(e==null?void 0:e.closest(".k-table-td"))||null,F=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_HEADER}]`),O=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_BODY}]`),W=e=>e.querySelector(".k-grid-norecords"),X=e=>{const t=e.querySelector(".k-grid-edit-cell"),n=t==null?void 0:t.querySelector("input");n?n.focus():t&&t.firstChild.focus()},h=(e,t)=>{const{scope:n,navigationStateRef:r,contextStateRef:l}=e;if(!r.current||!n)return;const o=M(r.current.navigationMatrix),s=v(n,o);C({elementForFocus:s,contextStateRef:l,event:t})},V=(e,t={focusable:!1})=>{const n=t.focusable?g.FOCUSABLE_ELEMENTS:g.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},$=(e,t={level:0})=>{if(!e)return[];const n=g.FOCUSABLE_ELEMENTS.map(r=>r+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},k=(e={level:0})=>{const t=g.FOCUSABLE_ELEMENTS.map(n=>n+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},C=e=>{const{elementForFocus:t,event:n,contextStateRef:r,prevElement:l}=e;if(r.current&&t&&t.focus){n==null||n.preventDefault();const o=t.querySelector(".k-checkbox-wrap .k-checkbox");o&&o.focus?o.focus():t.focus(),A(t)&&(t.setAttribute("tabIndex","0"),r.current.activeId=b(t)),l&&A(l)&&l.setAttribute("tabIndex","-1")}},K=e=>e.current?e.current.idPrefix:"",q=(e,t,n,r,l)=>{if(!n)return[];let o=e+(l?-1:1);for(;o>=0&&o<r.length;){const s=r[o][t];if(s!==n)return[s,[o,t]];o=o+(l?-1:1)}return[]},d=(e,t,n,r,l)=>{if(!n)return[];let o=t+(l?-1:1);for(;o>=0&&r[e]&&o<r[e].length;){const s=r[e][o];if(s!==n)return[s,[e,o]];o=o+(l?-1:1)}return[]},f=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let r=0;r<e[n].length;r++)if(e[n][r]===t)return[n,r]}},_=(e,t,n)=>{let r;do if(e=e+1,r=t[n-e],r&&r.editable)break;while(n-e>=0);return r},Y=(e,t,n,r)=>{var I;let l;const[o,s]=e;let i;const c=0,E=t.length;return i=_(c,t,s),i?l=d(o,i.ariaColumnIndex,n,r,!0):(i=_(c,t,E),l=d(o-1,i.ariaColumnIndex,n,r,!0)),{prevCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((I=u(l[0]))==null?void 0:I.getAttribute("role"))}},D=(e,t,n)=>{let r;do if(e=e+1,r=t[n+e],r&&r.editable)break;while(n+e-1<t.length);return r},P=(e,t,n,r)=>{var o;let l;if(e){const[s,i]=e;let c,E=0;c=D(E,t,i),c?l=d(s,c.ariaColumnIndex,n,r,!0):(E=-1,c=D(E,t,0),l=d(s+1,c.ariaColumnIndex,n,r,!0))}return{nextCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((o=u(l[0]))==null?void 0:o.getAttribute("role"))}},U=e=>e.current?e.current.navigationMatrix.length:0,M=e=>e.flat().find(t=>t.endsWith("cell")),z=e=>e.flat().reverse().find(t=>t.endsWith("cell")),G=(e,t)=>e[t][0],J=(e,t)=>Array.from(e[t]).reverse()[0],j=e=>e?`${e}${a.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",Q=(e,t,n)=>{var l;let r;if((l=e.current)!=null&&l.prevNavigationIndexes){const[o,s]=e.current.prevNavigationIndexes,i=t[o];i&&i[s]===n?r=e.current.prevNavigationIndexes:r=f(t,n)}else r=f(t,n);return r},H=e=>{var t;return((t=N(e))==null?void 0:t.getAttribute("data-keyboardnavid"))||e.getAttribute("data-keyboardnavid")},Z={generateNavigatableId:B,getNavigatableId:b,getNavigatableLevel:m,getNavigatableElement:x,getClosestNavigatableElement:N,getActiveNavDataElement:v,getClosestScope:y,getHeaderElement:F,getBodyElement:O,getFocusableElements:V,getNavigatableElements:$,filterNavigatableElements:k,focusElement:C,getIdPrefix:K,isNavigatable:A,findNextIdByRowIndex:q,findNextIdByCellIndex:d,findId:f,getNextNavigationIndex:U,getFilterColumnId:j,focusFirstDataElement:h,getClosestCancelButton:w,getClosestEditButton:R,getRowAriaRowIndex:S,getRemoveButtonByAriaRowIndex:T,getTableCellByKeyboardNavId:u,getParentCell:p,waitForElementToBeVisible:L,getNextEditableCell:P,getPrevEditableCell:Y,getClosestCellNavId:H};exports.filterNavigatableElements=k;exports.findId=f;exports.findNextIdByCellIndex=d;exports.findNextIdByRowIndex=q;exports.focusElement=C;exports.focusFirstDataElement=h;exports.focusFirstEditor=X;exports.generateNavigatableId=B;exports.getActiveNavDataElement=v;exports.getBodyElement=O;exports.getClosestCancelButton=w;exports.getClosestCellNavId=H;exports.getClosestEditButton=R;exports.getClosestNavigatableElement=N;exports.getClosestScope=y;exports.getCurrentIdIndexes=Q;exports.getFilterColumnId=j;exports.getFirstDataCell=M;exports.getFirstRowDataCell=G;exports.getFocusableElements=V;exports.getHeaderElement=F;exports.getIdPrefix=K;exports.getLastDataCell=z;exports.getLastRowDataCell=J;exports.getNavigatableElement=x;exports.getNavigatableElements=$;exports.getNavigatableId=b;exports.getNavigatableLevel=m;exports.getNextEditableCell=P;exports.getNextNavigationIndex=U;exports.getNoRecordsElement=W;exports.getParentCell=p;exports.getPrevEditableCell=Y;exports.getRemoveButtonByAriaRowIndex=T;exports.getRowAriaRowIndex=S;exports.getTableCellByKeyboardNavId=u;exports.isNavigatable=A;exports.tableKeyboardNavigationTools=Z;
|
package/navigation/utils.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { FOCUSABLE_ELEMENTS as b, TABBABLE_ELEMENTS as y } from "@progress/kendo-react-common";
|
|
9
|
-
import { KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_SCOPE as D, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as
|
|
9
|
+
import { KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_SCOPE as D, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as B, KEYBOARD_NAV_EDIT_BUTTON_CLASS as w, KEYBOARD_NAV_DATA_HEADER as S, KEYBOARD_NAV_DATA_BODY as h, KEYBOARD_NAV_FILTER_COL_SUFFIX as T } from "./constants.mjs";
|
|
10
10
|
const $ = (e, t, r = "cell") => `${t}_${e}_${r}`, k = (e) => {
|
|
11
11
|
if (e)
|
|
12
12
|
return parseInt(e.getAttribute(f) || "", 10);
|
|
@@ -15,46 +15,48 @@ const $ = (e, t, r = "cell") => `${t}_${e}_${r}`, k = (e) => {
|
|
|
15
15
|
return;
|
|
16
16
|
const t = e.getAttribute(g);
|
|
17
17
|
return t || void 0;
|
|
18
|
-
}, E = (e) => e ? !!e.getAttribute(g) : !1, F = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
}, E = (e) => e ? !!e.getAttribute(g) : !1, F = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), _ = (e) => e && e.parentElement && e.parentElement.closest(`[${f}]`), m = (e, t) => e.querySelector(`[${g}='${t}']`), L = (e) => e && e.parentElement && e.parentElement.closest(`[${D}]`), R = (e) => {
|
|
19
|
+
var r;
|
|
20
|
+
const t = ((r = e == null ? void 0 : e.parentElement) == null ? void 0 : r.closest(".k-grid-edit-row")) || null;
|
|
21
|
+
return t == null ? void 0 : t.querySelector("." + B);
|
|
22
|
+
}, q = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), a = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), O = (e) => {
|
|
22
23
|
var n;
|
|
23
24
|
const t = e && e.parentElement && e.parentElement.closest(".k-table-row");
|
|
24
25
|
let r;
|
|
25
|
-
return (n = t == null ? void 0 : t.parentElement) == null || n.childNodes.forEach((
|
|
26
|
-
if (t ===
|
|
27
|
-
const
|
|
26
|
+
return (n = t == null ? void 0 : t.parentElement) == null || n.childNodes.forEach((l) => {
|
|
27
|
+
if (t === l) {
|
|
28
|
+
const o = l.previousSibling;
|
|
28
29
|
r = {
|
|
29
30
|
current: t.getAttribute("aria-rowindex"),
|
|
30
|
-
prev:
|
|
31
|
+
prev: o && o.getAttribute("aria-rowindex")
|
|
31
32
|
};
|
|
32
33
|
}
|
|
33
34
|
}), r;
|
|
34
35
|
};
|
|
35
|
-
async function
|
|
36
|
+
async function p(e, t, r = 5e3) {
|
|
36
37
|
const n = Date.now();
|
|
37
38
|
if (t)
|
|
38
39
|
for (; Date.now() - n < r; ) {
|
|
39
|
-
const
|
|
40
|
-
if (
|
|
41
|
-
return
|
|
42
|
-
await new Promise((
|
|
40
|
+
const l = t.querySelector(e);
|
|
41
|
+
if (l)
|
|
42
|
+
return l;
|
|
43
|
+
await new Promise((o) => setTimeout(o, 20));
|
|
43
44
|
}
|
|
44
45
|
return !1;
|
|
45
46
|
}
|
|
46
47
|
const K = async (e) => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
var n;
|
|
49
|
+
const t = ((n = e == null ? void 0 : e.parentElement) == null ? void 0 : n.closest(".k-grid-edit-row")) || null;
|
|
50
|
+
return await p("." + w, t);
|
|
51
|
+
}, V = (e) => (e == null ? void 0 : e.closest(".k-table-td")) || null, Y = (e) => e.querySelector(`[${S}]`), P = (e) => e.querySelector(`[${h}]`), le = (e) => e.querySelector(".k-grid-norecords"), oe = (e) => {
|
|
52
|
+
const t = e.querySelector(".k-grid-edit-cell"), r = t == null ? void 0 : t.querySelector("input");
|
|
51
53
|
r ? r.focus() : t && t.firstChild.focus();
|
|
52
54
|
}, U = (e, t) => {
|
|
53
|
-
const { scope: r, navigationStateRef: n, contextStateRef:
|
|
55
|
+
const { scope: r, navigationStateRef: n, contextStateRef: l } = e;
|
|
54
56
|
if (!n.current || !r)
|
|
55
57
|
return;
|
|
56
|
-
const
|
|
57
|
-
x({ elementForFocus: s, contextStateRef:
|
|
58
|
+
const o = Q(n.current.navigationMatrix), s = m(r, o);
|
|
59
|
+
x({ elementForFocus: s, contextStateRef: l, event: t });
|
|
58
60
|
}, j = (e, t = { focusable: !1 }) => {
|
|
59
61
|
const r = t.focusable ? b : y;
|
|
60
62
|
return Array.from(e.querySelectorAll(r.join(",")));
|
|
@@ -67,32 +69,32 @@ const K = async (e) => {
|
|
|
67
69
|
const t = b.map((r) => r + `[${f}='${e.level}']`).join(",");
|
|
68
70
|
return (r) => r.matches(t);
|
|
69
71
|
}, x = (e) => {
|
|
70
|
-
const { elementForFocus: t, event: r, contextStateRef: n, prevElement:
|
|
72
|
+
const { elementForFocus: t, event: r, contextStateRef: n, prevElement: l } = e;
|
|
71
73
|
if (n.current && t && t.focus) {
|
|
72
74
|
r == null || r.preventDefault();
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
+
const o = t.querySelector(".k-checkbox-wrap .k-checkbox");
|
|
76
|
+
o && o.focus ? o.focus() : t.focus(), E(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = I(t)), l && E(l) && l.setAttribute("tabIndex", "-1");
|
|
75
77
|
}
|
|
76
|
-
}, M = (e) => e.current ? e.current.idPrefix : "", X = (e, t, r, n,
|
|
78
|
+
}, M = (e) => e.current ? e.current.idPrefix : "", X = (e, t, r, n, l) => {
|
|
77
79
|
if (!r)
|
|
78
80
|
return [];
|
|
79
|
-
let
|
|
80
|
-
for (;
|
|
81
|
-
const s = n[
|
|
81
|
+
let o = e + (l ? -1 : 1);
|
|
82
|
+
for (; o >= 0 && o < n.length; ) {
|
|
83
|
+
const s = n[o][t];
|
|
82
84
|
if (s !== r)
|
|
83
|
-
return [s, [
|
|
84
|
-
|
|
85
|
+
return [s, [o, t]];
|
|
86
|
+
o = o + (l ? -1 : 1);
|
|
85
87
|
}
|
|
86
88
|
return [];
|
|
87
|
-
}, d = (e, t, r, n,
|
|
89
|
+
}, d = (e, t, r, n, l) => {
|
|
88
90
|
if (!r)
|
|
89
91
|
return [];
|
|
90
|
-
let
|
|
91
|
-
for (;
|
|
92
|
-
const s = n[e][
|
|
92
|
+
let o = t + (l ? -1 : 1);
|
|
93
|
+
for (; o >= 0 && n[e] && o < n[e].length; ) {
|
|
94
|
+
const s = n[e][o];
|
|
93
95
|
if (s !== r)
|
|
94
|
-
return [s, [e,
|
|
95
|
-
|
|
96
|
+
return [s, [e, o]];
|
|
97
|
+
o = o + (l ? -1 : 1);
|
|
96
98
|
}
|
|
97
99
|
return [];
|
|
98
100
|
}, A = (e, t) => {
|
|
@@ -111,13 +113,13 @@ const K = async (e) => {
|
|
|
111
113
|
return n;
|
|
112
114
|
}, z = (e, t, r, n) => {
|
|
113
115
|
var v;
|
|
114
|
-
let
|
|
115
|
-
const [
|
|
116
|
-
let
|
|
117
|
-
const
|
|
118
|
-
return
|
|
119
|
-
prevCell:
|
|
120
|
-
elementToFocus:
|
|
116
|
+
let l;
|
|
117
|
+
const [o, s] = e;
|
|
118
|
+
let c;
|
|
119
|
+
const i = 0, u = t.length;
|
|
120
|
+
return c = C(i, t, s), c ? l = d(o, c.ariaColumnIndex, r, n, !0) : (c = C(i, t, u), l = d(o - 1, c.ariaColumnIndex, r, n, !0)), {
|
|
121
|
+
prevCell: l && l[0] && a(l[0]),
|
|
122
|
+
elementToFocus: l && l[0] && ((v = a(l[0])) == null ? void 0 : v.getAttribute("role"))
|
|
121
123
|
};
|
|
122
124
|
}, N = (e, t, r) => {
|
|
123
125
|
let n;
|
|
@@ -127,36 +129,37 @@ const K = async (e) => {
|
|
|
127
129
|
while (r + e - 1 < t.length);
|
|
128
130
|
return n;
|
|
129
131
|
}, G = (e, t, r, n) => {
|
|
130
|
-
var
|
|
131
|
-
let
|
|
132
|
+
var o;
|
|
133
|
+
let l;
|
|
132
134
|
if (e) {
|
|
133
|
-
const [s,
|
|
134
|
-
let
|
|
135
|
-
|
|
135
|
+
const [s, c] = e;
|
|
136
|
+
let i, u = 0;
|
|
137
|
+
i = N(u, t, c), i ? l = d(s, i.ariaColumnIndex, r, n, !0) : (u = -1, i = N(u, t, 0), l = d(s + 1, i.ariaColumnIndex, r, n, !0));
|
|
136
138
|
}
|
|
137
139
|
return {
|
|
138
|
-
nextCell:
|
|
139
|
-
elementToFocus:
|
|
140
|
+
nextCell: l && l[0] && a(l[0]),
|
|
141
|
+
elementToFocus: l && l[0] && ((o = a(l[0])) == null ? void 0 : o.getAttribute("role"))
|
|
140
142
|
};
|
|
141
|
-
}, J = (e) => e.current ? e.current.navigationMatrix.length : 0, Q = (e) => e.flat().find((t) => t.endsWith("cell")), se = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), ce = (e, t) => e[t][0], ie = (e, t) => Array.from(e[t]).reverse()[0], Z = (e) => e ? `${e}${T}` : "",
|
|
143
|
+
}, J = (e) => e.current ? e.current.navigationMatrix.length : 0, Q = (e) => e.flat().find((t) => t.endsWith("cell")), se = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), ce = (e, t) => e[t][0], ie = (e, t) => Array.from(e[t]).reverse()[0], Z = (e) => e ? `${e}${T}` : "", ue = (e, t, r) => {
|
|
144
|
+
var l;
|
|
142
145
|
let n;
|
|
143
|
-
if (e.current &&
|
|
144
|
-
const [o,
|
|
145
|
-
|
|
146
|
+
if ((l = e.current) != null && l.prevNavigationIndexes) {
|
|
147
|
+
const [o, s] = e.current.prevNavigationIndexes, c = t[o];
|
|
148
|
+
c && c[s] === r ? n = e.current.prevNavigationIndexes : n = A(t, r);
|
|
146
149
|
} else
|
|
147
150
|
n = A(t, r);
|
|
148
151
|
return n;
|
|
149
152
|
}, ee = (e) => {
|
|
150
153
|
var t;
|
|
151
|
-
return ((t =
|
|
152
|
-
},
|
|
154
|
+
return ((t = _(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
|
|
155
|
+
}, ae = {
|
|
153
156
|
generateNavigatableId: $,
|
|
154
157
|
getNavigatableId: I,
|
|
155
158
|
getNavigatableLevel: k,
|
|
156
159
|
getNavigatableElement: F,
|
|
157
|
-
getClosestNavigatableElement:
|
|
158
|
-
getActiveNavDataElement:
|
|
159
|
-
getClosestScope:
|
|
160
|
+
getClosestNavigatableElement: _,
|
|
161
|
+
getActiveNavDataElement: m,
|
|
162
|
+
getClosestScope: L,
|
|
160
163
|
getHeaderElement: Y,
|
|
161
164
|
getBodyElement: P,
|
|
162
165
|
getFocusableElements: j,
|
|
@@ -171,13 +174,13 @@ const K = async (e) => {
|
|
|
171
174
|
getNextNavigationIndex: J,
|
|
172
175
|
getFilterColumnId: Z,
|
|
173
176
|
focusFirstDataElement: U,
|
|
174
|
-
getClosestCancelButton:
|
|
177
|
+
getClosestCancelButton: R,
|
|
175
178
|
getClosestEditButton: K,
|
|
176
179
|
getRowAriaRowIndex: O,
|
|
177
180
|
getRemoveButtonByAriaRowIndex: q,
|
|
178
|
-
getTableCellByKeyboardNavId:
|
|
181
|
+
getTableCellByKeyboardNavId: a,
|
|
179
182
|
getParentCell: V,
|
|
180
|
-
waitForElementToBeVisible:
|
|
183
|
+
waitForElementToBeVisible: p,
|
|
181
184
|
getNextEditableCell: G,
|
|
182
185
|
getPrevEditableCell: z,
|
|
183
186
|
getClosestCellNavId: ee
|
|
@@ -189,16 +192,16 @@ export {
|
|
|
189
192
|
X as findNextIdByRowIndex,
|
|
190
193
|
x as focusElement,
|
|
191
194
|
U as focusFirstDataElement,
|
|
192
|
-
|
|
195
|
+
oe as focusFirstEditor,
|
|
193
196
|
$ as generateNavigatableId,
|
|
194
|
-
|
|
197
|
+
m as getActiveNavDataElement,
|
|
195
198
|
P as getBodyElement,
|
|
196
|
-
|
|
199
|
+
R as getClosestCancelButton,
|
|
197
200
|
ee as getClosestCellNavId,
|
|
198
201
|
K as getClosestEditButton,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
+
_ as getClosestNavigatableElement,
|
|
203
|
+
L as getClosestScope,
|
|
204
|
+
ue as getCurrentIdIndexes,
|
|
202
205
|
Z as getFilterColumnId,
|
|
203
206
|
Q as getFirstDataCell,
|
|
204
207
|
ce as getFirstRowDataCell,
|
|
@@ -213,12 +216,12 @@ export {
|
|
|
213
216
|
k as getNavigatableLevel,
|
|
214
217
|
G as getNextEditableCell,
|
|
215
218
|
J as getNextNavigationIndex,
|
|
216
|
-
|
|
219
|
+
le as getNoRecordsElement,
|
|
217
220
|
V as getParentCell,
|
|
218
221
|
z as getPrevEditableCell,
|
|
219
222
|
q as getRemoveButtonByAriaRowIndex,
|
|
220
223
|
O as getRowAriaRowIndex,
|
|
221
|
-
|
|
224
|
+
a as getTableCellByKeyboardNavId,
|
|
222
225
|
E as isNavigatable,
|
|
223
|
-
|
|
226
|
+
ae as tableKeyboardNavigationTools
|
|
224
227
|
};
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1750683120,version:"11.2.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "11.2.0-develop.
|
|
13
|
+
publishDate: 1750683120,
|
|
14
|
+
version: "11.2.0-develop.4",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-data-tools",
|
|
3
|
-
"version": "11.2.0-develop.
|
|
3
|
+
"version": "11.2.0-develop.4",
|
|
4
4
|
"description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"@progress/kendo-data-query": "^1.0.0",
|
|
29
29
|
"@progress/kendo-drawing": "^1.21.2",
|
|
30
30
|
"@progress/kendo-licensing": "^1.6.0",
|
|
31
|
-
"@progress/kendo-react-animation": "11.2.0-develop.
|
|
32
|
-
"@progress/kendo-react-buttons": "11.2.0-develop.
|
|
33
|
-
"@progress/kendo-react-common": "11.2.0-develop.
|
|
34
|
-
"@progress/kendo-react-dateinputs": "11.2.0-develop.
|
|
35
|
-
"@progress/kendo-react-dropdowns": "11.2.0-develop.
|
|
36
|
-
"@progress/kendo-react-inputs": "11.2.0-develop.
|
|
37
|
-
"@progress/kendo-react-intl": "11.2.0-develop.
|
|
38
|
-
"@progress/kendo-react-popup": "11.2.0-develop.
|
|
31
|
+
"@progress/kendo-react-animation": "11.2.0-develop.4",
|
|
32
|
+
"@progress/kendo-react-buttons": "11.2.0-develop.4",
|
|
33
|
+
"@progress/kendo-react-common": "11.2.0-develop.4",
|
|
34
|
+
"@progress/kendo-react-dateinputs": "11.2.0-develop.4",
|
|
35
|
+
"@progress/kendo-react-dropdowns": "11.2.0-develop.4",
|
|
36
|
+
"@progress/kendo-react-inputs": "11.2.0-develop.4",
|
|
37
|
+
"@progress/kendo-react-intl": "11.2.0-develop.4",
|
|
38
|
+
"@progress/kendo-react-popup": "11.2.0-develop.4",
|
|
39
39
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
40
40
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
41
41
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"package": {
|
|
66
66
|
"productName": "KendoReact",
|
|
67
67
|
"productCode": "KENDOUIREACT",
|
|
68
|
-
"publishDate":
|
|
68
|
+
"publishDate": 1750683120,
|
|
69
69
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
70
70
|
}
|
|
71
71
|
},
|