@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
package/dist/es/drag/DragClue.js
DELETED
|
@@ -1,66 +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
|
-
import * as React from 'react';
|
|
17
|
-
import { createPortal } from 'react-dom';
|
|
18
|
-
import { canUseDOM, IconWrap } from '@progress/kendo-react-common';
|
|
19
|
-
import { cancelIcon, plusIcon } from '@progress/kendo-svg-icons';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
var DragClue = /** @class */ (function (_super) {
|
|
24
|
-
__extends(DragClue, _super);
|
|
25
|
-
function DragClue(props) {
|
|
26
|
-
var _this = _super.call(this, props) || this;
|
|
27
|
-
_this.elementRef = React.createRef();
|
|
28
|
-
_this.state = {
|
|
29
|
-
visible: false,
|
|
30
|
-
top: 0,
|
|
31
|
-
left: 0,
|
|
32
|
-
innerText: '',
|
|
33
|
-
status: 'k-i-cancel'
|
|
34
|
-
};
|
|
35
|
-
_this.hiddenElementRef = React.createRef();
|
|
36
|
-
return _this;
|
|
37
|
-
}
|
|
38
|
-
Object.defineProperty(DragClue.prototype, "element", {
|
|
39
|
-
get: function () {
|
|
40
|
-
return this.elementRef.current;
|
|
41
|
-
},
|
|
42
|
-
enumerable: false,
|
|
43
|
-
configurable: true
|
|
44
|
-
});
|
|
45
|
-
DragClue.prototype.render = function () {
|
|
46
|
-
var hiddenElement = this.hiddenElementRef.current;
|
|
47
|
-
var status = this.state.status;
|
|
48
|
-
var dragClue = this.state.visible && canUseDOM && createPortal((React.createElement("div", { ref: this.elementRef, className: "k-header k-drag-clue", style: {
|
|
49
|
-
display: 'block',
|
|
50
|
-
position: 'absolute',
|
|
51
|
-
zIndex: 20000,
|
|
52
|
-
padding: '8px 12px',
|
|
53
|
-
top: this.state.top + 'px',
|
|
54
|
-
left: this.state.left + 'px'
|
|
55
|
-
} },
|
|
56
|
-
React.createElement(IconWrap, { className: 'k-drag-status', name: status, icon: status === 'k-i-cancel' ? cancelIcon : plusIcon }),
|
|
57
|
-
this.state.innerText)), (hiddenElement && hiddenElement.ownerDocument ?
|
|
58
|
-
hiddenElement.ownerDocument.body :
|
|
59
|
-
document.body));
|
|
60
|
-
return (React.createElement(React.Fragment, null,
|
|
61
|
-
dragClue,
|
|
62
|
-
React.createElement("div", { ref: this.hiddenElementRef, style: { display: 'none' } })));
|
|
63
|
-
};
|
|
64
|
-
return DragClue;
|
|
65
|
-
}(React.PureComponent));
|
|
66
|
-
export { DragClue };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface DropClueState {
|
|
6
|
-
visible: boolean;
|
|
7
|
-
top: number;
|
|
8
|
-
left: number;
|
|
9
|
-
height: number;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare class DropClue extends React.PureComponent<any, DropClueState> {
|
|
15
|
-
readonly state: DropClueState;
|
|
16
|
-
hiddenElementRef: React.RefObject<HTMLDivElement>;
|
|
17
|
-
constructor(props: any);
|
|
18
|
-
render(): JSX.Element;
|
|
19
|
-
}
|
package/dist/es/drag/DropClue.js
DELETED
|
@@ -1,52 +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
|
-
import * as React from 'react';
|
|
17
|
-
import { createPortal } from 'react-dom';
|
|
18
|
-
import { canUseDOM } from '@progress/kendo-react-common';
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
var DropClue = /** @class */ (function (_super) {
|
|
23
|
-
__extends(DropClue, _super);
|
|
24
|
-
function DropClue(props) {
|
|
25
|
-
var _this = _super.call(this, props) || this;
|
|
26
|
-
_this.state = {
|
|
27
|
-
height: 0,
|
|
28
|
-
visible: false,
|
|
29
|
-
left: 0,
|
|
30
|
-
top: 0
|
|
31
|
-
};
|
|
32
|
-
_this.hiddenElementRef = React.createRef();
|
|
33
|
-
return _this;
|
|
34
|
-
}
|
|
35
|
-
DropClue.prototype.render = function () {
|
|
36
|
-
var hiddenElement = this.hiddenElementRef.current;
|
|
37
|
-
var dropClue = this.state.visible && canUseDOM && createPortal((React.createElement("div", { className: "k-grouping-dropclue", style: {
|
|
38
|
-
zIndex: 10000,
|
|
39
|
-
display: 'block',
|
|
40
|
-
top: this.state.top + 'px',
|
|
41
|
-
left: this.state.left + 'px',
|
|
42
|
-
height: this.state.height + 'px'
|
|
43
|
-
} })), (hiddenElement && hiddenElement.ownerDocument ?
|
|
44
|
-
hiddenElement.ownerDocument.body :
|
|
45
|
-
document.body));
|
|
46
|
-
return (React.createElement(React.Fragment, null,
|
|
47
|
-
dropClue,
|
|
48
|
-
React.createElement("div", { ref: this.hiddenElementRef, style: { display: 'none' } })));
|
|
49
|
-
};
|
|
50
|
-
return DropClue;
|
|
51
|
-
}(React.PureComponent));
|
|
52
|
-
export { DropClue };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { FilterDescriptor } from '@progress/kendo-data-query';
|
|
4
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
5
|
-
import { FieldSettings } from './FieldSettings';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export interface ExpressionChangeEvent extends BaseEvent<Expression> {
|
|
10
|
-
prevFilter: FilterDescriptor;
|
|
11
|
-
nextFilter: FilterDescriptor;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export interface ExpressionRemoveEvent extends BaseEvent<Expression> {
|
|
17
|
-
filter: FilterDescriptor;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export interface ExpressionProps {
|
|
23
|
-
filter: FilterDescriptor;
|
|
24
|
-
fields: Array<FieldSettings>;
|
|
25
|
-
ariaLabel?: string;
|
|
26
|
-
onChange: (event: ExpressionChangeEvent) => void;
|
|
27
|
-
onRemove: (event: ExpressionRemoveEvent) => void;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare class Expression extends React.Component<ExpressionProps> {
|
|
33
|
-
static propTypes: {
|
|
34
|
-
filter: PropTypes.Validator<object>;
|
|
35
|
-
fields: PropTypes.Validator<any[]>;
|
|
36
|
-
ariaLabel: PropTypes.Requireable<string>;
|
|
37
|
-
onChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
38
|
-
onRemove: PropTypes.Validator<(...args: any[]) => any>;
|
|
39
|
-
};
|
|
40
|
-
render(): JSX.Element;
|
|
41
|
-
private onFieldChange;
|
|
42
|
-
private onOperatorChange;
|
|
43
|
-
private onInputChange;
|
|
44
|
-
private triggerOnFilterChange;
|
|
45
|
-
private onFilterRemove;
|
|
46
|
-
}
|
|
@@ -1,140 +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 __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import * as React from 'react';
|
|
39
|
-
import * as PropTypes from 'prop-types';
|
|
40
|
-
import { Button, Toolbar, ToolbarItem } from '@progress/kendo-react-buttons';
|
|
41
|
-
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
42
|
-
import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
|
|
43
|
-
import { xIcon } from '@progress/kendo-svg-icons';
|
|
44
|
-
import { unaryOperator, stringOperator } from './operators';
|
|
45
|
-
import { messages, filterClose, filterExpressionAriaLabel, filterExpressionDropdownAriaLabel, filterExpressionOperatorDropdownAriaLabel } from '../messages';
|
|
46
|
-
var setInitialValue = function (filter) {
|
|
47
|
-
if (filter.value === undefined && !unaryOperator(filter.operator)) {
|
|
48
|
-
filter.value = stringOperator(filter.operator) ? '' : null;
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
var Expression = /** @class */ (function (_super) {
|
|
55
|
-
__extends(Expression, _super);
|
|
56
|
-
function Expression() {
|
|
57
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
58
|
-
_this.onFieldChange = function (event) {
|
|
59
|
-
var nextFieldName = event.value.name;
|
|
60
|
-
var nextField = _this.props.fields.find(function (f) { return f.name === nextFieldName; });
|
|
61
|
-
var prevFilter = _this.props.filter;
|
|
62
|
-
var operator = (nextField && !nextField.operators.some(function (o) { return o.operator === prevFilter.operator; })) ?
|
|
63
|
-
nextField.operators[0].operator : prevFilter.operator;
|
|
64
|
-
var nextFilter = {
|
|
65
|
-
field: nextFieldName,
|
|
66
|
-
operator: operator
|
|
67
|
-
};
|
|
68
|
-
setInitialValue(nextFilter);
|
|
69
|
-
_this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
70
|
-
};
|
|
71
|
-
_this.onOperatorChange = function (event) {
|
|
72
|
-
var operator = event.value.operator;
|
|
73
|
-
var prevFilter = _this.props.filter;
|
|
74
|
-
var nextFilter;
|
|
75
|
-
if (unaryOperator(operator)) {
|
|
76
|
-
var value = prevFilter.value, prevFilterNoValue = __rest(prevFilter, ["value"]);
|
|
77
|
-
nextFilter = __assign(__assign({}, prevFilterNoValue), { operator: operator });
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
nextFilter = __assign(__assign({}, prevFilter), { operator: operator });
|
|
81
|
-
}
|
|
82
|
-
setInitialValue(nextFilter);
|
|
83
|
-
_this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
84
|
-
};
|
|
85
|
-
_this.onInputChange = function (event) {
|
|
86
|
-
var prevFilter = _this.props.filter;
|
|
87
|
-
var nextFilter = event.nextFilter;
|
|
88
|
-
if (unaryOperator(nextFilter.operator)) {
|
|
89
|
-
var field = _this.props.fields.find(function (f) { return f.name === nextFilter.field; });
|
|
90
|
-
nextFilter = __assign(__assign({}, nextFilter), { operator: (field && field.operators[0].operator) || nextFilter.operator });
|
|
91
|
-
}
|
|
92
|
-
_this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
93
|
-
};
|
|
94
|
-
_this.triggerOnFilterChange = function (prevFilter, nextFilter, event) {
|
|
95
|
-
var changeEvent = {
|
|
96
|
-
prevFilter: prevFilter,
|
|
97
|
-
nextFilter: nextFilter,
|
|
98
|
-
syntheticEvent: event.syntheticEvent,
|
|
99
|
-
nativeEvent: event.nativeEvent,
|
|
100
|
-
target: _this
|
|
101
|
-
};
|
|
102
|
-
_this.props.onChange.call(undefined, changeEvent);
|
|
103
|
-
};
|
|
104
|
-
_this.onFilterRemove = function (event) {
|
|
105
|
-
var removeEvent = {
|
|
106
|
-
filter: _this.props.filter,
|
|
107
|
-
syntheticEvent: event.syntheticEvent,
|
|
108
|
-
nativeEvent: event.nativeEvent,
|
|
109
|
-
target: _this
|
|
110
|
-
};
|
|
111
|
-
_this.props.onRemove.call(undefined, removeEvent);
|
|
112
|
-
};
|
|
113
|
-
return _this;
|
|
114
|
-
}
|
|
115
|
-
Expression.prototype.render = function () {
|
|
116
|
-
var locService = provideLocalizationService(this);
|
|
117
|
-
var _a = this.props, fields = _a.fields, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(filterExpressionAriaLabel, messages[filterExpressionAriaLabel]) : _b;
|
|
118
|
-
var field = fields.find(function (f) { return f.name === filter.field; });
|
|
119
|
-
var operators = ((field && field.operators) || [])
|
|
120
|
-
.map(function (o) { return (__assign(__assign({}, o), { text: locService.toLanguageString(o.text, messages[o.text] || o.text) })); });
|
|
121
|
-
return (React.createElement("div", { className: "k-filter-toolbar" },
|
|
122
|
-
React.createElement(Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
|
|
123
|
-
React.createElement(ToolbarItem, { className: "k-filter-field" },
|
|
124
|
-
React.createElement(DropDownList, { className: "k-filter-dropdown", data: fields, textField: "label", value: fields.find(function (f) { return f.name === filter.field; }), onChange: this.onFieldChange, ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel]) })),
|
|
125
|
-
React.createElement(ToolbarItem, { className: "k-filter-operator" },
|
|
126
|
-
React.createElement(DropDownList, { data: operators, textField: "text", value: operators.find(function (o) { return o.operator === filter.operator; }), onChange: this.onOperatorChange, ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel]) })),
|
|
127
|
-
React.createElement(ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange, min: field.min, max: field.max })),
|
|
128
|
-
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove }))));
|
|
129
|
-
};
|
|
130
|
-
Expression.propTypes = {
|
|
131
|
-
filter: PropTypes.object.isRequired,
|
|
132
|
-
fields: PropTypes.array.isRequired,
|
|
133
|
-
ariaLabel: PropTypes.string,
|
|
134
|
-
onChange: PropTypes.func.isRequired,
|
|
135
|
-
onRemove: PropTypes.func.isRequired
|
|
136
|
-
};
|
|
137
|
-
return Expression;
|
|
138
|
-
}(React.Component));
|
|
139
|
-
export { Expression };
|
|
140
|
-
registerForLocalization(Expression);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/es/filter/Filter.js
DELETED
|
@@ -1,99 +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 * as PropTypes from 'prop-types';
|
|
29
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
30
|
-
import { Group } from './Group';
|
|
31
|
-
import { validatePackage } from '@progress/kendo-react-common';
|
|
32
|
-
import { packageMetadata } from '../package-metadata';
|
|
33
|
-
/**
|
|
34
|
-
* Represents the [KendoReact Filter component]({% slug overview_filter %}).
|
|
35
|
-
*/
|
|
36
|
-
var Filter = /** @class */ (function (_super) {
|
|
37
|
-
__extends(Filter, _super);
|
|
38
|
-
function Filter(props) {
|
|
39
|
-
var _this = _super.call(this, props) || this;
|
|
40
|
-
_this.onFilterChange = function (event) {
|
|
41
|
-
var changeEvent = {
|
|
42
|
-
filter: event.nextFilter,
|
|
43
|
-
syntheticEvent: event.syntheticEvent,
|
|
44
|
-
nativeEvent: event.nativeEvent,
|
|
45
|
-
target: _this
|
|
46
|
-
};
|
|
47
|
-
_this.props.onChange.call(undefined, changeEvent);
|
|
48
|
-
};
|
|
49
|
-
_this.onGroupRemove = function (event) {
|
|
50
|
-
var changeEvent = {
|
|
51
|
-
filter: __assign(__assign({}, _this.props.value), { filters: [] }),
|
|
52
|
-
syntheticEvent: event.syntheticEvent,
|
|
53
|
-
nativeEvent: event.nativeEvent,
|
|
54
|
-
target: _this
|
|
55
|
-
};
|
|
56
|
-
_this.props.onChange.call(undefined, changeEvent);
|
|
57
|
-
};
|
|
58
|
-
validatePackage(packageMetadata);
|
|
59
|
-
return _this;
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
Filter.prototype.render = function () {
|
|
65
|
-
return (React.createElement("div", { className: classNames('k-filter', this.props.className), style: this.props.style },
|
|
66
|
-
React.createElement("ul", { role: 'tree', className: "k-filter-container", "aria-label": this.props.ariaLabel },
|
|
67
|
-
React.createElement("li", { role: 'treeitem', className: "k-filter-group-main" },
|
|
68
|
-
React.createElement(Group, { filter: this.props.value, fields: this.props.fields, ariaLabel: this.props.ariaLabelGroup, ariaLabelExpression: this.props.ariaLabelExpression, onChange: this.onFilterChange, onRemove: this.onGroupRemove, defaultGroupFilter: this.props.defaultGroupFilter || { logic: 'and', filters: [] } })))));
|
|
69
|
-
};
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
Filter.propTypes = {
|
|
74
|
-
className: PropTypes.string,
|
|
75
|
-
style: PropTypes.object,
|
|
76
|
-
fields: function (props, propName) {
|
|
77
|
-
var prop = props[propName];
|
|
78
|
-
if (prop === undefined) {
|
|
79
|
-
return new Error("Property '".concat(propName, "' is missing."));
|
|
80
|
-
}
|
|
81
|
-
else if (!Array.isArray(prop)) {
|
|
82
|
-
return new Error("Property '".concat(propName, "' needs to be Array<FieldSettings>."));
|
|
83
|
-
}
|
|
84
|
-
else if (Object.keys(prop.reduce(function (acc, cur) {
|
|
85
|
-
var _a;
|
|
86
|
-
return (__assign(__assign({}, acc), (_a = {}, _a[cur.name] = 1, _a)));
|
|
87
|
-
}, {})).length !== prop.length) {
|
|
88
|
-
return new Error("Property '".concat(propName, "' needs to contain objects with unique 'name' field."));
|
|
89
|
-
}
|
|
90
|
-
return null;
|
|
91
|
-
},
|
|
92
|
-
ariaLabelGroup: PropTypes.string,
|
|
93
|
-
ariaLabelExpression: PropTypes.string,
|
|
94
|
-
value: PropTypes.object.isRequired,
|
|
95
|
-
onChange: PropTypes.func.isRequired
|
|
96
|
-
};
|
|
97
|
-
return Filter;
|
|
98
|
-
}(React.Component));
|
|
99
|
-
export { Filter };
|
package/dist/es/filter/Group.js
DELETED
|
@@ -1,163 +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 * as PropTypes from 'prop-types';
|
|
38
|
-
import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
39
|
-
import { Button, Toolbar, ButtonGroup } from '@progress/kendo-react-buttons';
|
|
40
|
-
import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
|
|
41
|
-
import { filterAddExpressionIcon, filterAddGroupIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
42
|
-
import { Expression } from './Expression';
|
|
43
|
-
import { stringOperator } from './operators';
|
|
44
|
-
import { messages, filterAndLogic, filterOrLogic, filterAddExpression, filterAddGroup, filterClose, filterGroupAriaLabel } from '../messages';
|
|
45
|
-
/**
|
|
46
|
-
* @hidden
|
|
47
|
-
*/
|
|
48
|
-
var Group = /** @class */ (function (_super) {
|
|
49
|
-
__extends(Group, _super);
|
|
50
|
-
function Group() {
|
|
51
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
52
|
-
_this.onGroupRemove = function (event) {
|
|
53
|
-
var ev = {
|
|
54
|
-
filter: _this.props.filter,
|
|
55
|
-
target: _this,
|
|
56
|
-
syntheticEvent: event,
|
|
57
|
-
nativeEvent: event.nativeEvent
|
|
58
|
-
};
|
|
59
|
-
_this.props.onRemove.call(undefined, ev);
|
|
60
|
-
};
|
|
61
|
-
_this.onAddExpression = function (event) {
|
|
62
|
-
var prevFilter = _this.props.filter;
|
|
63
|
-
var firstField = _this.props.fields[0];
|
|
64
|
-
var newExpression = { field: firstField.name, operator: firstField.operators[0].operator };
|
|
65
|
-
newExpression.value = stringOperator(newExpression.operator) ? '' : null;
|
|
66
|
-
var ev = {
|
|
67
|
-
nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [newExpression], false) }),
|
|
68
|
-
prevFilter: prevFilter,
|
|
69
|
-
target: _this,
|
|
70
|
-
syntheticEvent: event,
|
|
71
|
-
nativeEvent: event.nativeEvent
|
|
72
|
-
};
|
|
73
|
-
_this.props.onChange.call(undefined, ev);
|
|
74
|
-
};
|
|
75
|
-
_this.onAddGroup = function (event) {
|
|
76
|
-
var prevFilter = _this.props.filter;
|
|
77
|
-
var ev = {
|
|
78
|
-
nextFilter: __assign(__assign({}, prevFilter), { filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [__assign({}, _this.props.defaultGroupFilter)], false) }),
|
|
79
|
-
prevFilter: prevFilter,
|
|
80
|
-
target: _this,
|
|
81
|
-
syntheticEvent: event,
|
|
82
|
-
nativeEvent: event.nativeEvent
|
|
83
|
-
};
|
|
84
|
-
_this.props.onChange.call(undefined, ev);
|
|
85
|
-
};
|
|
86
|
-
_this.onLogicAnd = function (event) { return _this.changeLogic('and', event); };
|
|
87
|
-
_this.onLogicOr = function (event) { return _this.changeLogic('or', event); };
|
|
88
|
-
_this.changeLogic = function (logic, event) {
|
|
89
|
-
var prevFilter = _this.props.filter;
|
|
90
|
-
if (prevFilter.logic !== logic) {
|
|
91
|
-
var ev = {
|
|
92
|
-
nextFilter: __assign(__assign({}, prevFilter), { logic: logic }),
|
|
93
|
-
prevFilter: prevFilter,
|
|
94
|
-
target: _this,
|
|
95
|
-
syntheticEvent: event,
|
|
96
|
-
nativeEvent: event.nativeEvent
|
|
97
|
-
};
|
|
98
|
-
_this.props.onChange.call(undefined, ev);
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
_this.replaceFilter = function (prevFilter, nextFilter) {
|
|
102
|
-
var filter = _this.props.filter;
|
|
103
|
-
var filters = filter.filters.map(function (f) { return f === prevFilter ? nextFilter : f; });
|
|
104
|
-
return __assign(__assign({}, filter), { filters: filters });
|
|
105
|
-
};
|
|
106
|
-
_this.onChange = function (event) {
|
|
107
|
-
var nextFilter = _this.replaceFilter(event.prevFilter, event.nextFilter);
|
|
108
|
-
var changeEvent = {
|
|
109
|
-
nextFilter: nextFilter,
|
|
110
|
-
prevFilter: _this.props.filter,
|
|
111
|
-
syntheticEvent: event.syntheticEvent,
|
|
112
|
-
nativeEvent: event.nativeEvent,
|
|
113
|
-
target: _this
|
|
114
|
-
};
|
|
115
|
-
_this.props.onChange.call(undefined, changeEvent);
|
|
116
|
-
};
|
|
117
|
-
_this.onRemove = function (event) {
|
|
118
|
-
var prevFilter = _this.props.filter;
|
|
119
|
-
var filters = prevFilter.filters.filter(function (f) { return f !== event.filter; });
|
|
120
|
-
var changeEvent = {
|
|
121
|
-
nextFilter: __assign(__assign({}, prevFilter), { filters: filters }),
|
|
122
|
-
prevFilter: prevFilter,
|
|
123
|
-
syntheticEvent: event.syntheticEvent,
|
|
124
|
-
nativeEvent: event.nativeEvent,
|
|
125
|
-
target: _this
|
|
126
|
-
};
|
|
127
|
-
_this.props.onChange.call(undefined, changeEvent);
|
|
128
|
-
};
|
|
129
|
-
return _this;
|
|
130
|
-
}
|
|
131
|
-
Group.prototype.render = function () {
|
|
132
|
-
var _this = this;
|
|
133
|
-
var locService = provideLocalizationService(this);
|
|
134
|
-
var _a = this.props, fields = _a.fields, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(filterGroupAriaLabel, messages[filterGroupAriaLabel]) : _b;
|
|
135
|
-
return (React.createElement(React.Fragment, null,
|
|
136
|
-
React.createElement("div", { className: "k-filter-toolbar" },
|
|
137
|
-
React.createElement(Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
|
|
138
|
-
React.createElement(ButtonGroup, { className: 'k-toolbar-button-group' },
|
|
139
|
-
React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(filterAndLogic, messages[filterAndLogic])),
|
|
140
|
-
React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(filterOrLogic, messages[filterOrLogic]))),
|
|
141
|
-
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]), icon: "filter-add-expression", svgIcon: filterAddExpressionIcon, type: "button", onClick: this.onAddExpression }, locService.toLanguageString(filterAddExpression, messages[filterAddExpression])),
|
|
142
|
-
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]), icon: "filter-add-group", svgIcon: filterAddGroupIcon, type: "button", onClick: this.onAddGroup }, locService.toLanguageString(filterAddGroup, messages[filterAddGroup])),
|
|
143
|
-
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onGroupRemove }))),
|
|
144
|
-
filter.filters.length > 0 && (React.createElement("ul", { role: 'group', className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
|
|
145
|
-
return (React.createElement("li", { role: 'treeitem', key: idx, className: "k-filter-item" }, isCompositeFilterDescriptor(f) ?
|
|
146
|
-
React.createElement(Group, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove, defaultGroupFilter: _this.props.defaultGroupFilter, ariaLabel: _this.props.ariaLabel, ariaLabelExpression: _this.props.ariaLabelExpression })
|
|
147
|
-
:
|
|
148
|
-
React.createElement(Expression, { filter: f, fields: fields, ariaLabel: _this.props.ariaLabelExpression, onChange: _this.onChange, onRemove: _this.onRemove })));
|
|
149
|
-
})))));
|
|
150
|
-
};
|
|
151
|
-
Group.propTypes = {
|
|
152
|
-
filter: PropTypes.object.isRequired,
|
|
153
|
-
fields: PropTypes.array.isRequired,
|
|
154
|
-
ariaLabel: PropTypes.string,
|
|
155
|
-
ariaLabelExpression: PropTypes.string,
|
|
156
|
-
onChange: PropTypes.func.isRequired,
|
|
157
|
-
onRemove: PropTypes.func.isRequired,
|
|
158
|
-
defaultGroupFilter: PropTypes.object.isRequired
|
|
159
|
-
};
|
|
160
|
-
return Group;
|
|
161
|
-
}(React.Component));
|
|
162
|
-
export { Group };
|
|
163
|
-
registerForLocalization(Group);
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { TextFilterProps } from './TextFilter';
|
|
4
|
-
/**
|
|
5
|
-
* The props of the BooleanFilter component.
|
|
6
|
-
*/
|
|
7
|
-
export interface BooleanFilterProps extends TextFilterProps {
|
|
8
|
-
/**
|
|
9
|
-
* A collection of text-value pairs passed to the BooleanFilter DropDownList.
|
|
10
|
-
* Defaults to [ { text: 'True', value: true }, { text: 'False', value: false } ]
|
|
11
|
-
*/
|
|
12
|
-
data?: Array<{
|
|
13
|
-
text: string;
|
|
14
|
-
value: any;
|
|
15
|
-
}>;
|
|
16
|
-
/**
|
|
17
|
-
* The defaultItem passed to the BooleanFilter DropDownList.
|
|
18
|
-
*/
|
|
19
|
-
defaultItem?: any;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* The BooleanFilter component used for editing boolean value of FilterDescriptor object.
|
|
23
|
-
*/
|
|
24
|
-
export declare class BooleanFilter extends React.Component<BooleanFilterProps> {
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
static propTypes: {
|
|
29
|
-
filter: PropTypes.Validator<object>;
|
|
30
|
-
onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
31
|
-
data: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
32
|
-
text: PropTypes.Requireable<string>;
|
|
33
|
-
value: PropTypes.Requireable<any>;
|
|
34
|
-
}> | null | undefined)[]>;
|
|
35
|
-
ariaLabel: PropTypes.Requireable<string>;
|
|
36
|
-
defaultItem: PropTypes.Requireable<any>;
|
|
37
|
-
};
|
|
38
|
-
private data;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
render(): JSX.Element;
|
|
43
|
-
}
|