@progress/kendo-react-data-tools 5.4.0-dev.202205250548 → 5.4.0-dev.202205271059
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-data-tools.js +1 -1
- package/dist/es/columnmenu/ColumnMenu.js +12 -5
- package/dist/es/columnmenu/ColumnMenuFilterLogic.js +1 -1
- package/dist/es/columnmenu/ColumnMenuFilters.js +4 -4
- package/dist/es/columnmenu/ColumnMenuOperators.d.ts +4 -4
- package/dist/es/columnmenu/ColumnMenuOperators.js +13 -8
- package/dist/es/drag/ColumnDraggable.js +3 -1
- package/dist/es/drag/ColumnResizer.js +3 -1
- package/dist/es/drag/CommonDragLogic.d.ts +5 -5
- package/dist/es/drag/DragClue.d.ts +1 -1
- package/dist/es/drag/DragClue.js +4 -2
- package/dist/es/drag/DropClue.js +3 -1
- package/dist/es/filter/Expression.js +11 -7
- package/dist/es/filter/FieldSettings.js +1 -0
- package/dist/es/filter/Filter.js +5 -3
- package/dist/es/filter/Group.js +13 -6
- package/dist/es/filter/filters/BooleanFilter.js +3 -1
- package/dist/es/filter/filters/DateFilter.js +4 -2
- package/dist/es/filter/filters/EnumFilter.js +5 -3
- package/dist/es/filter/filters/NumericFilter.js +4 -2
- package/dist/es/filter/filters/TextFilter.js +4 -2
- package/dist/es/filter/index.js +1 -0
- package/dist/es/filter/operators.d.ts +4 -4
- package/dist/es/filter/operators.js +13 -8
- package/dist/es/filteringCells/BooleanFilter.js +9 -2
- package/dist/es/filteringCells/DateFilter.js +3 -1
- package/dist/es/filteringCells/FilterCellProps.js +1 -0
- package/dist/es/filteringCells/FilterComponent.js +11 -4
- package/dist/es/filteringCells/FilterComponentProps.js +1 -0
- package/dist/es/filteringCells/FilterOperator.js +1 -0
- package/dist/es/filteringCells/NumericFilter.js +3 -1
- package/dist/es/filteringCells/TextFilter.js +3 -1
- package/dist/es/filteringCells/index.js +3 -0
- package/dist/es/header/CellProps.js +1 -0
- package/dist/es/header/Header.js +3 -1
- package/dist/es/header/HeaderRow.d.ts +1 -1
- package/dist/es/header/HeaderRow.js +3 -1
- package/dist/es/header/HeaderThElement.d.ts +1 -1
- package/dist/es/header/SortSettings.d.ts +1 -38
- package/dist/es/header/SortSettings.js +6 -1
- package/dist/es/header/index.js +1 -0
- package/dist/es/main.js +4 -0
- package/dist/es/messages/index.d.ts +62 -62
- package/dist/es/navigation/TableKeyboardNavigation.d.ts +1 -1
- package/dist/es/navigation/TableKeyboardNavigation.js +6 -1
- package/dist/es/navigation/TableKeyboardNavigationContextType.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigationStateType.js +1 -0
- package/dist/es/navigation/constants.d.ts +3 -3
- package/dist/es/navigation/constants.js +7 -2
- package/dist/es/navigation/hooks.d.ts +2 -3
- package/dist/es/navigation/utils.d.ts +16 -16
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.d.ts +2 -2
- package/dist/es/pager/Pager.js +5 -3
- package/dist/es/pager/PagerInput.js +3 -1
- package/dist/es/pager/PagerNumericButtons.d.ts +2 -2
- package/dist/es/pager/PagerNumericButtons.js +5 -3
- package/dist/es/pager/PagerPageSizes.js +3 -1
- package/dist/es/selection/TableSelectableSettings.js +1 -0
- package/dist/es/selection/TableSelection.js +1 -1
- package/dist/es/selection/events.js +1 -0
- package/dist/es/selection/utils.d.ts +2 -2
- package/dist/es/selection/utils.js +17 -5
- package/dist/es/utils/data-operations.js +9 -4
- package/dist/es/utils/group-operations.d.ts +1 -1
- package/dist/es/virtualization/columns.js +6 -1
- package/dist/npm/columnmenu/ColumnMenu.js +21 -9
- package/dist/npm/columnmenu/ColumnMenuFilterForm.js +5 -2
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.js +4 -2
- package/dist/npm/columnmenu/ColumnMenuFilters.js +13 -8
- package/dist/npm/columnmenu/ColumnMenuItem.js +3 -1
- package/dist/npm/columnmenu/ColumnMenuOperators.d.ts +4 -4
- package/dist/npm/columnmenu/ColumnMenuOperators.js +14 -8
- package/dist/npm/columnmenu/index.js +16 -9
- package/dist/npm/drag/ColumnDraggable.js +4 -1
- package/dist/npm/drag/ColumnResize.js +1 -0
- package/dist/npm/drag/ColumnResizer.js +4 -1
- package/dist/npm/drag/CommonDragLogic.d.ts +5 -5
- package/dist/npm/drag/CommonDragLogic.js +1 -0
- package/dist/npm/drag/DragClue.d.ts +1 -1
- package/dist/npm/drag/DragClue.js +5 -2
- package/dist/npm/drag/DropClue.js +4 -1
- package/dist/npm/filter/Expression.js +12 -7
- package/dist/npm/filter/Filter.js +6 -3
- package/dist/npm/filter/Group.js +14 -6
- package/dist/npm/filter/filters/BooleanFilter.js +4 -1
- package/dist/npm/filter/filters/DateFilter.js +5 -2
- package/dist/npm/filter/filters/EnumFilter.js +6 -3
- package/dist/npm/filter/filters/NumericFilter.js +5 -2
- package/dist/npm/filter/filters/TextFilter.js +5 -2
- package/dist/npm/filter/filters/index.js +15 -8
- package/dist/npm/filter/index.js +16 -8
- package/dist/npm/filter/operators.d.ts +4 -4
- package/dist/npm/filter/operators.js +18 -10
- package/dist/npm/filteringCells/BooleanFilter.js +10 -2
- package/dist/npm/filteringCells/DateFilter.js +4 -1
- package/dist/npm/filteringCells/FilterComponent.js +14 -5
- package/dist/npm/filteringCells/NumericFilter.js +4 -1
- package/dist/npm/filteringCells/TextFilter.js +4 -1
- package/dist/npm/filteringCells/index.js +18 -8
- package/dist/npm/header/ColumnProps.js +1 -0
- package/dist/npm/header/FilterRow.js +3 -1
- package/dist/npm/header/Header.js +4 -1
- package/dist/npm/header/HeaderCell.js +1 -0
- package/dist/npm/header/HeaderRow.d.ts +1 -1
- package/dist/npm/header/HeaderRow.js +4 -1
- package/dist/npm/header/HeaderSelectionCell.js +1 -0
- package/dist/npm/header/HeaderThElement.d.ts +1 -1
- package/dist/npm/header/HeaderThElement.js +3 -1
- package/dist/npm/header/SortSettings.d.ts +1 -38
- package/dist/npm/header/SortSettings.js +9 -2
- package/dist/npm/header/index.js +20 -12
- package/dist/npm/header/utils/index.js +1 -0
- package/dist/npm/main.js +36 -24
- package/dist/npm/messages/index.d.ts +62 -62
- package/dist/npm/messages/index.js +3 -1
- package/dist/npm/navigation/TableKeyboardNavigation.d.ts +1 -1
- package/dist/npm/navigation/TableKeyboardNavigation.js +7 -1
- package/dist/npm/navigation/TableKeyboardNavigationContext.js +1 -0
- package/dist/npm/navigation/constants.d.ts +3 -3
- package/dist/npm/navigation/constants.js +9 -3
- package/dist/npm/navigation/hooks.d.ts +2 -3
- package/dist/npm/navigation/hooks.js +3 -1
- package/dist/npm/navigation/utils.d.ts +16 -16
- package/dist/npm/navigation/utils.js +41 -20
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/pager/Pager.d.ts +2 -2
- package/dist/npm/pager/Pager.js +6 -3
- package/dist/npm/pager/PagerInput.js +4 -1
- package/dist/npm/pager/PagerNumericButtons.d.ts +2 -2
- package/dist/npm/pager/PagerNumericButtons.js +6 -3
- package/dist/npm/pager/PagerPageSizes.js +4 -1
- package/dist/npm/selection/TableSelection.js +4 -2
- package/dist/npm/selection/constants.js +1 -0
- package/dist/npm/selection/utils.d.ts +2 -2
- package/dist/npm/selection/utils.js +36 -14
- package/dist/npm/utils/data-operations.js +10 -4
- package/dist/npm/utils/group-operations.d.ts +1 -1
- package/dist/npm/utils/group-operations.js +7 -3
- package/dist/npm/virtualization/columns.js +7 -1
- package/dist/npm/virtualization/index.js +11 -4
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
package/dist/npm/main.js
CHANGED
|
@@ -1,33 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
5
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.tableKeyboardNavigationTools = exports.tableKeyboardNavigationScopeAttributes = exports.DropClue = exports.DragClue = exports.CommonDragLogic = exports.ColumnResize = exports.Pager = void 0;
|
|
6
14
|
var Pager_1 = require("./pager/Pager");
|
|
7
|
-
exports
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
15
|
+
Object.defineProperty(exports, "Pager", { enumerable: true, get: function () { return Pager_1.Pager; } });
|
|
16
|
+
__exportStar(require("./filteringCells"), exports);
|
|
17
|
+
__exportStar(require("./header"), exports);
|
|
18
|
+
__exportStar(require("./virtualization"), exports);
|
|
11
19
|
var ColumnResize_1 = require("./drag/ColumnResize");
|
|
12
|
-
exports
|
|
20
|
+
Object.defineProperty(exports, "ColumnResize", { enumerable: true, get: function () { return ColumnResize_1.ColumnResize; } });
|
|
13
21
|
var CommonDragLogic_1 = require("./drag/CommonDragLogic");
|
|
14
|
-
exports
|
|
22
|
+
Object.defineProperty(exports, "CommonDragLogic", { enumerable: true, get: function () { return CommonDragLogic_1.CommonDragLogic; } });
|
|
15
23
|
var DragClue_1 = require("./drag/DragClue");
|
|
16
|
-
exports
|
|
24
|
+
Object.defineProperty(exports, "DragClue", { enumerable: true, get: function () { return DragClue_1.DragClue; } });
|
|
17
25
|
var DropClue_1 = require("./drag/DropClue");
|
|
18
|
-
exports
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
Object.defineProperty(exports, "DropClue", { enumerable: true, get: function () { return DropClue_1.DropClue; } });
|
|
27
|
+
__exportStar(require("./filter"), exports);
|
|
28
|
+
__exportStar(require("./columnmenu"), exports);
|
|
29
|
+
__exportStar(require("./utils/data-operations"), exports);
|
|
30
|
+
__exportStar(require("./utils/group-operations"), exports);
|
|
31
|
+
__exportStar(require("./navigation/hooks"), exports);
|
|
32
|
+
__exportStar(require("./navigation/constants"), exports);
|
|
33
|
+
__exportStar(require("./navigation/TableKeyboardNavigation"), exports);
|
|
34
|
+
__exportStar(require("./navigation/TableKeyboardNavigationContext"), exports);
|
|
35
|
+
__exportStar(require("./navigation/TableKeyboardNavigationContextType"), exports);
|
|
36
|
+
__exportStar(require("./navigation/TableKeyboardNavigationStateType"), exports);
|
|
27
37
|
var constants_1 = require("./navigation/constants");
|
|
28
|
-
exports
|
|
38
|
+
Object.defineProperty(exports, "tableKeyboardNavigationScopeAttributes", { enumerable: true, get: function () { return constants_1.tableKeyboardNavigationScopeAttributes; } });
|
|
29
39
|
var utils_1 = require("./navigation/utils");
|
|
30
|
-
exports
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
40
|
+
Object.defineProperty(exports, "tableKeyboardNavigationTools", { enumerable: true, get: function () { return utils_1.tableKeyboardNavigationTools; } });
|
|
41
|
+
__exportStar(require("./selection/TableSelection"), exports);
|
|
42
|
+
__exportStar(require("./selection/TableSelectableSettings"), exports);
|
|
43
|
+
__exportStar(require("./selection/events"), exports);
|
|
44
|
+
__exportStar(require("./selection/constants"), exports);
|
|
45
|
+
__exportStar(require("./selection/utils"), exports);
|
|
@@ -250,66 +250,66 @@ export declare const filterAriaLabel = "filter.ariaLabel";
|
|
|
250
250
|
* @hidden
|
|
251
251
|
*/
|
|
252
252
|
export declare const messages: {
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
253
|
+
"pager.itemsPerPage": string;
|
|
254
|
+
"pager.info": string;
|
|
255
|
+
"pager.firstPage": string;
|
|
256
|
+
"pager.previousPage": string;
|
|
257
|
+
"pager.nextPage": string;
|
|
258
|
+
"pager.lastPage": string;
|
|
259
|
+
"pager.page": string;
|
|
260
|
+
"pager.of": string;
|
|
261
|
+
"pager.totalPages": string;
|
|
262
|
+
"sort.ariaLabel": string;
|
|
263
|
+
"filter.ariaLabel": string;
|
|
264
|
+
"filter.eqOperator": string;
|
|
265
|
+
"filter.notEqOperator": string;
|
|
266
|
+
"filter.isNullOperator": string;
|
|
267
|
+
"filter.isNotNullOperator": string;
|
|
268
|
+
"filter.isEmptyOperator": string;
|
|
269
|
+
"filter.isNotEmptyOperator": string;
|
|
270
|
+
"filter.startsWithOperator": string;
|
|
271
|
+
"filter.containsOperator": string;
|
|
272
|
+
"filter.notContainsOperator": string;
|
|
273
|
+
"filter.endsWithOperator": string;
|
|
274
|
+
"filter.gteOperator": string;
|
|
275
|
+
"filter.gtOperator": string;
|
|
276
|
+
"filter.lteOperator": string;
|
|
277
|
+
"filter.ltOperator": string;
|
|
278
|
+
"filter.isTrue": string;
|
|
279
|
+
"filter.isFalse": string;
|
|
280
|
+
"filter.afterOrEqualOperator": string;
|
|
281
|
+
"filter.afterOperator": string;
|
|
282
|
+
"filter.beforeOperator": string;
|
|
283
|
+
"filter.beforeOrEqualOperator": string;
|
|
284
|
+
"filter.andLogic": string;
|
|
285
|
+
"filter.orLogic": string;
|
|
286
|
+
"filter.addExpression": string;
|
|
287
|
+
"filter.addGroup": string;
|
|
288
|
+
"filter.close": string;
|
|
289
|
+
"columnMenu.filterClearButton": string;
|
|
290
|
+
"columnMenu.filterSubmitButton": string;
|
|
291
|
+
"columnMenu.filterTitle": string;
|
|
292
|
+
"columnMenu.sortAscending": string;
|
|
293
|
+
"columnMenu.sortDescending": string;
|
|
294
|
+
"columnMenu.filterEqOperator": string;
|
|
295
|
+
"columnMenu.filterNotEqOperator": string;
|
|
296
|
+
"columnMenu.filterIsNullOperator": string;
|
|
297
|
+
"columnMenu.filterIsNotNullOperator": string;
|
|
298
|
+
"columnMenu.filterIsEmptyOperator": string;
|
|
299
|
+
"columnMenu.filterIsNotEmptyOperator": string;
|
|
300
|
+
"columnMenu.filterStartsWithOperator": string;
|
|
301
|
+
"columnMenu.filterContainsOperator": string;
|
|
302
|
+
"columnMenu.filterNotContainsOperator": string;
|
|
303
|
+
"columnMenu.filterEndsWithOperator": string;
|
|
304
|
+
"columnMenu.filterGteOperator": string;
|
|
305
|
+
"columnMenu.filterGtOperator": string;
|
|
306
|
+
"columnMenu.filterLteOperator": string;
|
|
307
|
+
"columnMenu.filterLtOperator": string;
|
|
308
|
+
"columnMenu.filterIsTrue": string;
|
|
309
|
+
"columnMenu.filterAfterOrEqualOperator": string;
|
|
310
|
+
"columnMenu.filterAfterOperator": string;
|
|
311
|
+
"columnMenu.filterBeforeOperator": string;
|
|
312
|
+
"columnMenu.filterBeforeOrEqualOperator": string;
|
|
313
|
+
"columnMenu.filterAndLogic": string;
|
|
314
|
+
"columnMenu.filterOrLogic": string;
|
|
315
315
|
};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
2
|
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
|
|
5
|
+
exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = void 0;
|
|
4
6
|
/**
|
|
5
7
|
* @hidden
|
|
6
8
|
*/
|
|
@@ -6,7 +6,7 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const tableKeyboardNavigation: {
|
|
8
8
|
onConstructor: (options: {
|
|
9
|
-
navigatable: boolean;
|
|
9
|
+
navigatable: boolean | undefined;
|
|
10
10
|
contextStateRef: {
|
|
11
11
|
current?: TableKeyboardNavigationContextType;
|
|
12
12
|
};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
4
|
+
to[j] = from[i];
|
|
5
|
+
return to;
|
|
6
|
+
};
|
|
2
7
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
+
exports.tableKeyboardNavigation = void 0;
|
|
3
9
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
4
10
|
var utils_1 = require("./utils");
|
|
5
11
|
/**
|
|
@@ -193,7 +199,7 @@ var generateMatrix = function (options) {
|
|
|
193
199
|
}
|
|
194
200
|
var headerRows = Array.from(thead.children);
|
|
195
201
|
var bodyRows = Array.from(tbody.children);
|
|
196
|
-
headerRows
|
|
202
|
+
__spreadArray(__spreadArray([], headerRows), bodyRows).forEach(function (row, rowIndex) {
|
|
197
203
|
Array.from(row.children).forEach(function (cell) {
|
|
198
204
|
var cellId = utils_1.getNavigatableId(cell);
|
|
199
205
|
if (!cellId) {
|
|
@@ -38,17 +38,17 @@ export declare const TABBABLE_ELEMENTS: string[];
|
|
|
38
38
|
* @hidden
|
|
39
39
|
*/
|
|
40
40
|
export declare const tableKeyboardNavigationScopeAttributes: {
|
|
41
|
-
|
|
41
|
+
"data-keyboardnavscope": boolean;
|
|
42
42
|
};
|
|
43
43
|
/**
|
|
44
44
|
* @hidden
|
|
45
45
|
*/
|
|
46
46
|
export declare const tableKeyboardNavigationHeaderAttributes: {
|
|
47
|
-
|
|
47
|
+
"data-keyboardnavheader": boolean;
|
|
48
48
|
};
|
|
49
49
|
/**
|
|
50
50
|
* @hidden
|
|
51
51
|
*/
|
|
52
52
|
export declare const tableKeyboardNavigationBodyAttributes: {
|
|
53
|
-
|
|
53
|
+
"data-keyboardnavbody": boolean;
|
|
54
54
|
};
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
4
|
+
to[j] = from[i];
|
|
5
|
+
return to;
|
|
6
|
+
};
|
|
3
7
|
var _a, _b, _c;
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.tableKeyboardNavigationBodyAttributes = exports.tableKeyboardNavigationHeaderAttributes = exports.tableKeyboardNavigationScopeAttributes = exports.TABBABLE_ELEMENTS = exports.FOCUSABLE_ELEMENTS = exports.KEYBOARD_NAV_FILTER_COL_SUFFIX = exports.KEYBOARD_NAV_DATA_ZONE = exports.KEYBOARD_NAV_DATA_ID = exports.KEYBOARD_NAV_DATA_BODY = exports.KEYBOARD_NAV_DATA_HEADER = exports.KEYBOARD_NAV_DATA_SCOPE = exports.KEYBOARD_NAV_DATA_LEVEL = void 0;
|
|
4
10
|
/**
|
|
5
11
|
* @hidden
|
|
6
12
|
*/
|
|
@@ -47,11 +53,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
|
|
|
47
53
|
/**
|
|
48
54
|
* @hidden
|
|
49
55
|
*/
|
|
50
|
-
exports.FOCUSABLE_ELEMENTS =
|
|
56
|
+
exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[tabindex]']);
|
|
51
57
|
/**
|
|
52
58
|
* @hidden
|
|
53
59
|
*/
|
|
54
|
-
exports.TABBABLE_ELEMENTS =
|
|
60
|
+
exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
|
|
55
61
|
/**
|
|
56
62
|
* @hidden
|
|
57
63
|
*/
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from './constants';
|
|
2
1
|
/**
|
|
3
2
|
* @hidden
|
|
4
3
|
*/
|
|
@@ -8,6 +7,6 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
|
|
|
8
7
|
"data-keyboardnavid"?: undefined;
|
|
9
8
|
} | {
|
|
10
9
|
tabIndex: number;
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
"data-keyboardnavlevel": number;
|
|
11
|
+
"data-keyboardnavid": string;
|
|
13
12
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTableKeyboardNavigation = void 0;
|
|
3
4
|
var React = require("react");
|
|
4
5
|
var constants_1 = require("./constants");
|
|
5
6
|
var TableKeyboardNavigationContext_1 = require("./TableKeyboardNavigationContext");
|
|
6
7
|
/**
|
|
7
8
|
* @hidden
|
|
8
9
|
*/
|
|
9
|
-
|
|
10
|
+
var useTableKeyboardNavigation = function (elementId, navigatable) {
|
|
10
11
|
var _a;
|
|
11
12
|
var navigationContext = React.useContext(TableKeyboardNavigationContext_1.TableKeyboardNavigationContext);
|
|
12
13
|
if (!navigationContext || !elementId || navigatable === false) {
|
|
@@ -19,3 +20,4 @@ exports.useTableKeyboardNavigation = function (elementId, navigatable) {
|
|
|
19
20
|
_a[constants_1.KEYBOARD_NAV_DATA_ID] = elementId,
|
|
20
21
|
_a;
|
|
21
22
|
};
|
|
23
|
+
exports.useTableKeyboardNavigation = useTableKeyboardNavigation;
|
|
@@ -3,19 +3,19 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
|
|
|
3
3
|
/**
|
|
4
4
|
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?:
|
|
6
|
+
export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export declare const getNavigatableLevel: (element: Element) => number;
|
|
10
|
+
export declare const getNavigatableLevel: (element: Element | null) => number;
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
|
-
export declare const getNavigatableId: (element: Element) => string;
|
|
14
|
+
export declare const getNavigatableId: (element: Element | null) => string;
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
18
|
-
export declare const isNavigatable: (element: Element) => boolean;
|
|
18
|
+
export declare const isNavigatable: (element: Element | null) => boolean;
|
|
19
19
|
/**
|
|
20
20
|
* @hidden
|
|
21
21
|
*/
|
|
@@ -51,7 +51,7 @@ export declare const getFocusableElements: (scope: HTMLElement, options?: {
|
|
|
51
51
|
/**
|
|
52
52
|
* @hidden
|
|
53
53
|
*/
|
|
54
|
-
export declare const getNavigatableElements: (scope: HTMLElement, options?: {
|
|
54
|
+
export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
|
|
55
55
|
level: number;
|
|
56
56
|
}) => any[];
|
|
57
57
|
/**
|
|
@@ -80,15 +80,15 @@ export declare const getIdPrefix: (navigationStateRef: {
|
|
|
80
80
|
/**
|
|
81
81
|
* @hidden
|
|
82
82
|
*/
|
|
83
|
-
export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
83
|
+
export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
84
84
|
/**
|
|
85
85
|
* @hidden
|
|
86
86
|
*/
|
|
87
|
-
export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
87
|
+
export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
88
88
|
/**
|
|
89
89
|
* @hidden
|
|
90
90
|
*/
|
|
91
|
-
export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[];
|
|
91
|
+
export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
|
|
92
92
|
/**
|
|
93
93
|
* @hidden
|
|
94
94
|
*/
|
|
@@ -103,9 +103,9 @@ export declare const getFilterColumnId: (columnId: string) => string;
|
|
|
103
103
|
* @hidden
|
|
104
104
|
*/
|
|
105
105
|
export declare const tableKeyboardNavigationTools: {
|
|
106
|
-
generateNavigatableId: (navigationId: string, idPrefix: string, type?:
|
|
107
|
-
getNavigatableId: (element: Element) => string;
|
|
108
|
-
getNavigatableLevel: (element: Element) => number;
|
|
106
|
+
generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
|
|
107
|
+
getNavigatableId: (element: Element | null) => string;
|
|
108
|
+
getNavigatableLevel: (element: Element | null) => number;
|
|
109
109
|
getNavigatableElement: (scope: HTMLElement, options?: {
|
|
110
110
|
level: number;
|
|
111
111
|
}) => HTMLElement;
|
|
@@ -117,7 +117,7 @@ export declare const tableKeyboardNavigationTools: {
|
|
|
117
117
|
getFocusableElements: (scope: HTMLElement, options?: {
|
|
118
118
|
focusable: boolean;
|
|
119
119
|
}) => Element[];
|
|
120
|
-
getNavigatableElements: (scope: HTMLElement, options?: {
|
|
120
|
+
getNavigatableElements: (scope: HTMLElement | null, options?: {
|
|
121
121
|
level: number;
|
|
122
122
|
}) => any[];
|
|
123
123
|
filterNavigatableElements: (options?: {
|
|
@@ -134,10 +134,10 @@ export declare const tableKeyboardNavigationTools: {
|
|
|
134
134
|
getIdPrefix: (navigationStateRef: {
|
|
135
135
|
current?: TableKeyboardNavigationStateType;
|
|
136
136
|
}) => string;
|
|
137
|
-
isNavigatable: (element: Element) => boolean;
|
|
138
|
-
findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
139
|
-
findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
140
|
-
findId: (navigationMatrix: string[][], cellId?: string) => number[];
|
|
137
|
+
isNavigatable: (element: Element | null) => boolean;
|
|
138
|
+
findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
139
|
+
findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
|
|
140
|
+
findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
|
|
141
141
|
getNextNavigationIndex: (navigationStateRef: {
|
|
142
142
|
current?: TableKeyboardNavigationStateType;
|
|
143
143
|
}) => number;
|
|
@@ -1,93 +1,105 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.tableKeyboardNavigationTools = exports.getFilterColumnId = exports.getNextNavigationIndex = exports.findId = exports.findNextIdByCellIndex = exports.findNextIdByRowIndex = exports.getIdPrefix = exports.focusElement = exports.filterNavigatableElements = exports.getNavigatableElements = exports.getFocusableElements = exports.getBodyElement = exports.getHeaderElement = exports.getClosestScope = exports.getActiveElement = exports.getClosestNavigatableElement = exports.getNavigatableElement = exports.isNavigatable = exports.getNavigatableId = exports.getNavigatableLevel = exports.generateNavigatableId = void 0;
|
|
3
4
|
var constants_1 = require("./constants");
|
|
4
5
|
/**
|
|
5
6
|
* @hidden
|
|
6
7
|
*/
|
|
7
|
-
|
|
8
|
+
var generateNavigatableId = function (navigationId, idPrefix, type) {
|
|
8
9
|
if (type === void 0) { type = 'cell'; }
|
|
9
10
|
return idPrefix + "_" + navigationId + "_" + type;
|
|
10
11
|
};
|
|
12
|
+
exports.generateNavigatableId = generateNavigatableId;
|
|
11
13
|
/**
|
|
12
14
|
* @hidden
|
|
13
15
|
*/
|
|
14
|
-
|
|
16
|
+
var getNavigatableLevel = function (element) {
|
|
15
17
|
if (!element) {
|
|
16
18
|
return;
|
|
17
19
|
}
|
|
18
20
|
return parseInt(element.getAttribute(constants_1.KEYBOARD_NAV_DATA_LEVEL) || '', 10);
|
|
19
21
|
};
|
|
22
|
+
exports.getNavigatableLevel = getNavigatableLevel;
|
|
20
23
|
/**
|
|
21
24
|
* @hidden
|
|
22
25
|
*/
|
|
23
|
-
|
|
26
|
+
var getNavigatableId = function (element) {
|
|
24
27
|
if (!element) {
|
|
25
28
|
return;
|
|
26
29
|
}
|
|
27
30
|
var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
|
|
28
31
|
return dataId ? dataId : undefined;
|
|
29
32
|
};
|
|
33
|
+
exports.getNavigatableId = getNavigatableId;
|
|
30
34
|
/**
|
|
31
35
|
* @hidden
|
|
32
36
|
*/
|
|
33
|
-
|
|
37
|
+
var isNavigatable = function (element) {
|
|
34
38
|
if (!element) {
|
|
35
39
|
return false;
|
|
36
40
|
}
|
|
37
41
|
var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
|
|
38
42
|
return Boolean(dataId);
|
|
39
43
|
};
|
|
44
|
+
exports.isNavigatable = isNavigatable;
|
|
40
45
|
/**
|
|
41
46
|
* @hidden
|
|
42
47
|
*/
|
|
43
|
-
|
|
48
|
+
var getNavigatableElement = function (scope, options) {
|
|
44
49
|
if (options === void 0) { options = { level: 0 }; }
|
|
45
50
|
return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']");
|
|
46
51
|
};
|
|
52
|
+
exports.getNavigatableElement = getNavigatableElement;
|
|
47
53
|
/**
|
|
48
54
|
* @hidden
|
|
49
55
|
*/
|
|
50
|
-
|
|
56
|
+
var getClosestNavigatableElement = function (target) {
|
|
51
57
|
return (target.parentElement &&
|
|
52
58
|
target.parentElement.closest("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "]"));
|
|
53
59
|
};
|
|
60
|
+
exports.getClosestNavigatableElement = getClosestNavigatableElement;
|
|
54
61
|
/**
|
|
55
62
|
* @hidden
|
|
56
63
|
*/
|
|
57
|
-
|
|
64
|
+
var getActiveElement = function (scope, activeId) {
|
|
58
65
|
return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_ID + "='" + activeId + "']");
|
|
59
66
|
};
|
|
67
|
+
exports.getActiveElement = getActiveElement;
|
|
60
68
|
/**
|
|
61
69
|
* @hidden
|
|
62
70
|
*/
|
|
63
|
-
|
|
71
|
+
var getClosestScope = function (target) {
|
|
64
72
|
return (target.parentElement &&
|
|
65
73
|
target.parentElement.closest("[" + constants_1.KEYBOARD_NAV_DATA_SCOPE + "]"));
|
|
66
74
|
};
|
|
75
|
+
exports.getClosestScope = getClosestScope;
|
|
67
76
|
/**
|
|
68
77
|
* @hidden
|
|
69
78
|
*/
|
|
70
|
-
|
|
79
|
+
var getHeaderElement = function (scope) {
|
|
71
80
|
return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_HEADER + "]");
|
|
72
81
|
};
|
|
82
|
+
exports.getHeaderElement = getHeaderElement;
|
|
73
83
|
/**
|
|
74
84
|
* @hidden
|
|
75
85
|
*/
|
|
76
|
-
|
|
86
|
+
var getBodyElement = function (scope) {
|
|
77
87
|
return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_BODY + "]");
|
|
78
88
|
};
|
|
89
|
+
exports.getBodyElement = getBodyElement;
|
|
79
90
|
/**
|
|
80
91
|
* @hidden
|
|
81
92
|
*/
|
|
82
|
-
|
|
93
|
+
var getFocusableElements = function (scope, options) {
|
|
83
94
|
if (options === void 0) { options = { focusable: false }; }
|
|
84
95
|
var selectors = options.focusable ? constants_1.FOCUSABLE_ELEMENTS : constants_1.TABBABLE_ELEMENTS;
|
|
85
96
|
return Array.from(scope.querySelectorAll(selectors.join(',')));
|
|
86
97
|
};
|
|
98
|
+
exports.getFocusableElements = getFocusableElements;
|
|
87
99
|
/**
|
|
88
100
|
* @hidden
|
|
89
101
|
*/
|
|
90
|
-
|
|
102
|
+
var getNavigatableElements = function (scope, options) {
|
|
91
103
|
if (options === void 0) { options = { level: 0 }; }
|
|
92
104
|
if (!scope) {
|
|
93
105
|
return [];
|
|
@@ -95,18 +107,20 @@ exports.getNavigatableElements = function (scope, options) {
|
|
|
95
107
|
var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (el) { return el + ("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
|
|
96
108
|
return Array.from(scope.querySelectorAll(selector));
|
|
97
109
|
};
|
|
110
|
+
exports.getNavigatableElements = getNavigatableElements;
|
|
98
111
|
/**
|
|
99
112
|
* @hidden
|
|
100
113
|
*/
|
|
101
|
-
|
|
114
|
+
var filterNavigatableElements = function (options) {
|
|
102
115
|
if (options === void 0) { options = { level: 0 }; }
|
|
103
116
|
var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (sel) { return sel + ("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
|
|
104
117
|
return function (element) { return element.matches(selector); };
|
|
105
118
|
};
|
|
119
|
+
exports.filterNavigatableElements = filterNavigatableElements;
|
|
106
120
|
/**
|
|
107
121
|
* @hidden
|
|
108
122
|
*/
|
|
109
|
-
|
|
123
|
+
var focusElement = function (options) {
|
|
110
124
|
var elementForFocus = options.elementForFocus, event = options.event, contextStateRef = options.contextStateRef, prevElement = options.prevElement;
|
|
111
125
|
if (contextStateRef.current && elementForFocus && elementForFocus.focus) {
|
|
112
126
|
event.preventDefault();
|
|
@@ -120,16 +134,18 @@ exports.focusElement = function (options) {
|
|
|
120
134
|
}
|
|
121
135
|
}
|
|
122
136
|
};
|
|
137
|
+
exports.focusElement = focusElement;
|
|
123
138
|
/**
|
|
124
139
|
* @hidden
|
|
125
140
|
*/
|
|
126
|
-
|
|
141
|
+
var getIdPrefix = function (navigationStateRef) {
|
|
127
142
|
return navigationStateRef.current ? navigationStateRef.current.idPrefix : '';
|
|
128
143
|
};
|
|
144
|
+
exports.getIdPrefix = getIdPrefix;
|
|
129
145
|
/**
|
|
130
146
|
* @hidden
|
|
131
147
|
*/
|
|
132
|
-
|
|
148
|
+
var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
|
|
133
149
|
if (!elementId) {
|
|
134
150
|
return [];
|
|
135
151
|
}
|
|
@@ -143,10 +159,11 @@ exports.findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId,
|
|
|
143
159
|
}
|
|
144
160
|
return [];
|
|
145
161
|
};
|
|
162
|
+
exports.findNextIdByRowIndex = findNextIdByRowIndex;
|
|
146
163
|
/**
|
|
147
164
|
* @hidden
|
|
148
165
|
*/
|
|
149
|
-
|
|
166
|
+
var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
|
|
150
167
|
if (!elementId) {
|
|
151
168
|
return [];
|
|
152
169
|
}
|
|
@@ -160,10 +177,11 @@ exports.findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId,
|
|
|
160
177
|
}
|
|
161
178
|
return [];
|
|
162
179
|
};
|
|
180
|
+
exports.findNextIdByCellIndex = findNextIdByCellIndex;
|
|
163
181
|
/**
|
|
164
182
|
* @hidden
|
|
165
183
|
*/
|
|
166
|
-
|
|
184
|
+
var findId = function (navigationMatrix, cellId) {
|
|
167
185
|
if (!cellId) {
|
|
168
186
|
return;
|
|
169
187
|
}
|
|
@@ -175,18 +193,21 @@ exports.findId = function (navigationMatrix, cellId) {
|
|
|
175
193
|
}
|
|
176
194
|
}
|
|
177
195
|
};
|
|
196
|
+
exports.findId = findId;
|
|
178
197
|
/**
|
|
179
198
|
* @hidden
|
|
180
199
|
*/
|
|
181
|
-
|
|
200
|
+
var getNextNavigationIndex = function (navigationStateRef) {
|
|
182
201
|
return navigationStateRef.current ? navigationStateRef.current.navigationMatrix.length : 0;
|
|
183
202
|
};
|
|
203
|
+
exports.getNextNavigationIndex = getNextNavigationIndex;
|
|
184
204
|
/**
|
|
185
205
|
* @hidden
|
|
186
206
|
*/
|
|
187
|
-
|
|
207
|
+
var getFilterColumnId = function (columnId) {
|
|
188
208
|
return columnId ? "" + columnId + constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX : '';
|
|
189
209
|
};
|
|
210
|
+
exports.getFilterColumnId = getFilterColumnId;
|
|
190
211
|
/**
|
|
191
212
|
* @hidden
|
|
192
213
|
*/
|