@progress/kendo-react-data-tools 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009
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 +11 -7
- package/dist/es/columnmenu/ColumnMenuFilterForm.d.ts +1 -0
- package/dist/es/columnmenu/ColumnMenuItem.js +1 -1
- package/dist/es/columnmenu/ColumnMenuOperators.js +12 -8
- package/dist/es/drag/ColumnDraggable.d.ts +1 -0
- package/dist/es/drag/ColumnDraggable.js +1 -0
- package/dist/es/drag/ColumnResize.d.ts +5 -4
- package/dist/es/drag/ColumnResize.js +3 -0
- package/dist/es/drag/ColumnResizer.js +1 -0
- package/dist/es/drag/CommonDragLogic.d.ts +4 -3
- package/dist/es/drag/CommonDragLogic.js +1 -0
- package/dist/es/filter/Filter.d.ts +1 -1
- package/dist/es/filter/Filter.js +3 -3
- package/dist/es/filter/Group.js +44 -24
- package/dist/es/filter/filters/BooleanFilter.d.ts +2 -2
- package/dist/es/filter/filters/EnumFilter.d.ts +2 -2
- package/dist/es/filter/filters/TextFilter.d.ts +1 -2
- package/dist/es/filter/operators.js +12 -8
- package/dist/es/filteringCells/BooleanFilter.js +9 -5
- package/dist/es/filteringCells/FilterComponent.js +10 -6
- package/dist/es/header/ColumnProps.d.ts +8 -8
- package/dist/es/header/FilterRow.js +1 -1
- package/dist/es/header/HeaderCell.d.ts +1 -1
- package/dist/es/header/HeaderCell.js +2 -2
- package/dist/es/header/HeaderRow.d.ts +9 -7
- package/dist/es/header/HeaderSelectionCell.d.ts +2 -1
- package/dist/es/header/HeaderSelectionCell.js +2 -2
- package/dist/es/header/HeaderThElement.d.ts +10 -10
- package/dist/es/header/SortSettings.js +9 -5
- package/dist/es/header/utils/index.d.ts +5 -2
- package/dist/es/header/utils/index.js +1 -1
- package/dist/es/navigation/TableKeyboardNavigation.d.ts +7 -7
- package/dist/es/navigation/TableKeyboardNavigation.js +9 -5
- package/dist/es/navigation/TableKeyboardNavigationContext.d.ts +1 -1
- package/dist/es/navigation/constants.js +10 -6
- package/dist/es/navigation/utils.d.ts +14 -14
- package/dist/es/navigation/utils.js +10 -10
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.d.ts +2 -1
- package/dist/es/pager/Pager.js +18 -1
- package/dist/es/pager/PagerInput.js +2 -2
- package/dist/es/pager/PagerPageSizes.d.ts +1 -1
- package/dist/es/selection/utils.d.ts +3 -3
- package/dist/es/selection/utils.js +11 -7
- package/dist/es/utils/data-operations.js +11 -7
- package/dist/es/utils/group-operations.d.ts +1 -1
- package/dist/es/utils/group-operations.js +1 -1
- package/dist/es/virtualization/columns.js +9 -5
- package/dist/npm/columnmenu/ColumnMenu.js +14 -10
- package/dist/npm/columnmenu/ColumnMenuFilterForm.d.ts +1 -0
- package/dist/npm/columnmenu/ColumnMenuFilterForm.js +1 -1
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.js +1 -1
- package/dist/npm/columnmenu/ColumnMenuFilters.js +2 -2
- package/dist/npm/columnmenu/ColumnMenuItem.js +2 -2
- package/dist/npm/columnmenu/ColumnMenuOperators.js +12 -8
- package/dist/npm/columnmenu/index.js +5 -1
- package/dist/npm/drag/ColumnDraggable.d.ts +1 -0
- package/dist/npm/drag/ColumnDraggable.js +1 -0
- package/dist/npm/drag/ColumnResize.d.ts +5 -4
- package/dist/npm/drag/ColumnResize.js +3 -0
- package/dist/npm/drag/ColumnResizer.js +1 -0
- package/dist/npm/drag/CommonDragLogic.d.ts +4 -3
- package/dist/npm/drag/CommonDragLogic.js +3 -2
- package/dist/npm/drag/DragClue.js +1 -1
- package/dist/npm/drag/DropClue.js +1 -1
- package/dist/npm/filter/Expression.js +6 -6
- package/dist/npm/filter/Filter.d.ts +1 -1
- package/dist/npm/filter/Filter.js +4 -4
- package/dist/npm/filter/Group.js +48 -28
- package/dist/npm/filter/filters/BooleanFilter.d.ts +2 -2
- package/dist/npm/filter/filters/EnumFilter.d.ts +2 -2
- package/dist/npm/filter/filters/EnumFilter.js +2 -2
- package/dist/npm/filter/filters/TextFilter.d.ts +1 -2
- package/dist/npm/filter/filters/index.js +5 -1
- package/dist/npm/filter/index.js +5 -1
- package/dist/npm/filter/operators.js +12 -8
- package/dist/npm/filteringCells/BooleanFilter.js +10 -6
- package/dist/npm/filteringCells/DateFilter.js +1 -1
- package/dist/npm/filteringCells/FilterComponent.js +11 -7
- package/dist/npm/filteringCells/NumericFilter.js +1 -1
- package/dist/npm/filteringCells/TextFilter.js +1 -1
- package/dist/npm/filteringCells/index.js +5 -1
- package/dist/npm/header/ColumnProps.d.ts +8 -8
- package/dist/npm/header/FilterRow.js +3 -3
- package/dist/npm/header/Header.js +1 -1
- package/dist/npm/header/HeaderCell.d.ts +1 -1
- package/dist/npm/header/HeaderCell.js +2 -2
- package/dist/npm/header/HeaderRow.d.ts +9 -7
- package/dist/npm/header/HeaderRow.js +4 -4
- package/dist/npm/header/HeaderSelectionCell.d.ts +2 -1
- package/dist/npm/header/HeaderSelectionCell.js +2 -2
- package/dist/npm/header/HeaderThElement.d.ts +10 -10
- package/dist/npm/header/HeaderThElement.js +1 -1
- package/dist/npm/header/SortSettings.js +9 -5
- package/dist/npm/header/index.js +5 -1
- package/dist/npm/header/utils/index.d.ts +5 -2
- package/dist/npm/header/utils/index.js +1 -1
- package/dist/npm/main.js +5 -1
- package/dist/npm/navigation/TableKeyboardNavigation.d.ts +7 -7
- package/dist/npm/navigation/TableKeyboardNavigation.js +17 -13
- package/dist/npm/navigation/TableKeyboardNavigationContext.d.ts +1 -1
- package/dist/npm/navigation/constants.js +10 -6
- package/dist/npm/navigation/utils.d.ts +14 -14
- package/dist/npm/navigation/utils.js +13 -13
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.d.ts +2 -1
- package/dist/npm/pager/Pager.js +24 -7
- package/dist/npm/pager/PagerInput.js +5 -5
- package/dist/npm/pager/PagerNumericButtons.js +2 -2
- package/dist/npm/pager/PagerPageSizes.d.ts +1 -1
- package/dist/npm/pager/PagerPageSizes.js +2 -2
- package/dist/npm/selection/TableSelection.js +15 -15
- package/dist/npm/selection/utils.d.ts +3 -3
- package/dist/npm/selection/utils.js +21 -17
- package/dist/npm/utils/data-operations.js +14 -10
- package/dist/npm/utils/group-operations.d.ts +1 -1
- package/dist/npm/utils/group-operations.js +4 -4
- package/dist/npm/virtualization/columns.js +9 -5
- package/dist/npm/virtualization/index.js +5 -1
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
-
for (var i = 0,
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
6
10
|
};
|
|
7
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
12
|
exports.unaryOperator = exports.stringOperator = exports.Operators = void 0;
|
|
@@ -70,7 +74,7 @@ var Operators = /** @class */ (function () {
|
|
|
70
74
|
* - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
|
|
71
75
|
*/
|
|
72
76
|
get: function () {
|
|
73
|
-
return __spreadArray([], textOperators);
|
|
77
|
+
return __spreadArray([], textOperators, true);
|
|
74
78
|
},
|
|
75
79
|
enumerable: false,
|
|
76
80
|
configurable: true
|
|
@@ -91,7 +95,7 @@ var Operators = /** @class */ (function () {
|
|
|
91
95
|
* - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
|
|
92
96
|
*/
|
|
93
97
|
get: function () {
|
|
94
|
-
return __spreadArray([], numericOperators);
|
|
98
|
+
return __spreadArray([], numericOperators, true);
|
|
95
99
|
},
|
|
96
100
|
enumerable: false,
|
|
97
101
|
configurable: true
|
|
@@ -112,7 +116,7 @@ var Operators = /** @class */ (function () {
|
|
|
112
116
|
* - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
|
|
113
117
|
*/
|
|
114
118
|
get: function () {
|
|
115
|
-
return __spreadArray([], dateOperators);
|
|
119
|
+
return __spreadArray([], dateOperators, true);
|
|
116
120
|
},
|
|
117
121
|
enumerable: false,
|
|
118
122
|
configurable: true
|
|
@@ -127,7 +131,7 @@ var Operators = /** @class */ (function () {
|
|
|
127
131
|
* - { text: 'filter.notEqOperator', operator: 'neq' }
|
|
128
132
|
*/
|
|
129
133
|
get: function () {
|
|
130
|
-
return __spreadArray([], booleanOperators);
|
|
134
|
+
return __spreadArray([], booleanOperators, true);
|
|
131
135
|
},
|
|
132
136
|
enumerable: false,
|
|
133
137
|
configurable: true
|
|
@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
25
|
};
|
|
26
26
|
return __assign.apply(this, arguments);
|
|
27
27
|
};
|
|
28
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
29
|
-
for (var i = 0,
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
29
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
30
|
+
if (ar || !(i in from)) {
|
|
31
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
32
|
+
ar[i] = from[i];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
36
|
};
|
|
33
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
38
|
exports.BooleanFilterCell = void 0;
|
|
@@ -58,7 +62,7 @@ var settings = {
|
|
|
58
62
|
return;
|
|
59
63
|
}
|
|
60
64
|
var filterResult = current ?
|
|
61
|
-
filter.map(function (f) { return f.field === field ? __assign(__assign({}, current), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter), [{ value: value, field: field, operator: booleanOperator }]);
|
|
65
|
+
filter.map(function (f) { return f.field === field ? __assign(__assign({}, current), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter, true), [{ value: value, field: field, operator: booleanOperator }], false);
|
|
62
66
|
cellProps.onFilterChange.call(undefined, {
|
|
63
67
|
filter: filterResult,
|
|
64
68
|
field: field,
|
|
@@ -76,5 +80,5 @@ var BooleanFilterCell = /** @class */ (function (_super) {
|
|
|
76
80
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
77
81
|
}
|
|
78
82
|
return BooleanFilterCell;
|
|
79
|
-
}(FilterComponent_1.createFilterComponent(settings)));
|
|
83
|
+
}((0, FilterComponent_1.createFilterComponent)(settings)));
|
|
80
84
|
exports.BooleanFilterCell = BooleanFilterCell;
|
|
@@ -45,5 +45,5 @@ var DateFilterCell = /** @class */ (function (_super) {
|
|
|
45
45
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
46
46
|
}
|
|
47
47
|
return DateFilterCell;
|
|
48
|
-
}(FilterComponent_1.createFilterComponent(settings)));
|
|
48
|
+
}((0, FilterComponent_1.createFilterComponent)(settings)));
|
|
49
49
|
exports.DateFilterCell = DateFilterCell;
|
|
@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
25
|
};
|
|
26
26
|
return __assign.apply(this, arguments);
|
|
27
27
|
};
|
|
28
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
29
|
-
for (var i = 0,
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
29
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
30
|
+
if (ar || !(i in from)) {
|
|
31
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
32
|
+
ar[i] = from[i];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
36
|
};
|
|
33
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
38
|
exports.createFilterComponent = void 0;
|
|
@@ -53,7 +57,7 @@ var createFilterComponent = function (settings) {
|
|
|
53
57
|
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
|
|
54
58
|
var existing = _this.findCellFilter();
|
|
55
59
|
var filterResult = existing ?
|
|
56
|
-
filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter), [__assign(__assign({}, settings.emptyFilter), { value: value, field: field })]);
|
|
60
|
+
filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { value: value }) : f; }) : __spreadArray(__spreadArray([], filter, true), [__assign(__assign({}, settings.emptyFilter), { value: value, field: field })], false);
|
|
57
61
|
_this.filterChange({
|
|
58
62
|
filter: filterResult,
|
|
59
63
|
field: field,
|
|
@@ -65,7 +69,7 @@ var createFilterComponent = function (settings) {
|
|
|
65
69
|
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
|
|
66
70
|
var existing = _this.findCellFilter();
|
|
67
71
|
var filterResult = existing ?
|
|
68
|
-
filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { operator: operator }) : f; }) : __spreadArray(__spreadArray([], filter), [__assign(__assign({}, settings.emptyFilter), { field: field, operator: operator })]);
|
|
72
|
+
filter.map(function (f) { return f.field === field ? __assign(__assign({}, existing), { operator: operator }) : f; }) : __spreadArray(__spreadArray([], filter, true), [__assign(__assign({}, settings.emptyFilter), { field: field, operator: operator })], false);
|
|
69
73
|
_this.filterChange({
|
|
70
74
|
filter: filterResult,
|
|
71
75
|
field: field,
|
|
@@ -105,7 +109,7 @@ var createFilterComponent = function (settings) {
|
|
|
105
109
|
React.createElement("span", null,
|
|
106
110
|
settings.inputComponent({ value: value, onChange: this.inputChange, components: this.props.components }),
|
|
107
111
|
React.createElement("div", { className: "k-filtercell-operator" }, settings.operatorComponent(operatorComponentProps, this.props)),
|
|
108
|
-
React.createElement(kendo_react_buttons_1.Button, { className: kendo_react_common_1.classNames((_a = {},
|
|
112
|
+
React.createElement(kendo_react_buttons_1.Button, { className: (0, kendo_react_common_1.classNames)((_a = {},
|
|
109
113
|
_a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
|
|
110
114
|
_a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", disabled: !(!(value === null || value === '') || operator) }))));
|
|
111
115
|
};
|
|
@@ -45,5 +45,5 @@ var NumericFilterCell = /** @class */ (function (_super) {
|
|
|
45
45
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
46
46
|
}
|
|
47
47
|
return NumericFilterCell;
|
|
48
|
-
}(FilterComponent_1.createFilterComponent(settings)));
|
|
48
|
+
}((0, FilterComponent_1.createFilterComponent)(settings)));
|
|
49
49
|
exports.NumericFilterCell = NumericFilterCell;
|
|
@@ -45,5 +45,5 @@ var TextFilterCell = /** @class */ (function (_super) {
|
|
|
45
45
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
46
46
|
}
|
|
47
47
|
return TextFilterCell;
|
|
48
|
-
}(FilterComponent_1.createFilterComponent(settings)));
|
|
48
|
+
}((0, FilterComponent_1.createFilterComponent)(settings)));
|
|
49
49
|
exports.TextFilterCell = TextFilterCell;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ComponentType } from 'react';
|
|
2
|
-
import { HeaderCellProps } from './HeaderCell';
|
|
3
|
-
import { CellProps } from './CellProps';
|
|
4
|
-
import { FilterCellProps } from '../filteringCells/FilterCellProps';
|
|
2
|
+
import { HeaderCellProps as HeaderCellPropsDefault } from './HeaderCell';
|
|
3
|
+
import { CellProps as CellPropsDefault } from './CellProps';
|
|
4
|
+
import { FilterCellProps as FilterCellPropsDefault } from '../filteringCells/FilterCellProps';
|
|
5
5
|
import { ColumnSortSettings } from './SortSettings';
|
|
6
6
|
import { ColumnMenuProps } from '../columnmenu';
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface ColumnBaseProps {
|
|
10
|
+
export interface ColumnBaseProps<CellProps = CellPropsDefault> {
|
|
11
11
|
/**
|
|
12
12
|
* The field to which the column is bound.
|
|
13
13
|
*/
|
|
@@ -86,11 +86,11 @@ export interface ColumnBaseProps {
|
|
|
86
86
|
/**
|
|
87
87
|
* @hidden
|
|
88
88
|
*/
|
|
89
|
-
export interface TreeColumnBaseProps extends ColumnBaseProps {
|
|
89
|
+
export interface TreeColumnBaseProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends ColumnBaseProps<CellProps> {
|
|
90
90
|
/**
|
|
91
91
|
* A collection of child columns.
|
|
92
92
|
*/
|
|
93
|
-
children?: TreeColumnBaseProps[];
|
|
93
|
+
children?: TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps>[];
|
|
94
94
|
/**
|
|
95
95
|
* The column menu component. Pass the [ColumnMenuTextColumn]({% slug api_data-tools_columnmenutextcolumn %}),
|
|
96
96
|
* [ColumnMenuNumericColumn]({% slug api_data-tools_columnmenunumericcolumn %}),
|
|
@@ -124,7 +124,7 @@ export interface TreeColumnBaseProps extends ColumnBaseProps {
|
|
|
124
124
|
/**
|
|
125
125
|
* @hidden
|
|
126
126
|
*/
|
|
127
|
-
export interface ExtendedColumnProps extends TreeColumnBaseProps {
|
|
127
|
+
export interface ExtendedColumnProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps> {
|
|
128
128
|
declarationIndex: number;
|
|
129
129
|
parentIndex: number;
|
|
130
130
|
colSpan: number;
|
|
@@ -132,7 +132,7 @@ export interface ExtendedColumnProps extends TreeColumnBaseProps {
|
|
|
132
132
|
depth: number;
|
|
133
133
|
kFirst?: boolean;
|
|
134
134
|
index: number;
|
|
135
|
-
children: ExtendedColumnProps[];
|
|
135
|
+
children: ExtendedColumnProps<CellProps, HeaderCellProps, FilterCellProps>[];
|
|
136
136
|
left: number;
|
|
137
137
|
right: number;
|
|
138
138
|
rightBorder: boolean;
|
|
@@ -11,7 +11,7 @@ var messages_1 = require("../messages");
|
|
|
11
11
|
*/
|
|
12
12
|
exports.FILTER_ROW_CLASS = 'k-filter-row';
|
|
13
13
|
var headerCellClassName = function (sort, field, locked) {
|
|
14
|
-
var result = ""
|
|
14
|
+
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
15
15
|
if (sort.some(function (descriptor) { return descriptor.field === field; })) {
|
|
16
16
|
result += ' k-sorted';
|
|
17
17
|
}
|
|
@@ -22,7 +22,7 @@ var headerCellClassName = function (sort, field, locked) {
|
|
|
22
22
|
*/
|
|
23
23
|
var FilterRow = function (props) {
|
|
24
24
|
var columns = props.columns, filter = props.filter, filterChange = props.filterChange, _a = props.sort, sort = _a === void 0 ? [] : _a, ariaRowIndex = props.ariaRowIndex;
|
|
25
|
-
var intl = kendo_react_intl_1.useLocalization();
|
|
25
|
+
var intl = (0, kendo_react_intl_1.useLocalization)();
|
|
26
26
|
return (React.createElement("tr", { className: exports.FILTER_ROW_CLASS, "aria-rowindex": ariaRowIndex, role: 'row' }, columns.map(function (column, index) {
|
|
27
27
|
var style = (column.locked !== undefined) ? {
|
|
28
28
|
left: column.left,
|
|
@@ -30,7 +30,7 @@ var FilterRow = function (props) {
|
|
|
30
30
|
borderRightWidth: column.rightBorder ? '1px' : ''
|
|
31
31
|
} : {};
|
|
32
32
|
var FilterCell = column.filterCell || column.filter;
|
|
33
|
-
return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: utils_1.getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
|
|
33
|
+
return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
|
|
34
34
|
})));
|
|
35
35
|
};
|
|
36
36
|
exports.FilterRow = FilterRow;
|
|
@@ -43,7 +43,7 @@ var Header = /** @class */ (function (_super) {
|
|
|
43
43
|
Header.prototype.componentDidMount = function () {
|
|
44
44
|
var columnResize = this.props.columnResize;
|
|
45
45
|
if (columnResize && columnResize.resizable) {
|
|
46
|
-
columnResize.setIsRtl(utils_1.isRtl(this.element));
|
|
46
|
+
columnResize.setIsRtl((0, utils_1.isRtl)(this.element));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
Header.prototype.render = function () {
|
|
@@ -23,8 +23,8 @@ function HeaderCell(props) {
|
|
|
23
23
|
var defaultRendering = (React.createElement("span", __assign({ className: 'k-link' }, clickProps),
|
|
24
24
|
React.createElement("span", { className: 'k-column-title' }, props.title || props.field || '\u00A0'),
|
|
25
25
|
props.children));
|
|
26
|
-
return props.render ?
|
|
26
|
+
return (React.createElement(React.Fragment, null, props.render ?
|
|
27
27
|
props.render.call(undefined, defaultRendering, props) :
|
|
28
|
-
defaultRendering;
|
|
28
|
+
defaultRendering));
|
|
29
29
|
}
|
|
30
30
|
exports.HeaderCell = HeaderCell;
|
|
@@ -6,18 +6,20 @@ import { SortSettings } from './SortSettings';
|
|
|
6
6
|
import { ColumnResize } from '../drag/ColumnResize';
|
|
7
7
|
import { ColumnDraggableProps } from '../drag/ColumnDraggable';
|
|
8
8
|
import { ColumnMenuProps } from '../columnmenu';
|
|
9
|
+
import { CellProps } from './CellProps';
|
|
10
|
+
import { FilterCellProps } from '../filteringCells';
|
|
9
11
|
/**
|
|
10
12
|
* @hidden
|
|
11
13
|
*/
|
|
12
|
-
export interface HeaderRowProps extends ColumnDraggableProps {
|
|
14
|
+
export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
|
|
13
15
|
sortable?: SortSettings;
|
|
14
16
|
sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
|
|
15
17
|
sort?: SortDescriptor[];
|
|
16
|
-
columns: ExtendedColumnProps[];
|
|
18
|
+
columns: ExtendedColumnProps<C, H, F>[];
|
|
17
19
|
columnsMap: number[][];
|
|
18
20
|
selectionChange: (e: any) => void;
|
|
19
21
|
cellRender?: (defaultRendering: React.ReactNode | null, props: HeaderCellProps) => React.ReactNode;
|
|
20
|
-
columnResize?: ColumnResize
|
|
22
|
+
columnResize?: ColumnResize<C, H, F>;
|
|
21
23
|
columnMenu?: React.ComponentType<ColumnMenuProps>;
|
|
22
24
|
columnMenuFilter?: CompositeFilterDescriptor[];
|
|
23
25
|
columnMenuFilterChange?: (e: React.SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field?: string) => void;
|
|
@@ -25,10 +27,10 @@ export interface HeaderRowProps extends ColumnDraggableProps {
|
|
|
25
27
|
/**
|
|
26
28
|
* @hidden
|
|
27
29
|
*/
|
|
28
|
-
export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
|
|
29
|
-
cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
|
|
30
|
-
cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
|
|
31
|
-
sortIcon(sortIndex: number): JSX.Element[];
|
|
30
|
+
export declare class HeaderRow<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends React.Component<HeaderRowProps<C, H, F>, {}> {
|
|
31
|
+
cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
|
|
32
|
+
cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
|
|
33
|
+
sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
|
|
32
34
|
render(): JSX.Element[];
|
|
33
35
|
private cells;
|
|
34
36
|
}
|
|
@@ -63,7 +63,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
63
63
|
if (!_this.props.sortChange) {
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
|
-
var _a = SortSettings_1.normalize(_this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
|
|
66
|
+
var _a = (0, SortSettings_1.normalize)(_this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
|
|
67
67
|
var oldDescriptor = (_this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
|
|
68
68
|
var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
|
|
69
69
|
var newDescriptor = (mode === 'single') ?
|
|
@@ -98,7 +98,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
98
98
|
children: _this.sortIcon(sortIndex)
|
|
99
99
|
};
|
|
100
100
|
var ColumnMenu = column.columnMenu || _this.props.columnMenu;
|
|
101
|
-
var className = kendo_react_common_1.classNames({
|
|
101
|
+
var className = (0, kendo_react_common_1.classNames)({
|
|
102
102
|
'k-first': column.kFirst,
|
|
103
103
|
'k-filterable': Boolean(ColumnMenu),
|
|
104
104
|
'k-header': true,
|
|
@@ -110,7 +110,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
110
110
|
right: column.right,
|
|
111
111
|
borderRightWidth: column.rightBorder ? '1px' : ''
|
|
112
112
|
} : {};
|
|
113
|
-
var sortLabel = kendo_react_intl_1.provideLocalizationService(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
|
|
113
|
+
var sortLabel = (0, kendo_react_intl_1.provideLocalizationService)(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
|
|
114
114
|
var ariaAttrs = column.isAccessible ? {
|
|
115
115
|
ariaSort: sortable ? ariaSortMap[sortDir] : undefined,
|
|
116
116
|
role: 'columnheader',
|
|
@@ -155,4 +155,4 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
155
155
|
return HeaderRow;
|
|
156
156
|
}(React.Component));
|
|
157
157
|
exports.HeaderRow = HeaderRow;
|
|
158
|
-
kendo_react_intl_1.registerForLocalization(HeaderRow);
|
|
158
|
+
(0, kendo_react_intl_1.registerForLocalization)(HeaderRow);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { HeaderCellProps } from './HeaderCell';
|
|
2
3
|
/**
|
|
3
4
|
* @hidden
|
|
@@ -8,4 +9,4 @@ export interface HeaderSelectionCellProps extends HeaderCellProps {
|
|
|
8
9
|
/**
|
|
9
10
|
* @hidden
|
|
10
11
|
*/
|
|
11
|
-
export declare function HeaderSelectionCell(props: HeaderSelectionCellProps):
|
|
12
|
+
export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): JSX.Element;
|
|
@@ -15,8 +15,8 @@ function HeaderSelectionCell(props) {
|
|
|
15
15
|
} })),
|
|
16
16
|
(React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: props.inputId }))
|
|
17
17
|
];
|
|
18
|
-
return props.render ?
|
|
18
|
+
return (React.createElement(React.Fragment, null, props.render ?
|
|
19
19
|
props.render.call(undefined, defaultRendering, props) :
|
|
20
|
-
defaultRendering;
|
|
20
|
+
defaultRendering));
|
|
21
21
|
}
|
|
22
22
|
exports.HeaderSelectionCell = HeaderSelectionCell;
|
|
@@ -4,20 +4,20 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export declare const HeaderThElement: {
|
|
6
6
|
(props: {
|
|
7
|
-
ariaSort?:
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
ariaColumnIndex?: number;
|
|
10
|
-
ariaSelected?: boolean;
|
|
11
|
-
ariaDescription?: string;
|
|
12
|
-
colSpan?: number;
|
|
13
|
-
rowSpan?: number;
|
|
14
|
-
role?: string;
|
|
7
|
+
ariaSort?: "none" | "ascending" | "descending" | undefined;
|
|
8
|
+
ariaLabel?: string | undefined;
|
|
9
|
+
ariaColumnIndex?: number | undefined;
|
|
10
|
+
ariaSelected?: boolean | undefined;
|
|
11
|
+
ariaDescription?: string | undefined;
|
|
12
|
+
colSpan?: number | undefined;
|
|
13
|
+
rowSpan?: number | undefined;
|
|
14
|
+
role?: string | undefined;
|
|
15
15
|
columnId: string;
|
|
16
|
-
className?: string;
|
|
16
|
+
className?: string | undefined;
|
|
17
17
|
style?: any;
|
|
18
18
|
children: any;
|
|
19
19
|
onKeyDown?: any;
|
|
20
|
-
navigatable?: boolean;
|
|
20
|
+
navigatable?: boolean | undefined;
|
|
21
21
|
}): JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
@@ -19,7 +19,7 @@ var hooks_1 = require("../navigation/hooks");
|
|
|
19
19
|
*/
|
|
20
20
|
var HeaderThElement = function (props) {
|
|
21
21
|
var ariaSort = props.ariaSort, colSpan = props.colSpan, rowSpan = props.rowSpan, className = props.className, style = props.style, columnId = props.columnId, onKeyDown = props.onKeyDown, navigatable = props.navigatable, ariaColumnIndex = props.ariaColumnIndex, ariaLabel = props.ariaLabel, role = props.role, ariaSelected = props.ariaSelected;
|
|
22
|
-
var navigationAttributes = hooks_1.useTableKeyboardNavigation(columnId, navigatable);
|
|
22
|
+
var navigationAttributes = (0, hooks_1.useTableKeyboardNavigation)(columnId, navigatable);
|
|
23
23
|
return (React.createElement("th", __assign({ "aria-sort": ariaSort, "aria-label": ariaLabel, "aria-colindex": ariaColumnIndex, "aria-selected": ariaSelected,
|
|
24
24
|
// TODO: Enable this with React 18. Currently throws warnings
|
|
25
25
|
// aria-description={ariaDescription}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
-
for (var i = 0,
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
6
10
|
};
|
|
7
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
12
|
exports.normalize = void 0;
|
|
@@ -14,6 +18,6 @@ var normalize = function () {
|
|
|
14
18
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
15
19
|
settings[_i] = arguments[_i];
|
|
16
20
|
}
|
|
17
|
-
return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings));
|
|
21
|
+
return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
|
|
18
22
|
};
|
|
19
23
|
exports.normalize = normalize;
|
package/dist/npm/header/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import { FilterCellProps } from '../../filteringCells';
|
|
2
|
+
import { CellProps } from '../CellProps';
|
|
1
3
|
import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
|
|
4
|
+
import { HeaderCellProps } from '../HeaderCell';
|
|
2
5
|
/**
|
|
3
6
|
* @hidden
|
|
4
7
|
*/
|
|
@@ -20,10 +23,10 @@ export declare function mapColumns(columns: Array<{
|
|
|
20
23
|
/**
|
|
21
24
|
* @hidden
|
|
22
25
|
*/
|
|
23
|
-
export declare function readColumns(elements: TreeColumnBaseProps[], idInfo: {
|
|
26
|
+
export declare function readColumns<C = CellProps, H = HeaderCellProps, F = FilterCellProps>(elements: TreeColumnBaseProps<C, H, F>[], idInfo: {
|
|
24
27
|
prevId: number;
|
|
25
28
|
idPrefix: string;
|
|
26
|
-
}, depth?: number): ExtendedColumnProps[];
|
|
29
|
+
}, depth?: number): ExtendedColumnProps<C, H, F>[];
|
|
27
30
|
/**
|
|
28
31
|
* @hidden
|
|
29
32
|
*/
|
|
@@ -111,7 +111,7 @@ function readColumns(elements, idInfo, depth) {
|
|
|
111
111
|
elements.forEach(function (columnProps) {
|
|
112
112
|
var children = readColumns(columnProps.children || [], idInfo, depth + 1);
|
|
113
113
|
columns.push(Object.assign({}, { depth: depth }, ColumnProps_1.ColumnDefaultProps, columnProps, {
|
|
114
|
-
id: columnProps.id ? columnProps.id : utils_1.generateNavigatableId(""
|
|
114
|
+
id: columnProps.id ? columnProps.id : (0, utils_1.generateNavigatableId)("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
|
|
115
115
|
declarationIndex: columns.length,
|
|
116
116
|
children: children,
|
|
117
117
|
rowSpan: 0,
|
package/dist/npm/main.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -13,10 +13,10 @@ export declare const tableKeyboardNavigation: {
|
|
|
13
13
|
navigationStateRef: {
|
|
14
14
|
current?: TableKeyboardNavigationStateType;
|
|
15
15
|
};
|
|
16
|
-
idPrefix?: string;
|
|
16
|
+
idPrefix?: string | undefined;
|
|
17
17
|
}) => void;
|
|
18
18
|
onComponentDidMount: (options: {
|
|
19
|
-
scope?: HTMLElement;
|
|
19
|
+
scope?: HTMLElement | undefined;
|
|
20
20
|
contextStateRef: {
|
|
21
21
|
current?: TableKeyboardNavigationContextType;
|
|
22
22
|
};
|
|
@@ -25,7 +25,7 @@ export declare const tableKeyboardNavigation: {
|
|
|
25
25
|
};
|
|
26
26
|
}) => void;
|
|
27
27
|
onGetSnapshotBeforeUpdate: (options: {
|
|
28
|
-
document?: Document;
|
|
28
|
+
document?: Document | undefined;
|
|
29
29
|
contextStateRef: {
|
|
30
30
|
current?: TableKeyboardNavigationContextType;
|
|
31
31
|
};
|
|
@@ -34,7 +34,7 @@ export declare const tableKeyboardNavigation: {
|
|
|
34
34
|
};
|
|
35
35
|
}) => void;
|
|
36
36
|
onComponentDidUpdate: (options: {
|
|
37
|
-
scope?: HTMLElement;
|
|
37
|
+
scope?: HTMLElement | undefined;
|
|
38
38
|
contextStateRef: {
|
|
39
39
|
current?: TableKeyboardNavigationContextType;
|
|
40
40
|
};
|
|
@@ -54,13 +54,13 @@ export declare const tableKeyboardNavigation: {
|
|
|
54
54
|
navigationStateRef: {
|
|
55
55
|
current?: TableKeyboardNavigationStateType;
|
|
56
56
|
};
|
|
57
|
-
onNavigationAction?: (options: {
|
|
57
|
+
onNavigationAction?: ((options: {
|
|
58
58
|
event: React.KeyboardEvent<HTMLElement>;
|
|
59
59
|
focusElement: any;
|
|
60
|
-
}) => void;
|
|
60
|
+
}) => void) | undefined;
|
|
61
61
|
}) => void;
|
|
62
62
|
generateMatrix: (options: {
|
|
63
|
-
scope?: HTMLElement;
|
|
63
|
+
scope?: HTMLElement | undefined;
|
|
64
64
|
navigationStateRef: {
|
|
65
65
|
current?: TableKeyboardNavigationStateType;
|
|
66
66
|
};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
-
for (var i = 0,
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
6
10
|
};
|
|
7
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
12
|
exports.tableKeyboardNavigation = void 0;
|
|
@@ -22,7 +26,7 @@ var onConstructor = function (options) {
|
|
|
22
26
|
navigationStateRef.current = {
|
|
23
27
|
activeElementIsFocused: false,
|
|
24
28
|
prevNavigationIndexes: undefined,
|
|
25
|
-
idPrefix: idPrefix || kendo_react_common_1.guid(),
|
|
29
|
+
idPrefix: idPrefix || (0, kendo_react_common_1.guid)(),
|
|
26
30
|
navigationMatrix: [],
|
|
27
31
|
lastHeaderIndex: -1
|
|
28
32
|
};
|
|
@@ -159,17 +163,17 @@ var onKeyDown = function (event, options) {
|
|
|
159
163
|
currentIdIndexes = navigationStateRef.current.prevNavigationIndexes;
|
|
160
164
|
}
|
|
161
165
|
else {
|
|
162
|
-
currentIdIndexes = utils_1.findId(matrix, elementId);
|
|
166
|
+
currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
|
|
163
167
|
}
|
|
164
168
|
}
|
|
165
169
|
else {
|
|
166
|
-
currentIdIndexes = utils_1.findId(matrix, elementId);
|
|
170
|
+
currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
|
|
167
171
|
}
|
|
168
172
|
if (currentIdIndexes) {
|
|
169
173
|
var rowIndex = currentIdIndexes[0], cellIndex = currentIdIndexes[1];
|
|
170
174
|
var _b = isVertical ?
|
|
171
|
-
utils_1.findNextIdByRowIndex(rowIndex, cellIndex, elementId, matrix, isReverse) :
|
|
172
|
-
utils_1.findNextIdByCellIndex(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
|
|
175
|
+
(0, utils_1.findNextIdByRowIndex)(rowIndex, cellIndex, elementId, matrix, isReverse) :
|
|
176
|
+
(0, utils_1.findNextIdByCellIndex)(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
|
|
173
177
|
if (idForFocus) {
|
|
174
178
|
var elementForFocus = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, idForFocus);
|
|
175
179
|
// emit event
|
|
@@ -192,16 +196,16 @@ var generateMatrix = function (options) {
|
|
|
192
196
|
return;
|
|
193
197
|
}
|
|
194
198
|
var matrix = [];
|
|
195
|
-
var thead = utils_1.getHeaderElement(scope);
|
|
196
|
-
var tbody = utils_1.getBodyElement(scope);
|
|
199
|
+
var thead = (0, utils_1.getHeaderElement)(scope);
|
|
200
|
+
var tbody = (0, utils_1.getBodyElement)(scope);
|
|
197
201
|
if (!thead || !tbody) {
|
|
198
202
|
return;
|
|
199
203
|
}
|
|
200
204
|
var headerRows = Array.from(thead.children);
|
|
201
205
|
var bodyRows = Array.from(tbody.children);
|
|
202
|
-
__spreadArray(__spreadArray([], headerRows), bodyRows).forEach(function (row, rowIndex) {
|
|
206
|
+
__spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
|
|
203
207
|
Array.from(row.children).forEach(function (cell) {
|
|
204
|
-
var cellId = utils_1.getNavigatableId(cell);
|
|
208
|
+
var cellId = (0, utils_1.getNavigatableId)(cell);
|
|
205
209
|
if (!cellId) {
|
|
206
210
|
return;
|
|
207
211
|
} // cell is not navigatable
|
|
@@ -3,4 +3,4 @@ import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationCon
|
|
|
3
3
|
/**
|
|
4
4
|
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType>;
|
|
6
|
+
export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType | undefined>;
|