@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,245 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
-
if (ar || !(i in from)) {
|
|
27
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
-
ar[i] = from[i];
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
-
};
|
|
33
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
-
exports.ColumnMenuBooleanColumn = exports.ColumnMenuDateColumn = exports.ColumnMenuNumericColumn = exports.ColumnMenuTextColumn = void 0;
|
|
35
|
-
var React = require("react");
|
|
36
|
-
var kendo_react_popup_1 = require("@progress/kendo-react-popup");
|
|
37
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
38
|
-
var kendo_data_query_1 = require("@progress/kendo-data-query");
|
|
39
|
-
var ColumnMenuItem_1 = require("./ColumnMenuItem");
|
|
40
|
-
var ColumnMenuFilters_1 = require("./ColumnMenuFilters");
|
|
41
|
-
var ColumnMenuFilterLogic_1 = require("./ColumnMenuFilterLogic");
|
|
42
|
-
var ColumnMenuFilterForm_1 = require("./ColumnMenuFilterForm");
|
|
43
|
-
var messages_1 = require("../messages");
|
|
44
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
45
|
-
var package_metadata_1 = require("../package-metadata");
|
|
46
|
-
var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
47
|
-
/** @hidden */
|
|
48
|
-
var ColumnMenuWrapper = function (props) {
|
|
49
|
-
(0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
50
|
-
var emptySort = React.useRef([]);
|
|
51
|
-
var field = props.field, filter = props.filter, _a = props.sort, sort = _a === void 0 ? emptySort.current : _a, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, initialFilter = props.initialFilter, _b = props.sortAsc, sortAsc = _b === void 0 ? false : _b, _c = props.sortDesc, sortDesc = _c === void 0 ? false : _c, _d = props.filterContent, filterContent = _d === void 0 ? [] : _d, _e = props.expandFilters, expandFilters = _e === void 0 ? false : _e;
|
|
52
|
-
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
53
|
-
var _g = React.useState(expandFilters), filterExpand = _g[0], setFilterExpand = _g[1];
|
|
54
|
-
var _h = React.useState(field && initialFilter ? initialFilter(field) : null), currentFilter = _h[0], setCurrentFilter = _h[1];
|
|
55
|
-
var anchor = React.useRef(null);
|
|
56
|
-
var popupRef = React.useRef(null);
|
|
57
|
-
var blurTimeout = React.useRef(null);
|
|
58
|
-
var willBlur = React.useRef(false);
|
|
59
|
-
var menuFilter = React.useCallback(function () {
|
|
60
|
-
return (filter || []).find(function (f) { return f.filters.every(function (inF) { return !(0, kendo_data_query_1.isCompositeFilterDescriptor)(inF) && inF.field === field; }); });
|
|
61
|
-
}, [filter, field]);
|
|
62
|
-
var closeMenu = React.useCallback(function () {
|
|
63
|
-
setShow(false);
|
|
64
|
-
}, []);
|
|
65
|
-
var onBlur = React.useCallback(function () {
|
|
66
|
-
if (willBlur.current) {
|
|
67
|
-
willBlur.current = false;
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
clearTimeout(blurTimeout.current);
|
|
71
|
-
blurTimeout.current = window.setTimeout(function () { closeMenu(); });
|
|
72
|
-
}, [closeMenu]);
|
|
73
|
-
var onFocus = React.useCallback(function () { return clearTimeout(blurTimeout.current); }, []);
|
|
74
|
-
var onAnchorMouseDown = React.useCallback(function (event) {
|
|
75
|
-
willBlur.current = show && event.currentTarget === anchor.current;
|
|
76
|
-
}, [show]);
|
|
77
|
-
var onColumnMenuButtonClick = React.useCallback(function () {
|
|
78
|
-
setShow(!show);
|
|
79
|
-
if (field && initialFilter) {
|
|
80
|
-
setFilterExpand(!show ? expandFilters : false);
|
|
81
|
-
setCurrentFilter(show ?
|
|
82
|
-
currentFilter :
|
|
83
|
-
(menuFilter() || initialFilter(field)));
|
|
84
|
-
}
|
|
85
|
-
}, [menuFilter, field, show, currentFilter, initialFilter, expandFilters]);
|
|
86
|
-
React.useEffect(function () {
|
|
87
|
-
if (show && popupRef.current) {
|
|
88
|
-
popupRef.current.focus();
|
|
89
|
-
}
|
|
90
|
-
}, [show]);
|
|
91
|
-
var filterItemClick = React.useCallback(function () { return setFilterExpand(!filterExpand); }, [filterExpand]);
|
|
92
|
-
var changeSort = React.useCallback(function (event, dir) {
|
|
93
|
-
var newSort = __spreadArray([], sort, true);
|
|
94
|
-
var currentSortIndex = newSort.findIndex(function (d) { return d.field === field; });
|
|
95
|
-
var newSortDescriptor = { field: field, dir: dir };
|
|
96
|
-
if (currentSortIndex >= 0) {
|
|
97
|
-
if (newSort[currentSortIndex].dir !== newSortDescriptor.dir) {
|
|
98
|
-
newSort.splice(currentSortIndex, 1, newSortDescriptor);
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
newSort.splice(currentSortIndex, 1);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
else {
|
|
105
|
-
newSort.push(newSortDescriptor);
|
|
106
|
-
}
|
|
107
|
-
closeMenu();
|
|
108
|
-
if (onSortChange) {
|
|
109
|
-
onSortChange.call(undefined, event, newSort, field);
|
|
110
|
-
}
|
|
111
|
-
}, [sort, field, onSortChange, closeMenu]);
|
|
112
|
-
var filterChange = React.useCallback(function (_event, nextFilter, prevFilter) {
|
|
113
|
-
var stateFilter = __assign(__assign({}, currentFilter), { filters: __spreadArray([], currentFilter.filters, true) });
|
|
114
|
-
var index = stateFilter.filters.indexOf(prevFilter);
|
|
115
|
-
stateFilter.filters.splice(index, 1, nextFilter);
|
|
116
|
-
setCurrentFilter(stateFilter);
|
|
117
|
-
}, [currentFilter]);
|
|
118
|
-
var onFilterSubmit = React.useCallback(function (event) {
|
|
119
|
-
event.preventDefault();
|
|
120
|
-
var newFilter = (filter || []).slice();
|
|
121
|
-
var prev = menuFilter();
|
|
122
|
-
var index = prev ? newFilter.indexOf(prev) : -1;
|
|
123
|
-
if (index >= 0) {
|
|
124
|
-
newFilter.splice(index, 1, currentFilter);
|
|
125
|
-
}
|
|
126
|
-
else {
|
|
127
|
-
newFilter.push(currentFilter);
|
|
128
|
-
}
|
|
129
|
-
closeMenu();
|
|
130
|
-
if (onFilterChange) {
|
|
131
|
-
onFilterChange.call(undefined, event, newFilter, field);
|
|
132
|
-
}
|
|
133
|
-
}, [filter, currentFilter, field, onFilterChange, closeMenu, menuFilter]);
|
|
134
|
-
var onFilterReset = React.useCallback(function (event) {
|
|
135
|
-
var newFilter = (filter || []).slice();
|
|
136
|
-
var prev = menuFilter();
|
|
137
|
-
var index = prev ? newFilter.indexOf(prev) : -1;
|
|
138
|
-
if (index >= 0) {
|
|
139
|
-
newFilter.splice(index, 1);
|
|
140
|
-
}
|
|
141
|
-
if (initialFilter) {
|
|
142
|
-
setCurrentFilter(initialFilter(field));
|
|
143
|
-
}
|
|
144
|
-
closeMenu();
|
|
145
|
-
if (onFilterChange) {
|
|
146
|
-
onFilterChange.call(undefined, event, newFilter, field);
|
|
147
|
-
}
|
|
148
|
-
}, [filter, field, onFilterChange, initialFilter, closeMenu, menuFilter]);
|
|
149
|
-
var sortAscChange = React.useCallback(function (e) { return changeSort(e, 'asc'); }, [changeSort]);
|
|
150
|
-
var sortDescChange = React.useCallback(function (e) { return changeSort(e, 'desc'); }, [changeSort]);
|
|
151
|
-
var onLogicChange = React.useCallback(function (event) { return currentFilter && setCurrentFilter(__assign(__assign({}, currentFilter), { logic: event.value.logic })); }, [currentFilter]);
|
|
152
|
-
var currentSort = sort.find(function (d) { return d.field === field; }) || { dir: '' };
|
|
153
|
-
var FirstFilterComponent = filterContent[0], FilterLogicComponent = filterContent[1], SecondFilterComponent = filterContent[2];
|
|
154
|
-
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
155
|
-
var sorting = (sortAsc || sortDesc) ? (React.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" },
|
|
156
|
-
sortAsc &&
|
|
157
|
-
(React.createElement(ColumnMenuItem_1.ColumnMenuItem, { title: localization.toLanguageString(messages_1.columnMenuSortAscending, messages_1.messages[messages_1.columnMenuSortAscending]), iconClass: "k-i-sort-asc-small", svgIcon: kendo_svg_icons_1.sortAscSmallIcon, selected: currentSort.dir === 'asc', onClick: sortAscChange })),
|
|
158
|
-
sortDesc &&
|
|
159
|
-
(React.createElement(ColumnMenuItem_1.ColumnMenuItem, { title: localization.toLanguageString(messages_1.columnMenuSortDescending, messages_1.messages[messages_1.columnMenuSortDescending]), iconClass: "k-i-sort-desc-small", svgIcon: kendo_svg_icons_1.sortDescSmallIcon, selected: currentSort.dir === 'desc', onClick: sortDescChange })))) : null;
|
|
160
|
-
// filter content empty when no field is supplied
|
|
161
|
-
var filtering = currentFilter && filterContent.length > 0 ? (React.createElement("div", { className: "k-columnmenu-item-wrapper", key: "filtering" },
|
|
162
|
-
React.createElement(ColumnMenuItem_1.ColumnMenuItem, { iconClass: "k-i-filter", svgIcon: kendo_svg_icons_1.filterIcon, title: localization.toLanguageString(messages_1.columnMenuFilterTitle, messages_1.messages[messages_1.columnMenuFilterTitle]), onClick: filterItemClick }),
|
|
163
|
-
React.createElement(ColumnMenuFilterForm_1.ColumnMenuFilterForm, { show: filterExpand, onSubmit: onFilterSubmit, onReset: onFilterReset },
|
|
164
|
-
FirstFilterComponent &&
|
|
165
|
-
React.createElement(FirstFilterComponent, { filter: currentFilter.filters[0], onFilterChange: filterChange }),
|
|
166
|
-
FilterLogicComponent &&
|
|
167
|
-
React.createElement(FilterLogicComponent, { value: currentFilter.logic, onChange: onLogicChange }),
|
|
168
|
-
SecondFilterComponent &&
|
|
169
|
-
React.createElement(SecondFilterComponent, { filter: currentFilter.filters[1], onFilterChange: filterChange })))) : null;
|
|
170
|
-
var menuItems = [sorting, filtering];
|
|
171
|
-
var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-header-menu k-grid-column-menu' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
|
|
172
|
-
React.createElement(kendo_react_common_1.IconWrap, { name: "more-vertical", icon: kendo_svg_icons_1.moreVerticalIcon })));
|
|
173
|
-
var popup = (React.createElement(kendo_react_popup_1.Popup, { anchor: anchor.current, show: show, key: "popup" },
|
|
174
|
-
React.createElement("div", { className: "k-grid-columnmenu-popup", ref: popupRef, tabIndex: 0, onBlur: onBlur, onFocus: onFocus, style: { outline: 'none' } }, props.itemsRender ?
|
|
175
|
-
props.itemsRender.call(undefined, menuItems, { closeMenu: closeMenu, field: field }) :
|
|
176
|
-
menuItems)));
|
|
177
|
-
var rendering = [button, popup];
|
|
178
|
-
return React.createElement(React.Fragment, null, props.render ? props.render.call(undefined, rendering) : rendering);
|
|
179
|
-
};
|
|
180
|
-
/**
|
|
181
|
-
* The `ColumnMenuTextColumn` component. Use it for `string` type columns.
|
|
182
|
-
*/
|
|
183
|
-
var ColumnMenuTextColumn = function (props) {
|
|
184
|
-
var field = props.field, others = __rest(props, ["field"]);
|
|
185
|
-
var initialFilter = React.useCallback(function (currentField) {
|
|
186
|
-
return ({ logic: 'and', filters: [{ operator: 'contains', field: currentField, value: '' }, { operator: 'contains', field: currentField, value: '' }] });
|
|
187
|
-
}, []);
|
|
188
|
-
var hasField = Boolean(props.field);
|
|
189
|
-
var filterContent = hasField ? [
|
|
190
|
-
ColumnMenuFilters_1.ColumnMenuTextFilter,
|
|
191
|
-
ColumnMenuFilterLogic_1.ColumnMenuFilterLogic,
|
|
192
|
-
ColumnMenuFilters_1.ColumnMenuTextFilter
|
|
193
|
-
] : [];
|
|
194
|
-
return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
|
|
195
|
-
};
|
|
196
|
-
exports.ColumnMenuTextColumn = ColumnMenuTextColumn;
|
|
197
|
-
/**
|
|
198
|
-
* The `ColumnMenuNumericColumn` component. Use it for `number` type columns.
|
|
199
|
-
*/
|
|
200
|
-
var ColumnMenuNumericColumn = function (props) {
|
|
201
|
-
var field = props.field, others = __rest(props, ["field"]);
|
|
202
|
-
var initialFilter = React.useCallback(function (currentField) {
|
|
203
|
-
return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
|
|
204
|
-
}, []);
|
|
205
|
-
var hasField = Boolean(props.field);
|
|
206
|
-
var filterContent = hasField ? [
|
|
207
|
-
ColumnMenuFilters_1.ColumnMenuNumericFilter,
|
|
208
|
-
ColumnMenuFilterLogic_1.ColumnMenuFilterLogic,
|
|
209
|
-
ColumnMenuFilters_1.ColumnMenuNumericFilter
|
|
210
|
-
] : [];
|
|
211
|
-
return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
|
|
212
|
-
};
|
|
213
|
-
exports.ColumnMenuNumericColumn = ColumnMenuNumericColumn;
|
|
214
|
-
/**
|
|
215
|
-
* The `ColumnMenuDateColumn` component. Use it for `Date` type columns.
|
|
216
|
-
*/
|
|
217
|
-
var ColumnMenuDateColumn = function (props) {
|
|
218
|
-
var field = props.field, others = __rest(props, ["field"]);
|
|
219
|
-
var initialFilter = React.useCallback(function (currentField) {
|
|
220
|
-
return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
|
|
221
|
-
}, []);
|
|
222
|
-
var hasField = Boolean(props.field);
|
|
223
|
-
var filterContent = hasField ? [
|
|
224
|
-
ColumnMenuFilters_1.ColumnMenuDateFilter,
|
|
225
|
-
ColumnMenuFilterLogic_1.ColumnMenuFilterLogic,
|
|
226
|
-
ColumnMenuFilters_1.ColumnMenuDateFilter
|
|
227
|
-
] : [];
|
|
228
|
-
return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
|
|
229
|
-
};
|
|
230
|
-
exports.ColumnMenuDateColumn = ColumnMenuDateColumn;
|
|
231
|
-
/**
|
|
232
|
-
* The `ColumnMenuBooleanColumn` component. Use it for `boolean` type columns.
|
|
233
|
-
*/
|
|
234
|
-
var ColumnMenuBooleanColumn = function (props) {
|
|
235
|
-
var field = props.field, others = __rest(props, ["field"]);
|
|
236
|
-
var initialFilter = React.useCallback(function (currentField) {
|
|
237
|
-
return ({ logic: 'and', filters: [{ operator: 'eq', field: currentField, value: false }] });
|
|
238
|
-
}, []);
|
|
239
|
-
var hasField = Boolean(props.field);
|
|
240
|
-
var filterContent = hasField ? [
|
|
241
|
-
ColumnMenuFilters_1.ColumnMenuBooleanFilter
|
|
242
|
-
] : [];
|
|
243
|
-
return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
|
|
244
|
-
};
|
|
245
|
-
exports.ColumnMenuBooleanColumn = ColumnMenuBooleanColumn;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ColumnMenuFormProps {
|
|
3
|
-
show?: boolean;
|
|
4
|
-
onSubmit?: React.FormEventHandler<HTMLFormElement>;
|
|
5
|
-
onReset?: React.FormEventHandler<HTMLFormElement>;
|
|
6
|
-
actions?: React.ReactNode;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const ColumnMenuForm: React.FunctionComponent<ColumnMenuFormProps>;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const ColumnMenuFilterForm: React.FunctionComponent<ColumnMenuFormProps>;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.ColumnMenuFilterForm = exports.ColumnMenuForm = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var kendo_react_animation_1 = require("@progress/kendo-react-animation");
|
|
17
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
18
|
-
var messages_1 = require("../messages");
|
|
19
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
20
|
-
var ColumnMenuForm = function (props) {
|
|
21
|
-
return (React.createElement("div", { className: "k-columnmenu-item-content" },
|
|
22
|
-
React.createElement(kendo_react_animation_1.Reveal, { style: { position: 'relative', display: 'block' } }, props.show && (React.createElement("div", { className: "kendo-grid-filter-menu-container" },
|
|
23
|
-
React.createElement("form", { className: "k-filter-menu k-group k-reset k-state-border-up", onSubmit: props.onSubmit, onReset: props.onReset },
|
|
24
|
-
React.createElement("div", { className: "k-filter-menu-container" },
|
|
25
|
-
props.children,
|
|
26
|
-
React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, props.actions))))))));
|
|
27
|
-
};
|
|
28
|
-
exports.ColumnMenuForm = ColumnMenuForm;
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
var ColumnMenuFilterForm = function (props) {
|
|
33
|
-
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
34
|
-
return (React.createElement(exports.ColumnMenuForm, __assign({}, props, { actions: (React.createElement(React.Fragment, null,
|
|
35
|
-
React.createElement(kendo_react_buttons_1.Button, { type: "reset" }, localization.toLanguageString(messages_1.columnMenuFilterClearButton, messages_1.messages[messages_1.columnMenuFilterClearButton])),
|
|
36
|
-
React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary' }, localization.toLanguageString(messages_1.columnMenuFilterSubmitButton, messages_1.messages[messages_1.columnMenuFilterSubmitButton])))) })));
|
|
37
|
-
};
|
|
38
|
-
exports.ColumnMenuFilterForm = ColumnMenuFilterForm;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.ColumnMenuFilterLogic = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
|
|
17
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
18
|
-
var messages_1 = require("../messages");
|
|
19
|
-
var logicData = [{ text: messages_1.columnMenuFilterAndLogic, logic: 'and' }, { text: messages_1.columnMenuFilterOrLogic, logic: 'or' }];
|
|
20
|
-
var ColumnMenuFilterLogic = function (props) {
|
|
21
|
-
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
22
|
-
var data = (props.data || logicData)
|
|
23
|
-
.map(function (i) { return (__assign(__assign({}, i), { text: localization.toLanguageString(i.text, messages_1.messages[i.text]) })); });
|
|
24
|
-
return (React.createElement(kendo_react_dropdowns_1.DropDownList, __assign({ onChange: props.onChange, className: "k-filter-and", textField: "text" }, props, { data: data, value: data.find(function (i) { return i.logic === props.value; }) })));
|
|
25
|
-
};
|
|
26
|
-
exports.ColumnMenuFilterLogic = ColumnMenuFilterLogic;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FilterDescriptor } from '@progress/kendo-data-query';
|
|
3
|
-
export interface ColumnMenuFilterProps {
|
|
4
|
-
filter: FilterDescriptor;
|
|
5
|
-
onFilterChange: (event: React.SyntheticEvent<any>, nextFilter: FilterDescriptor, prevFilter: FilterDescriptor) => void;
|
|
6
|
-
operators?: {
|
|
7
|
-
text: string;
|
|
8
|
-
operator: string;
|
|
9
|
-
}[];
|
|
10
|
-
initialFilter?: FilterDescriptor;
|
|
11
|
-
input?: React.ComponentType<{
|
|
12
|
-
value: any;
|
|
13
|
-
onChange: any;
|
|
14
|
-
}>;
|
|
15
|
-
}
|
|
16
|
-
export declare const ColumnMenuBooleanFilter: React.FunctionComponent<ColumnMenuFilterProps>;
|
|
17
|
-
export declare const ColumnMenuTextFilter: React.FunctionComponent<ColumnMenuFilterProps>;
|
|
18
|
-
export declare const ColumnMenuNumericFilter: React.FunctionComponent<ColumnMenuFilterProps>;
|
|
19
|
-
export declare const ColumnMenuDateFilter: React.FunctionComponent<ColumnMenuFilterProps>;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.ColumnMenuDateFilter = exports.ColumnMenuNumericFilter = exports.ColumnMenuTextFilter = exports.ColumnMenuBooleanFilter = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
17
|
-
var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
|
|
18
|
-
var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
|
|
19
|
-
var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
|
|
20
|
-
var messages_1 = require("../messages");
|
|
21
|
-
var ColumnMenuOperators_1 = require("./ColumnMenuOperators");
|
|
22
|
-
var ColumnMenuFilter = function (props) {
|
|
23
|
-
var filter = props.filter, onFilterChange = props.onFilterChange, operators = props.operators, initialFilter = props.initialFilter;
|
|
24
|
-
var operatorChange = React.useCallback(function (event) {
|
|
25
|
-
var prevFilter = filter;
|
|
26
|
-
var operator = event.target.value.operator;
|
|
27
|
-
var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { operator: operator }) : { value: initialFilter.value, operator: operator };
|
|
28
|
-
onFilterChange.call(undefined, event.syntheticEvent, nextFilter, prevFilter);
|
|
29
|
-
}, [filter, onFilterChange, initialFilter]);
|
|
30
|
-
var inputChange = React.useCallback(function (event) {
|
|
31
|
-
var value = event.target.value;
|
|
32
|
-
var prevFilter = filter;
|
|
33
|
-
var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { value: value }) : { value: value, operator: operators[0].operator };
|
|
34
|
-
onFilterChange.call(undefined, event, nextFilter, prevFilter);
|
|
35
|
-
}, [filter, onFilterChange, operators]);
|
|
36
|
-
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
37
|
-
var data = operators.map(function (o) { return (__assign(__assign({}, o), { text: localization.toLanguageString(o.text, messages_1.messages[o.text]) })); });
|
|
38
|
-
return (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement(kendo_react_dropdowns_1.DropDownList, { value: data.find(function (item) { return item.operator === filter.operator; }) || null, onChange: operatorChange, data: data, textField: "text" }),
|
|
40
|
-
React.createElement(props.input, { value: filter.value, onChange: inputChange })));
|
|
41
|
-
};
|
|
42
|
-
var ColumnMenuBooleanFilter = function (props) {
|
|
43
|
-
var filter = props.filter, onFilterChange = props.onFilterChange;
|
|
44
|
-
var inputChange = React.useCallback(function (event) { return onFilterChange.call(undefined, event.syntheticEvent, __assign(__assign({}, filter), { value: event.value }), filter); }, [filter, onFilterChange]);
|
|
45
|
-
var isTrue = ColumnMenuOperators_1.ColumnMenuOperators.boolean[0].text;
|
|
46
|
-
return (React.createElement(kendo_react_inputs_1.Checkbox, { onChange: inputChange, checked: filter.value, label: (0, kendo_react_intl_1.useLocalization)().toLanguageString(isTrue, messages_1.messages[isTrue]), labelPlacement: "after" }));
|
|
47
|
-
};
|
|
48
|
-
exports.ColumnMenuBooleanFilter = ColumnMenuBooleanFilter;
|
|
49
|
-
var ColumnMenuTextFilter = function (props) {
|
|
50
|
-
var input = React.useCallback(function (pr) { return React.createElement(kendo_react_inputs_1.Input, __assign({}, pr, { value: pr.value || '' })); }, []);
|
|
51
|
-
var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.text);
|
|
52
|
-
var initialFilter = React.useRef({ operator: '', value: '' });
|
|
53
|
-
return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
|
|
54
|
-
};
|
|
55
|
-
exports.ColumnMenuTextFilter = ColumnMenuTextFilter;
|
|
56
|
-
var ColumnMenuNumericFilter = function (props) {
|
|
57
|
-
var input = React.useCallback(function (pr) { return React.createElement(kendo_react_inputs_1.NumericTextBox, __assign({}, pr, { value: pr.value || null })); }, []);
|
|
58
|
-
var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.numeric);
|
|
59
|
-
var initialFilter = React.useRef({ operator: '', value: null });
|
|
60
|
-
return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
|
|
61
|
-
};
|
|
62
|
-
exports.ColumnMenuNumericFilter = ColumnMenuNumericFilter;
|
|
63
|
-
var ColumnMenuDateFilter = function (props) {
|
|
64
|
-
var input = React.useCallback(function (pr) { return React.createElement(kendo_react_dateinputs_1.DatePicker, __assign({}, pr, { value: pr.value || null })); }, []);
|
|
65
|
-
var operators = React.useRef(ColumnMenuOperators_1.ColumnMenuOperators.date);
|
|
66
|
-
var initialFilter = React.useRef({ operator: '', value: null });
|
|
67
|
-
return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
|
|
68
|
-
};
|
|
69
|
-
exports.ColumnMenuDateFilter = ColumnMenuDateFilter;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ColumnMenuItem = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
6
|
-
var ColumnMenuItem = function (props) {
|
|
7
|
-
return (React.createElement("div", { onClick: props.onClick, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item', { 'k-selected': props.selected }, { 'k-disabled': props.disabled }) },
|
|
8
|
-
(props.iconClass || props.svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: props.iconClass ? (0, kendo_react_common_1.toIconName)(props.iconClass) : undefined, icon: props.svgIcon }),
|
|
9
|
-
props.title));
|
|
10
|
-
};
|
|
11
|
-
exports.ColumnMenuItem = ColumnMenuItem;
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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));
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.ColumnMenuOperators = void 0;
|
|
13
|
-
var messages_1 = require("../messages");
|
|
14
|
-
var textOperators = [
|
|
15
|
-
{ text: messages_1.columnMenuFilterContainsOperator, operator: 'contains' },
|
|
16
|
-
{ text: messages_1.columnMenuFilterNotContainsOperator, operator: 'doesnotcontain' },
|
|
17
|
-
{ text: messages_1.columnMenuFilterEqOperator, operator: 'eq' },
|
|
18
|
-
{ text: messages_1.columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
19
|
-
{ text: messages_1.columnMenuFilterStartsWithOperator, operator: 'startswith' },
|
|
20
|
-
{ text: messages_1.columnMenuFilterEndsWithOperator, operator: 'endswith' },
|
|
21
|
-
{ text: messages_1.columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
22
|
-
{ text: messages_1.columnMenuFilterIsNotNullOperator, operator: 'isnotnull' },
|
|
23
|
-
{ text: messages_1.columnMenuFilterIsEmptyOperator, operator: 'isempty' },
|
|
24
|
-
{ text: messages_1.columnMenuFilterIsNotEmptyOperator, operator: 'isnotempty' }
|
|
25
|
-
];
|
|
26
|
-
var numericOperators = [
|
|
27
|
-
{ text: messages_1.columnMenuFilterEqOperator, operator: 'eq' },
|
|
28
|
-
{ text: messages_1.columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
29
|
-
{ text: messages_1.columnMenuFilterGteOperator, operator: 'gte' },
|
|
30
|
-
{ text: messages_1.columnMenuFilterGtOperator, operator: 'gt' },
|
|
31
|
-
{ text: messages_1.columnMenuFilterLteOperator, operator: 'lte' },
|
|
32
|
-
{ text: messages_1.columnMenuFilterLtOperator, operator: 'lt' },
|
|
33
|
-
{ text: messages_1.columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
34
|
-
{ text: messages_1.columnMenuFilterIsNotNullOperator, operator: 'isnotnull' }
|
|
35
|
-
];
|
|
36
|
-
var dateOperators = [
|
|
37
|
-
{ text: messages_1.columnMenuFilterEqOperator, operator: 'eq' },
|
|
38
|
-
{ text: messages_1.columnMenuFilterNotEqOperator, operator: 'neq' },
|
|
39
|
-
{ text: messages_1.columnMenuFilterAfterOrEqualOperator, operator: 'gte' },
|
|
40
|
-
{ text: messages_1.columnMenuFilterAfterOperator, operator: 'gt' },
|
|
41
|
-
{ text: messages_1.columnMenuFilterBeforeOperator, operator: 'lt' },
|
|
42
|
-
{ text: messages_1.columnMenuFilterBeforeOrEqualOperator, operator: 'lte' },
|
|
43
|
-
{ text: messages_1.columnMenuFilterIsNullOperator, operator: 'isnull' },
|
|
44
|
-
{ text: messages_1.columnMenuFilterIsNotNullOperator, operator: 'isnotnull' }
|
|
45
|
-
];
|
|
46
|
-
var booleanOperators = [
|
|
47
|
-
{ text: messages_1.columnMenuFilterIsTrue, operator: '' }
|
|
48
|
-
];
|
|
49
|
-
/**
|
|
50
|
-
* Represents the operators for the ColumnMenuTextFilter, ColumnMenuNumericFilter,
|
|
51
|
-
* ColumnMenuDateFilter and ColumnMenuBooleanFilter components.
|
|
52
|
-
*
|
|
53
|
-
* The text field of each operator object will be resolved according to the
|
|
54
|
-
* [localization messages]({% slug globalization_datatools %}#toc-messages).
|
|
55
|
-
*/
|
|
56
|
-
var ColumnMenuOperators = /** @class */ (function () {
|
|
57
|
-
function ColumnMenuOperators() {
|
|
58
|
-
}
|
|
59
|
-
Object.defineProperty(ColumnMenuOperators, "text", {
|
|
60
|
-
/**
|
|
61
|
-
* An array containing the operators for the ColumnMenuTextFilter component.
|
|
62
|
-
*
|
|
63
|
-
* The operators are:
|
|
64
|
-
*
|
|
65
|
-
* - { text: 'columnMenu.filterContainsOperator', operator: 'contains' }
|
|
66
|
-
* - { text: 'columnMenu.filterNotContainsOperator', operator: 'doesnotcontain' }
|
|
67
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
68
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
69
|
-
* - { text: 'columnMenu.filterStartsWithOperator', operator: 'startswith' }
|
|
70
|
-
* - { text: 'columnMenu.filterEndsWithOperator', operator: 'endswith' }
|
|
71
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
72
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
73
|
-
* - { text: 'columnMenu.filterIsEmptyOperator', operator: 'isempty' }
|
|
74
|
-
* - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
|
|
75
|
-
*/
|
|
76
|
-
get: function () {
|
|
77
|
-
return __spreadArray([], textOperators, true);
|
|
78
|
-
},
|
|
79
|
-
enumerable: false,
|
|
80
|
-
configurable: true
|
|
81
|
-
});
|
|
82
|
-
Object.defineProperty(ColumnMenuOperators, "numeric", {
|
|
83
|
-
/**
|
|
84
|
-
* An array containing the operators for the ColumnMenuNumericFilter component.
|
|
85
|
-
*
|
|
86
|
-
* The operators are:
|
|
87
|
-
*
|
|
88
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
89
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
90
|
-
* - { text: 'columnMenu.filterGteOperator', operator: 'gte' }
|
|
91
|
-
* - { text: 'columnMenu.filterGtOperator', operator: 'gt' }
|
|
92
|
-
* - { text: 'columnMenu.filterLteOperator', operator: 'lte' }
|
|
93
|
-
* - { text: 'columnMenu.filterLtOperator', operator: 'lt' }
|
|
94
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
95
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
96
|
-
*/
|
|
97
|
-
get: function () {
|
|
98
|
-
return __spreadArray([], numericOperators, true);
|
|
99
|
-
},
|
|
100
|
-
enumerable: false,
|
|
101
|
-
configurable: true
|
|
102
|
-
});
|
|
103
|
-
Object.defineProperty(ColumnMenuOperators, "date", {
|
|
104
|
-
/**
|
|
105
|
-
* An array containing the operators for the ColumnMenuDateFilter component.
|
|
106
|
-
*
|
|
107
|
-
* The operators are:
|
|
108
|
-
*
|
|
109
|
-
* - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
|
|
110
|
-
* - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
|
|
111
|
-
* - { text: 'columnMenu.filterAfterOrEqualOperator', operator: 'gte' }
|
|
112
|
-
* - { text: 'columnMenu.filterAfterOperator', operator: 'gt' }
|
|
113
|
-
* - { text: 'columnMenu.filterBeforeOperator', operator: 'lt' }
|
|
114
|
-
* - { text: 'columnMenu.filterBeforeOrEqualOperator', operator: 'lte' }
|
|
115
|
-
* - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
|
|
116
|
-
* - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
117
|
-
*/
|
|
118
|
-
get: function () {
|
|
119
|
-
return __spreadArray([], dateOperators, true);
|
|
120
|
-
},
|
|
121
|
-
enumerable: false,
|
|
122
|
-
configurable: true
|
|
123
|
-
});
|
|
124
|
-
Object.defineProperty(ColumnMenuOperators, "boolean", {
|
|
125
|
-
/**
|
|
126
|
-
* An array containing the operators for the ColumnMenuBooleanFilter component.
|
|
127
|
-
*
|
|
128
|
-
* The operators are:
|
|
129
|
-
*
|
|
130
|
-
* - { text: 'columnMenu.filterIsTrue', operator: '' }
|
|
131
|
-
*/
|
|
132
|
-
get: function () {
|
|
133
|
-
return __spreadArray([], booleanOperators, true);
|
|
134
|
-
},
|
|
135
|
-
enumerable: false,
|
|
136
|
-
configurable: true
|
|
137
|
-
});
|
|
138
|
-
return ColumnMenuOperators;
|
|
139
|
-
}());
|
|
140
|
-
exports.ColumnMenuOperators = ColumnMenuOperators;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
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);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./ColumnMenu"), exports);
|
|
18
|
-
__exportStar(require("./ColumnMenuFilterForm"), exports);
|
|
19
|
-
__exportStar(require("./ColumnMenuFilterLogic"), exports);
|
|
20
|
-
__exportStar(require("./ColumnMenuFilters"), exports);
|
|
21
|
-
__exportStar(require("./ColumnMenuItem"), exports);
|
|
22
|
-
__exportStar(require("./ColumnMenuOperators"), exports);
|