@progress/kendo-react-data-tools 6.1.1 → 7.0.0-develop.2
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/LICENSE.md +1 -1
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenu.d.ts +4 -0
- package/{dist/es/columnmenu → columnmenu}/ColumnMenuFilterForm.d.ts +4 -0
- package/columnmenu/ColumnMenuFilterLogic.d.ts +7 -0
- package/{dist/es/columnmenu → columnmenu}/ColumnMenuFilters.d.ts +4 -0
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenuItem.d.ts +4 -0
- package/{dist/npm/columnmenu → columnmenu}/ColumnMenuOperators.d.ts +4 -0
- package/columnmenu/index.d.ts +10 -0
- package/dist/cdn/js/kendo-react-datatools.js +5 -0
- package/{dist/npm/drag → drag}/ColumnDraggable.d.ts +5 -1
- package/{dist/es/drag → drag}/ColumnResize.d.ts +4 -0
- package/{dist/es/drag → drag}/ColumnResizer.d.ts +5 -1
- package/{dist/npm/drag → drag}/CommonDragLogic.d.ts +5 -1
- package/{dist/npm/drag → drag}/DragClue.d.ts +5 -1
- package/drag/DropClue.d.ts +23 -0
- package/{dist/npm/filter → filter}/Expression.d.ts +5 -1
- package/{dist/es/filter → filter}/FieldSettings.d.ts +4 -0
- package/{dist/es/filter → filter}/Filter.d.ts +5 -1
- package/{dist/es/filter → filter}/Group.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/BooleanFilter.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/DateFilter.d.ts +5 -1
- package/{dist/npm/filter → filter}/filters/EnumFilter.d.ts +5 -1
- package/{dist/es/filter → filter}/filters/NumericFilter.d.ts +5 -1
- package/{dist/es/filter → filter}/filters/TextFilter.d.ts +5 -1
- package/filter/filters/index.d.ts +9 -0
- package/filter/index.d.ts +10 -0
- package/{dist/es/filter → filter}/operators.d.ts +4 -0
- package/filteringCells/BooleanFilter.d.ts +12 -0
- package/filteringCells/DateFilter.d.ts +12 -0
- package/{dist/es/filteringCells → filteringCells}/FilterCellProps.d.ts +4 -1
- package/{dist/npm/filteringCells → filteringCells}/FilterComponent.d.ts +4 -0
- package/{dist/es/filteringCells → filteringCells}/FilterComponentProps.d.ts +4 -0
- package/filteringCells/FilterOperator.d.ts +17 -0
- package/filteringCells/NumericFilter.d.ts +12 -0
- package/filteringCells/TextFilter.d.ts +12 -0
- package/filteringCells/index.d.ts +12 -0
- package/{dist/es/header → header}/CellProps.d.ts +4 -0
- package/{dist/npm/header → header}/ColumnProps.d.ts +4 -0
- package/{dist/es/header → header}/FilterRow.d.ts +5 -1
- package/header/Header.d.ts +22 -0
- package/{dist/es/header → header}/HeaderCell.d.ts +5 -1
- package/{dist/es/header → header}/HeaderRow.d.ts +6 -2
- package/header/HeaderSelectionCell.d.ts +15 -0
- package/header/HeaderThElement.d.ts +26 -0
- package/{dist/es/header → header}/SortSettings.d.ts +6 -2
- package/header/index.d.ts +14 -0
- package/{dist/npm/header → header}/utils/index.d.ts +4 -0
- package/{dist/es/main.d.ts → index.d.ts} +5 -1
- package/index.js +5 -0
- package/index.mjs +2901 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/{dist/es/navigation → navigation}/TableKeyboardNavigation.d.ts +9 -5
- package/navigation/TableKeyboardNavigationContext.d.ts +10 -0
- package/navigation/TableKeyboardNavigationContextType.d.ts +11 -0
- package/navigation/TableKeyboardNavigationStateType.d.ts +14 -0
- package/{dist/npm/navigation → navigation}/constants.d.ts +4 -0
- package/navigation/hooks.d.ts +16 -0
- package/{dist/npm/navigation → navigation}/utils.d.ts +6 -2
- package/package-metadata.d.ts +9 -0
- package/package.json +36 -51
- package/{dist/es/pager → pager}/Pager.d.ts +5 -1
- package/{dist/es/pager → pager}/PagerInput.d.ts +5 -1
- package/{dist/npm/pager → pager}/PagerNumericButtons.d.ts +5 -1
- package/{dist/npm/pager → pager}/PagerPageSizes.d.ts +5 -1
- package/{dist/npm/selection → selection}/TableSelectableSettings.d.ts +5 -1
- package/{dist/es/selection → selection}/TableSelection.d.ts +5 -2
- package/selection/constants.d.ts +10 -0
- package/{dist/es/selection → selection}/events.d.ts +4 -0
- package/{dist/es/selection → selection}/utils.d.ts +4 -0
- package/utils/DataItemWrapper.d.ts +14 -0
- package/{dist/npm/utils → utils}/data-operations.d.ts +4 -0
- package/{dist/npm/utils → utils}/group-operations.d.ts +5 -1
- package/virtualization/columns.d.ts +19 -0
- package/virtualization/index.d.ts +5 -0
- package/about.md +0 -3
- package/dist/cdn/js/kendo-react-data-tools.js +0 -1
- package/dist/es/columnmenu/ColumnMenu.d.ts +0 -79
- package/dist/es/columnmenu/ColumnMenu.js +0 -238
- package/dist/es/columnmenu/ColumnMenuFilterForm.js +0 -33
- package/dist/es/columnmenu/ColumnMenuFilterLogic.d.ts +0 -3
- package/dist/es/columnmenu/ColumnMenuFilterLogic.js +0 -22
- package/dist/es/columnmenu/ColumnMenuFilters.js +0 -62
- package/dist/es/columnmenu/ColumnMenuItem.d.ts +0 -11
- package/dist/es/columnmenu/ColumnMenuItem.js +0 -7
- package/dist/es/columnmenu/ColumnMenuOperators.d.ts +0 -65
- package/dist/es/columnmenu/ColumnMenuOperators.js +0 -137
- package/dist/es/columnmenu/index.d.ts +0 -6
- package/dist/es/columnmenu/index.js +0 -6
- package/dist/es/drag/ColumnDraggable.d.ts +0 -30
- package/dist/es/drag/ColumnDraggable.js +0 -62
- package/dist/es/drag/ColumnResize.js +0 -95
- package/dist/es/drag/ColumnResizer.js +0 -71
- package/dist/es/drag/CommonDragLogic.d.ts +0 -38
- package/dist/es/drag/CommonDragLogic.js +0 -172
- package/dist/es/drag/DragClue.d.ts +0 -22
- package/dist/es/drag/DragClue.js +0 -66
- package/dist/es/drag/DropClue.d.ts +0 -19
- package/dist/es/drag/DropClue.js +0 -52
- package/dist/es/filter/Expression.d.ts +0 -46
- package/dist/es/filter/Expression.js +0 -140
- package/dist/es/filter/FieldSettings.js +0 -1
- package/dist/es/filter/Filter.js +0 -99
- package/dist/es/filter/Group.js +0 -163
- package/dist/es/filter/filters/BooleanFilter.d.ts +0 -43
- package/dist/es/filter/filters/BooleanFilter.js +0 -48
- package/dist/es/filter/filters/DateFilter.d.ts +0 -26
- package/dist/es/filter/filters/DateFilter.js +0 -61
- package/dist/es/filter/filters/EnumFilter.d.ts +0 -43
- package/dist/es/filter/filters/EnumFilter.js +0 -69
- package/dist/es/filter/filters/NumericFilter.js +0 -64
- package/dist/es/filter/filters/TextFilter.js +0 -65
- package/dist/es/filter/filters/index.d.ts +0 -5
- package/dist/es/filter/filters/index.js +0 -5
- package/dist/es/filter/index.d.ts +0 -6
- package/dist/es/filter/index.js +0 -6
- package/dist/es/filter/operators.js +0 -150
- package/dist/es/filteringCells/BooleanFilter.d.ts +0 -8
- package/dist/es/filteringCells/BooleanFilter.js +0 -81
- package/dist/es/filteringCells/DateFilter.d.ts +0 -8
- package/dist/es/filteringCells/DateFilter.js +0 -46
- package/dist/es/filteringCells/FilterCellProps.js +0 -1
- package/dist/es/filteringCells/FilterComponent.d.ts +0 -17
- package/dist/es/filteringCells/FilterComponent.js +0 -128
- package/dist/es/filteringCells/FilterComponentProps.js +0 -1
- package/dist/es/filteringCells/FilterOperator.d.ts +0 -13
- package/dist/es/filteringCells/FilterOperator.js +0 -1
- package/dist/es/filteringCells/NumericFilter.d.ts +0 -8
- package/dist/es/filteringCells/NumericFilter.js +0 -46
- package/dist/es/filteringCells/TextFilter.d.ts +0 -8
- package/dist/es/filteringCells/TextFilter.js +0 -46
- package/dist/es/filteringCells/index.d.ts +0 -8
- package/dist/es/filteringCells/index.js +0 -8
- package/dist/es/header/CellProps.js +0 -1
- package/dist/es/header/ColumnProps.d.ts +0 -153
- package/dist/es/header/ColumnProps.js +0 -11
- package/dist/es/header/FilterRow.js +0 -33
- package/dist/es/header/Header.d.ts +0 -18
- package/dist/es/header/Header.js +0 -54
- package/dist/es/header/HeaderCell.js +0 -26
- package/dist/es/header/HeaderRow.js +0 -166
- package/dist/es/header/HeaderSelectionCell.d.ts +0 -12
- package/dist/es/header/HeaderSelectionCell.js +0 -18
- package/dist/es/header/HeaderThElement.d.ts +0 -23
- package/dist/es/header/HeaderThElement.js +0 -25
- package/dist/es/header/SortSettings.js +0 -19
- package/dist/es/header/index.d.ts +0 -10
- package/dist/es/header/index.js +0 -10
- package/dist/es/header/utils/index.d.ts +0 -83
- package/dist/es/header/utils/index.js +0 -186
- package/dist/es/main.js +0 -26
- package/dist/es/messages/index.d.ts +0 -385
- package/dist/es/messages/index.js +0 -386
- package/dist/es/navigation/TableKeyboardNavigation.js +0 -241
- package/dist/es/navigation/TableKeyboardNavigationContext.d.ts +0 -6
- package/dist/es/navigation/TableKeyboardNavigationContext.js +0 -6
- package/dist/es/navigation/TableKeyboardNavigationContextType.d.ts +0 -7
- package/dist/es/navigation/TableKeyboardNavigationContextType.js +0 -1
- package/dist/es/navigation/TableKeyboardNavigationStateType.d.ts +0 -10
- package/dist/es/navigation/TableKeyboardNavigationStateType.js +0 -1
- package/dist/es/navigation/constants.d.ts +0 -54
- package/dist/es/navigation/constants.js +0 -79
- package/dist/es/navigation/hooks.d.ts +0 -12
- package/dist/es/navigation/hooks.js +0 -19
- package/dist/es/navigation/utils.d.ts +0 -145
- package/dist/es/navigation/utils.js +0 -212
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/pager/Pager.js +0 -222
- package/dist/es/pager/PagerInput.js +0 -57
- package/dist/es/pager/PagerNumericButtons.d.ts +0 -28
- package/dist/es/pager/PagerNumericButtons.js +0 -105
- package/dist/es/pager/PagerPageSizes.d.ts +0 -26
- package/dist/es/pager/PagerPageSizes.js +0 -51
- package/dist/es/selection/TableSelectableSettings.d.ts +0 -31
- package/dist/es/selection/TableSelectableSettings.js +0 -2
- package/dist/es/selection/TableSelection.js +0 -155
- package/dist/es/selection/constants.d.ts +0 -6
- package/dist/es/selection/constants.js +0 -6
- package/dist/es/selection/events.js +0 -1
- package/dist/es/selection/utils.js +0 -237
- package/dist/es/utils/DataItemWrapper.d.ts +0 -10
- package/dist/es/utils/DataItemWrapper.js +0 -1
- package/dist/es/utils/data-operations.d.ts +0 -94
- package/dist/es/utils/data-operations.js +0 -265
- package/dist/es/utils/group-operations.d.ts +0 -29
- package/dist/es/utils/group-operations.js +0 -54
- package/dist/es/virtualization/columns.d.ts +0 -15
- package/dist/es/virtualization/columns.js +0 -75
- package/dist/es/virtualization/index.d.ts +0 -1
- package/dist/es/virtualization/index.js +0 -1
- package/dist/npm/columnmenu/ColumnMenu.js +0 -245
- package/dist/npm/columnmenu/ColumnMenuFilterForm.d.ts +0 -13
- package/dist/npm/columnmenu/ColumnMenuFilterForm.js +0 -38
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.d.ts +0 -3
- package/dist/npm/columnmenu/ColumnMenuFilterLogic.js +0 -26
- package/dist/npm/columnmenu/ColumnMenuFilters.d.ts +0 -19
- package/dist/npm/columnmenu/ColumnMenuFilters.js +0 -69
- package/dist/npm/columnmenu/ColumnMenuItem.js +0 -11
- package/dist/npm/columnmenu/ColumnMenuOperators.js +0 -140
- package/dist/npm/columnmenu/index.d.ts +0 -6
- package/dist/npm/columnmenu/index.js +0 -22
- package/dist/npm/drag/ColumnDraggable.js +0 -65
- package/dist/npm/drag/ColumnResize.d.ts +0 -32
- package/dist/npm/drag/ColumnResize.js +0 -98
- package/dist/npm/drag/ColumnResizer.d.ts +0 -28
- package/dist/npm/drag/ColumnResizer.js +0 -74
- package/dist/npm/drag/CommonDragLogic.js +0 -175
- package/dist/npm/drag/DragClue.js +0 -69
- package/dist/npm/drag/DropClue.d.ts +0 -19
- package/dist/npm/drag/DropClue.js +0 -55
- package/dist/npm/filter/Expression.js +0 -143
- package/dist/npm/filter/FieldSettings.d.ts +0 -30
- package/dist/npm/filter/FieldSettings.js +0 -2
- package/dist/npm/filter/Filter.d.ts +0 -79
- package/dist/npm/filter/Filter.js +0 -102
- package/dist/npm/filter/Group.d.ts +0 -54
- package/dist/npm/filter/Group.js +0 -166
- package/dist/npm/filter/filters/BooleanFilter.js +0 -51
- package/dist/npm/filter/filters/DateFilter.js +0 -64
- package/dist/npm/filter/filters/EnumFilter.js +0 -72
- package/dist/npm/filter/filters/NumericFilter.d.ts +0 -33
- package/dist/npm/filter/filters/NumericFilter.js +0 -67
- package/dist/npm/filter/filters/TextFilter.d.ts +0 -40
- package/dist/npm/filter/filters/TextFilter.js +0 -68
- package/dist/npm/filter/filters/index.d.ts +0 -5
- package/dist/npm/filter/filters/index.js +0 -21
- package/dist/npm/filter/index.d.ts +0 -6
- package/dist/npm/filter/index.js +0 -22
- package/dist/npm/filter/operators.d.ts +0 -73
- package/dist/npm/filter/operators.js +0 -155
- package/dist/npm/filteringCells/BooleanFilter.d.ts +0 -8
- package/dist/npm/filteringCells/BooleanFilter.js +0 -84
- package/dist/npm/filteringCells/DateFilter.d.ts +0 -8
- package/dist/npm/filteringCells/DateFilter.js +0 -49
- package/dist/npm/filteringCells/FilterCellProps.d.ts +0 -36
- package/dist/npm/filteringCells/FilterCellProps.js +0 -2
- package/dist/npm/filteringCells/FilterComponent.js +0 -132
- package/dist/npm/filteringCells/FilterComponentProps.d.ts +0 -23
- package/dist/npm/filteringCells/FilterComponentProps.js +0 -2
- package/dist/npm/filteringCells/FilterOperator.d.ts +0 -13
- package/dist/npm/filteringCells/FilterOperator.js +0 -2
- package/dist/npm/filteringCells/NumericFilter.d.ts +0 -8
- package/dist/npm/filteringCells/NumericFilter.js +0 -49
- package/dist/npm/filteringCells/TextFilter.d.ts +0 -8
- package/dist/npm/filteringCells/TextFilter.js +0 -49
- package/dist/npm/filteringCells/index.d.ts +0 -8
- package/dist/npm/filteringCells/index.js +0 -24
- package/dist/npm/header/CellProps.d.ts +0 -68
- package/dist/npm/header/CellProps.js +0 -2
- package/dist/npm/header/ColumnProps.js +0 -14
- package/dist/npm/header/FilterRow.d.ts +0 -25
- package/dist/npm/header/FilterRow.js +0 -37
- package/dist/npm/header/Header.d.ts +0 -18
- package/dist/npm/header/Header.js +0 -57
- package/dist/npm/header/HeaderCell.d.ts +0 -47
- package/dist/npm/header/HeaderCell.js +0 -30
- package/dist/npm/header/HeaderRow.d.ts +0 -37
- package/dist/npm/header/HeaderRow.js +0 -169
- package/dist/npm/header/HeaderSelectionCell.d.ts +0 -12
- package/dist/npm/header/HeaderSelectionCell.js +0 -22
- package/dist/npm/header/HeaderThElement.d.ts +0 -23
- package/dist/npm/header/HeaderThElement.js +0 -29
- package/dist/npm/header/SortSettings.d.ts +0 -26
- package/dist/npm/header/SortSettings.js +0 -23
- package/dist/npm/header/index.d.ts +0 -10
- package/dist/npm/header/index.js +0 -26
- package/dist/npm/header/utils/index.js +0 -196
- package/dist/npm/main.d.ts +0 -26
- package/dist/npm/main.js +0 -51
- package/dist/npm/messages/index.js +0 -390
- package/dist/npm/navigation/TableKeyboardNavigation.d.ts +0 -68
- package/dist/npm/navigation/TableKeyboardNavigation.js +0 -244
- package/dist/npm/navigation/TableKeyboardNavigationContext.d.ts +0 -6
- package/dist/npm/navigation/TableKeyboardNavigationContext.js +0 -9
- package/dist/npm/navigation/TableKeyboardNavigationContextType.d.ts +0 -7
- package/dist/npm/navigation/TableKeyboardNavigationContextType.js +0 -2
- package/dist/npm/navigation/TableKeyboardNavigationStateType.d.ts +0 -10
- package/dist/npm/navigation/TableKeyboardNavigationStateType.js +0 -2
- package/dist/npm/navigation/constants.js +0 -82
- package/dist/npm/navigation/hooks.d.ts +0 -12
- package/dist/npm/navigation/hooks.js +0 -23
- package/dist/npm/navigation/utils.js +0 -235
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/pager/Pager.d.ts +0 -204
- package/dist/npm/pager/Pager.js +0 -225
- package/dist/npm/pager/PagerInput.d.ts +0 -25
- package/dist/npm/pager/PagerInput.js +0 -60
- package/dist/npm/pager/PagerNumericButtons.js +0 -108
- package/dist/npm/pager/PagerPageSizes.js +0 -54
- package/dist/npm/selection/TableSelectableSettings.js +0 -3
- package/dist/npm/selection/TableSelection.d.ts +0 -12
- package/dist/npm/selection/TableSelection.js +0 -159
- package/dist/npm/selection/constants.d.ts +0 -6
- package/dist/npm/selection/constants.js +0 -9
- package/dist/npm/selection/events.d.ts +0 -94
- package/dist/npm/selection/events.js +0 -2
- package/dist/npm/selection/utils.d.ts +0 -66
- package/dist/npm/selection/utils.js +0 -249
- package/dist/npm/utils/DataItemWrapper.d.ts +0 -10
- package/dist/npm/utils/DataItemWrapper.js +0 -2
- package/dist/npm/utils/data-operations.js +0 -278
- package/dist/npm/utils/group-operations.js +0 -60
- package/dist/npm/virtualization/columns.d.ts +0 -15
- package/dist/npm/virtualization/columns.js +0 -79
- package/dist/npm/virtualization/index.d.ts +0 -1
- package/dist/npm/virtualization/index.js +0 -17
- package/dist/systemjs/kendo-react-data-tools.js +0 -1
- package/e2e-next/filter.basic.tests.ts +0 -24
- package/e2e-next/pager.basic.tests.ts +0 -24
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
import * as React from 'react';
|
|
28
|
-
import { createFilterComponent } from './FilterComponent';
|
|
29
|
-
import { DatePicker } from '@progress/kendo-react-dateinputs';
|
|
30
|
-
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
31
|
-
var settings = {
|
|
32
|
-
inputComponent: function (props) { return React.createElement(DatePicker, __assign({}, props)); },
|
|
33
|
-
operatorComponent: function (props) { return React.createElement(DropDownList, __assign({}, props)); },
|
|
34
|
-
emptyFilter: { operator: 'eq', value: null }
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
var DateFilterCell = /** @class */ (function (_super) {
|
|
40
|
-
__extends(DateFilterCell, _super);
|
|
41
|
-
function DateFilterCell() {
|
|
42
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
43
|
-
}
|
|
44
|
-
return DateFilterCell;
|
|
45
|
-
}(createFilterComponent(settings)));
|
|
46
|
-
export { DateFilterCell };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterDescriptor } from '@progress/kendo-data-query';
|
|
3
|
-
import { FilterOperator } from './FilterOperator';
|
|
4
|
-
import { FilterComponentProps } from './FilterComponentProps';
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export interface FilterComponentSettings {
|
|
9
|
-
inputComponent: (props: any) => React.ReactNode;
|
|
10
|
-
operatorComponent: (props: any, cellProps: FilterComponentProps) => React.ReactNode;
|
|
11
|
-
emptyFilter: FilterDescriptor;
|
|
12
|
-
operators?: FilterOperator[];
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare const createFilterComponent: (settings: FilterComponentSettings) => React.ComponentClass<FilterComponentProps, any>;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
28
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
29
|
-
if (ar || !(i in from)) {
|
|
30
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
31
|
-
ar[i] = from[i];
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
35
|
-
};
|
|
36
|
-
import * as React from 'react';
|
|
37
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
38
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
39
|
-
import { filterClearIcon, filterIcon } from '@progress/kendo-svg-icons';
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
export var createFilterComponent = function (settings) {
|
|
44
|
-
var Cell = /** @class */ (function (_super) {
|
|
45
|
-
__extends(FilterComponent, _super);
|
|
46
|
-
function FilterComponent() {
|
|
47
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
48
|
-
_this.filterChange = function (event) {
|
|
49
|
-
if (_this.props.onFilterChange) {
|
|
50
|
-
_this.props.onFilterChange(event);
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
_this.inputChange = function (e) {
|
|
54
|
-
var value = e.target.value;
|
|
55
|
-
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
|
|
56
|
-
var existing = _this.findCellFilter();
|
|
57
|
-
var filterResult = existing ?
|
|
58
|
-
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);
|
|
59
|
-
_this.filterChange({
|
|
60
|
-
filter: filterResult,
|
|
61
|
-
field: field,
|
|
62
|
-
syntheticEvent: e.syntheticEvent
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
_this.operatorChange = function (e) {
|
|
66
|
-
var operator = e.target.value.operator;
|
|
67
|
-
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
|
|
68
|
-
var existing = _this.findCellFilter();
|
|
69
|
-
var filterResult = existing ?
|
|
70
|
-
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);
|
|
71
|
-
_this.filterChange({
|
|
72
|
-
filter: filterResult,
|
|
73
|
-
field: field,
|
|
74
|
-
syntheticEvent: e.syntheticEvent
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
_this.clearButtonClick = function (e) {
|
|
78
|
-
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, _c = _a.field, field = _c === void 0 ? '' : _c;
|
|
79
|
-
_this.filterChange({
|
|
80
|
-
filter: filter.filter(function (f) { return f.field !== field; }),
|
|
81
|
-
field: field,
|
|
82
|
-
syntheticEvent: e
|
|
83
|
-
});
|
|
84
|
-
};
|
|
85
|
-
_this.findCellFilter = function () {
|
|
86
|
-
var _a = _this.props, _b = _a.filter, filter = _b === void 0 ? [] : _b, field = _a.field;
|
|
87
|
-
return filter.find(function (f) { return f.field === field; });
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
90
|
-
}
|
|
91
|
-
FilterComponent.prototype.render = function () {
|
|
92
|
-
var _a;
|
|
93
|
-
var _b = this.props, _c = _b.clearButtonTitle, clearButtonTitle = _c === void 0 ? '' : _c, _d = _b.operators, operators = _d === void 0 ? [] : _d;
|
|
94
|
-
var filter = this.findCellFilter() || __assign(__assign({}, settings.emptyFilter), { operator: '' });
|
|
95
|
-
var operator = filter.operator, value = filter.value;
|
|
96
|
-
var operatorComponentProps = {
|
|
97
|
-
ariaLabel: 'filter',
|
|
98
|
-
value: operators.find(function (item) { return item.operator === operator; }) || null,
|
|
99
|
-
onChange: this.operatorChange,
|
|
100
|
-
className: 'k-dropdown-operator',
|
|
101
|
-
iconClassName: 'k-i-filter',
|
|
102
|
-
svgIcon: filterIcon,
|
|
103
|
-
data: operators,
|
|
104
|
-
textField: 'text',
|
|
105
|
-
popupSettings: { width: '' },
|
|
106
|
-
components: this.props.components
|
|
107
|
-
};
|
|
108
|
-
return (React.createElement("div", { className: "k-filtercell" },
|
|
109
|
-
React.createElement("span", null,
|
|
110
|
-
settings.inputComponent({
|
|
111
|
-
value: value,
|
|
112
|
-
onChange: this.inputChange,
|
|
113
|
-
components: this.props.components,
|
|
114
|
-
ariaLabel: this.props.ariaLabel,
|
|
115
|
-
min: this.props.min,
|
|
116
|
-
max: this.props.max
|
|
117
|
-
}),
|
|
118
|
-
React.createElement("div", { className: "k-filtercell-operator" },
|
|
119
|
-
settings.operatorComponent(operatorComponentProps, this.props),
|
|
120
|
-
"\u00A0",
|
|
121
|
-
React.createElement(Button, { className: classNames((_a = {},
|
|
122
|
-
_a['k-clear-button-visible'] = (!(value === null || value === '') || operator),
|
|
123
|
-
_a)), title: clearButtonTitle, type: "button", onClick: this.clearButtonClick, icon: "filter-clear", svgIcon: filterClearIcon, disabled: !(!(value === null || value === '') || operator) })))));
|
|
124
|
-
};
|
|
125
|
-
return FilterComponent;
|
|
126
|
-
}(React.Component));
|
|
127
|
-
return Cell;
|
|
128
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const NumericFilterCell_base: React.ComponentClass<import("./FilterComponentProps").FilterComponentProps, any>;
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export declare class NumericFilterCell extends NumericFilterCell_base {
|
|
7
|
-
}
|
|
8
|
-
export {};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
import * as React from 'react';
|
|
28
|
-
import { createFilterComponent } from './FilterComponent';
|
|
29
|
-
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
30
|
-
import { NumericTextBox } from '@progress/kendo-react-inputs';
|
|
31
|
-
var settings = {
|
|
32
|
-
inputComponent: function (props) { return React.createElement(NumericTextBox, __assign({}, props)); },
|
|
33
|
-
operatorComponent: function (props) { return React.createElement(DropDownList, __assign({}, props)); },
|
|
34
|
-
emptyFilter: { operator: 'eq', value: null }
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
var NumericFilterCell = /** @class */ (function (_super) {
|
|
40
|
-
__extends(NumericFilterCell, _super);
|
|
41
|
-
function NumericFilterCell() {
|
|
42
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
43
|
-
}
|
|
44
|
-
return NumericFilterCell;
|
|
45
|
-
}(createFilterComponent(settings)));
|
|
46
|
-
export { NumericFilterCell };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
import * as React from 'react';
|
|
28
|
-
import { createFilterComponent } from './FilterComponent';
|
|
29
|
-
import { Input } from '@progress/kendo-react-inputs';
|
|
30
|
-
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
31
|
-
var settings = {
|
|
32
|
-
inputComponent: function (props) { return React.createElement(Input, __assign({}, props)); },
|
|
33
|
-
operatorComponent: function (props) { return React.createElement(DropDownList, __assign({}, props)); },
|
|
34
|
-
emptyFilter: { operator: 'contains', value: '' }
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
var TextFilterCell = /** @class */ (function (_super) {
|
|
40
|
-
__extends(TextFilterCell, _super);
|
|
41
|
-
function TextFilterCell() {
|
|
42
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
43
|
-
}
|
|
44
|
-
return TextFilterCell;
|
|
45
|
-
}(createFilterComponent(settings)));
|
|
46
|
-
export { TextFilterCell };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export * from './FilterComponent';
|
|
2
|
-
export * from './FilterComponentProps';
|
|
3
|
-
export * from './FilterCellProps';
|
|
4
|
-
export * from './FilterOperator';
|
|
5
|
-
export * from './BooleanFilter';
|
|
6
|
-
export * from './DateFilter';
|
|
7
|
-
export * from './NumericFilter';
|
|
8
|
-
export * from './TextFilter';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export * from './FilterComponent';
|
|
2
|
-
export * from './FilterComponentProps';
|
|
3
|
-
export * from './FilterCellProps';
|
|
4
|
-
export * from './FilterOperator';
|
|
5
|
-
export * from './BooleanFilter';
|
|
6
|
-
export * from './DateFilter';
|
|
7
|
-
export * from './NumericFilter';
|
|
8
|
-
export * from './TextFilter';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import { ComponentType } from 'react';
|
|
2
|
-
import { HeaderCellProps as HeaderCellPropsDefault } from './HeaderCell';
|
|
3
|
-
import { CellProps as CellPropsDefault } from './CellProps';
|
|
4
|
-
import { FilterCellProps as FilterCellPropsDefault } from '../filteringCells/FilterCellProps';
|
|
5
|
-
import { ColumnSortSettings } from './SortSettings';
|
|
6
|
-
import { ColumnMenuProps } from '../columnmenu';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export interface ColumnBaseProps<CellProps = CellPropsDefault> {
|
|
11
|
-
/**
|
|
12
|
-
* The field to which the column is bound.
|
|
13
|
-
*/
|
|
14
|
-
field?: string;
|
|
15
|
-
/**
|
|
16
|
-
* The title of the column.
|
|
17
|
-
*/
|
|
18
|
-
title?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Allows the column headers to be clicked and the `sortChange` event emitted.
|
|
21
|
-
* You have to handle the `sortChange` event yourself and sort the data.
|
|
22
|
-
* Defaults to `true`.
|
|
23
|
-
*/
|
|
24
|
-
sortable?: boolean | ColumnSortSettings;
|
|
25
|
-
/**
|
|
26
|
-
* The width of the column (in pixels).
|
|
27
|
-
*/
|
|
28
|
-
width?: string | number;
|
|
29
|
-
/**
|
|
30
|
-
* Defines if the header selection checkbox is checked.
|
|
31
|
-
*/
|
|
32
|
-
headerSelectionValue?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* The format that is applied to the value before it is displayed.
|
|
35
|
-
* Takes the `{0:format}` form where `format` is a standard number format, a custom number format,
|
|
36
|
-
* a standard date format, or a custom date format. For more information on the supported date and number formats,
|
|
37
|
-
* refer to the [kendo-intl](https://github.com/telerik/kendo-intl/blob/develop/docs/index.md) documentation.
|
|
38
|
-
*/
|
|
39
|
-
format?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Sets the custom CSS classes to the column header cell.
|
|
42
|
-
*/
|
|
43
|
-
headerClassName?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Sets the custom CSS classes to the column cells.
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Indicates whether the column is resizable.
|
|
50
|
-
*/
|
|
51
|
-
resizable?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Indicates whether the column is reorderable.
|
|
54
|
-
*/
|
|
55
|
-
reorderable?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* The width of the column (in pixels) below which the user is not able to resize the column through the UI. Defaults to `10`.
|
|
58
|
-
*/
|
|
59
|
-
minResizableWidth?: number;
|
|
60
|
-
/**
|
|
61
|
-
* Determinates the position of the column.
|
|
62
|
-
* Columns with smaller `orderIndex` will appear before columns with bigger `orderIndex`.
|
|
63
|
-
* Defaults to `0`.
|
|
64
|
-
*/
|
|
65
|
-
orderIndex?: number;
|
|
66
|
-
/**
|
|
67
|
-
* The column identifier used to distinguish columns for example in multi column header scenarios with resize and keyboard navigation.
|
|
68
|
-
* Also used for unique key for rendering the component cells.
|
|
69
|
-
* If not set, the component will generate unique `id` automatically.
|
|
70
|
-
*/
|
|
71
|
-
id?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Defines the component that will be rendered as a cell.
|
|
74
|
-
* If not set, a `Cell` will be rendered by default.
|
|
75
|
-
*/
|
|
76
|
-
cell?: ComponentType<CellProps>;
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
*/
|
|
80
|
-
navigatable?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
locked?: boolean;
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
export interface TreeColumnBaseProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends ColumnBaseProps<CellProps> {
|
|
90
|
-
/**
|
|
91
|
-
* A collection of child columns.
|
|
92
|
-
*/
|
|
93
|
-
children?: TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps>[];
|
|
94
|
-
/**
|
|
95
|
-
* The column menu component. Pass the [ColumnMenuTextColumn]({% slug api_data-tools_columnmenutextcolumn %}),
|
|
96
|
-
* [ColumnMenuNumericColumn]({% slug api_data-tools_columnmenunumericcolumn %}),
|
|
97
|
-
* [ColumnMenuDateColumn]({% slug api_data-tools_columnmenudatecolumn %}),
|
|
98
|
-
* [ColumnMenuBooleanColumn]({% slug api_data-tools_columnmenubooleancolumn %})
|
|
99
|
-
* or a custom component base on the type of the column data.
|
|
100
|
-
*/
|
|
101
|
-
columnMenu?: React.ComponentType<ColumnMenuProps>;
|
|
102
|
-
/**
|
|
103
|
-
* If set to `true`, the column will render the icons that are used for expanding and collapsing child rows.
|
|
104
|
-
*/
|
|
105
|
-
expandable?: boolean;
|
|
106
|
-
/**
|
|
107
|
-
* Defines the component that will be rendered as an edit cell.
|
|
108
|
-
*/
|
|
109
|
-
editCell?: ComponentType<CellProps>;
|
|
110
|
-
/**
|
|
111
|
-
* Defines the component that will be rendered as a header cell.
|
|
112
|
-
* If not set, a `HeaderCell` will be rendered by default.
|
|
113
|
-
*/
|
|
114
|
-
headerCell?: ComponentType<HeaderCellProps>;
|
|
115
|
-
/**
|
|
116
|
-
* **Deprecated**. Use `filterCell` prop instead.
|
|
117
|
-
*/
|
|
118
|
-
filter?: ComponentType<FilterCellProps>;
|
|
119
|
-
/**
|
|
120
|
-
* Defines the component that will be rendered as a filter cell.
|
|
121
|
-
*/
|
|
122
|
-
filterCell?: ComponentType<FilterCellProps>;
|
|
123
|
-
}
|
|
124
|
-
/**
|
|
125
|
-
* @hidden
|
|
126
|
-
*/
|
|
127
|
-
export interface ExtendedColumnProps<CellProps = CellPropsDefault, HeaderCellProps = HeaderCellPropsDefault, FilterCellProps = FilterCellPropsDefault> extends TreeColumnBaseProps<CellProps, HeaderCellProps, FilterCellProps> {
|
|
128
|
-
declarationIndex: number;
|
|
129
|
-
parentIndex: number;
|
|
130
|
-
colSpan: number;
|
|
131
|
-
rowSpan: number;
|
|
132
|
-
depth: number;
|
|
133
|
-
kFirst?: boolean;
|
|
134
|
-
index: number;
|
|
135
|
-
children: ExtendedColumnProps<CellProps, HeaderCellProps, FilterCellProps>[];
|
|
136
|
-
left: number;
|
|
137
|
-
right: number;
|
|
138
|
-
rightBorder: boolean;
|
|
139
|
-
groupable: boolean;
|
|
140
|
-
ariaColumnIndex: number;
|
|
141
|
-
isAccessible: boolean;
|
|
142
|
-
}
|
|
143
|
-
/**
|
|
144
|
-
* @hidden
|
|
145
|
-
*/
|
|
146
|
-
export declare const ColumnDefaultProps: {
|
|
147
|
-
filterable: boolean;
|
|
148
|
-
editable: boolean;
|
|
149
|
-
sortable: boolean;
|
|
150
|
-
resizable: boolean;
|
|
151
|
-
reorderable: boolean;
|
|
152
|
-
groupable: boolean;
|
|
153
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { HeaderThElement } from './HeaderThElement';
|
|
3
|
-
import { getFilterColumnId } from '../navigation/utils';
|
|
4
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
5
|
-
import { filterAriaLabel, messages } from '../messages';
|
|
6
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export var FILTER_ROW_CLASS = 'k-table-row k-filter-row';
|
|
11
|
-
var headerCellClassName = function (sort, field, locked) {
|
|
12
|
-
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
13
|
-
if (sort.some(function (descriptor) { return descriptor.field === field; })) {
|
|
14
|
-
result += ' k-sorted';
|
|
15
|
-
}
|
|
16
|
-
return result;
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export var FilterRow = function (props) {
|
|
22
|
-
var columns = props.columns, filter = props.filter, filterChange = props.filterChange, _a = props.sort, sort = _a === void 0 ? [] : _a, ariaRowIndex = props.ariaRowIndex;
|
|
23
|
-
var intl = useLocalization();
|
|
24
|
-
return (React.createElement("tr", { className: FILTER_ROW_CLASS, "aria-rowindex": ariaRowIndex, role: 'row' }, columns.map(function (column, index) {
|
|
25
|
-
var style = (column.locked !== undefined) ? {
|
|
26
|
-
left: column.left,
|
|
27
|
-
right: column.right,
|
|
28
|
-
borderRightWidth: column.rightBorder ? '1px' : ''
|
|
29
|
-
} : {};
|
|
30
|
-
var FilterCell = column.filterCell || column.filter;
|
|
31
|
-
return (React.createElement(HeaderThElement, { columnId: getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined, className: classNames('k-table-th k-header', headerCellClassName(sort, column.field, column.locked)) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
|
|
32
|
-
})));
|
|
33
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ColumnResize } from './../drag/ColumnResize';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export interface HeaderProps {
|
|
7
|
-
headerRow: React.ReactElement<any>;
|
|
8
|
-
filterRow?: React.ReactElement<any>;
|
|
9
|
-
columnResize?: ColumnResize;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare class Header extends React.Component<HeaderProps> {
|
|
15
|
-
private element;
|
|
16
|
-
componentDidMount(): void;
|
|
17
|
-
render(): JSX.Element;
|
|
18
|
-
}
|
package/dist/es/header/Header.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
import * as React from 'react';
|
|
28
|
-
import { isRtl } from './utils';
|
|
29
|
-
import { tableKeyboardNavigationHeaderAttributes } from '../navigation/constants';
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
var Header = /** @class */ (function (_super) {
|
|
34
|
-
__extends(Header, _super);
|
|
35
|
-
function Header() {
|
|
36
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
37
|
-
_this.element = null;
|
|
38
|
-
return _this;
|
|
39
|
-
}
|
|
40
|
-
Header.prototype.componentDidMount = function () {
|
|
41
|
-
var columnResize = this.props.columnResize;
|
|
42
|
-
if (columnResize && columnResize.resizable) {
|
|
43
|
-
columnResize.setIsRtl(isRtl(this.element));
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
Header.prototype.render = function () {
|
|
47
|
-
var _this = this;
|
|
48
|
-
return (React.createElement("thead", __assign({ className: "k-table-thead k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, tableKeyboardNavigationHeaderAttributes),
|
|
49
|
-
this.props.headerRow,
|
|
50
|
-
this.props.filterRow));
|
|
51
|
-
};
|
|
52
|
-
return Header;
|
|
53
|
-
}(React.Component));
|
|
54
|
-
export { Header };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export function HeaderCell(props) {
|
|
17
|
-
var clickProps = props.onClick ? {
|
|
18
|
-
onClick: props.onClick
|
|
19
|
-
} : {};
|
|
20
|
-
var defaultRendering = (React.createElement("span", __assign({ className: 'k-link' }, clickProps),
|
|
21
|
-
React.createElement("span", { className: 'k-column-title' }, props.title || props.field || '\u00A0'),
|
|
22
|
-
props.children));
|
|
23
|
-
return (React.createElement(React.Fragment, null, props.render ?
|
|
24
|
-
props.render.call(undefined, defaultRendering, props) :
|
|
25
|
-
defaultRendering));
|
|
26
|
-
}
|