@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,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface PagerInputProps {
|
|
6
|
-
buttonCount: number;
|
|
7
|
-
totalPages: number;
|
|
8
|
-
currentPage: number;
|
|
9
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
10
|
-
pageChange: (page: number, e: React.SyntheticEvent<any>) => any;
|
|
11
|
-
messagesMap?: (messageKey: string) => ({
|
|
12
|
-
messageKey: string;
|
|
13
|
-
defaultMessage: string;
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
export declare class PagerInput extends React.Component<PagerInputProps> {
|
|
20
|
-
state: {
|
|
21
|
-
page: number;
|
|
22
|
-
};
|
|
23
|
-
handleOnChange: (e: any) => void;
|
|
24
|
-
render(): JSX.Element;
|
|
25
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.PagerInput = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
21
|
-
var messages_1 = require("./../messages");
|
|
22
|
-
var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
var PagerInput = /** @class */ (function (_super) {
|
|
27
|
-
__extends(PagerInput, _super);
|
|
28
|
-
function PagerInput() {
|
|
29
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
30
|
-
_this.state = { page: _this.props.currentPage };
|
|
31
|
-
_this.handleOnChange = function (e) {
|
|
32
|
-
_this.setState({ page: e.target.value });
|
|
33
|
-
if (e.target.value) {
|
|
34
|
-
_this.props.pageChange(e.target.value, e);
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
return _this;
|
|
38
|
-
}
|
|
39
|
-
PagerInput.prototype.render = function () {
|
|
40
|
-
var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
|
|
41
|
-
var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
42
|
-
var pageMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPage) :
|
|
43
|
-
({ messageKey: messages_1.pagerPage, defaultMessage: messages_1.messages[messages_1.pagerPage] });
|
|
44
|
-
var ofMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerOf) :
|
|
45
|
-
({ messageKey: messages_1.pagerOf, defaultMessage: messages_1.messages[messages_1.pagerOf] });
|
|
46
|
-
var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerTotalPages) :
|
|
47
|
-
({ messageKey: messages_1.pagerTotalPages, defaultMessage: messages_1.messages[messages_1.pagerTotalPages] });
|
|
48
|
-
return (React.createElement(React.Fragment, null,
|
|
49
|
-
React.createElement("span", { className: "k-pager-input" },
|
|
50
|
-
React.createElement("span", null, localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage)),
|
|
51
|
-
React.createElement(kendo_react_inputs_1.NumericTextBox, { value: this.props.currentPage !== undefined ? this.props.currentPage : this.state.page, onChange: this.handleOnChange, min: 1, spinners: false }),
|
|
52
|
-
React.createElement("span", null, "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
|
|
53
|
-
.format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
|
|
54
|
-
this.props.totalPages
|
|
55
|
-
]))))));
|
|
56
|
-
};
|
|
57
|
-
return PagerInput;
|
|
58
|
-
}(React.Component));
|
|
59
|
-
exports.PagerInput = PagerInput;
|
|
60
|
-
(0, kendo_react_intl_1.registerForLocalization)(PagerInput);
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.PagerNumericButtons = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
21
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
22
|
-
var messages_1 = require("../messages");
|
|
23
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
24
|
-
var dots = '...';
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
var PagerNumericButtons = /** @class */ (function (_super) {
|
|
29
|
-
__extends(PagerNumericButtons, _super);
|
|
30
|
-
function PagerNumericButtons() {
|
|
31
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
32
|
-
_this.handlePageChange = function (e, page) {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
_this.props.pageChange(page, e);
|
|
35
|
-
};
|
|
36
|
-
_this.handleSelectPageChange = function (e) {
|
|
37
|
-
e.preventDefault();
|
|
38
|
-
_this.props.pageChange(e.target.value, e);
|
|
39
|
-
};
|
|
40
|
-
return _this;
|
|
41
|
-
}
|
|
42
|
-
PagerNumericButtons.prototype.render = function () {
|
|
43
|
-
var _a;
|
|
44
|
-
var _this = this;
|
|
45
|
-
var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
46
|
-
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMobileSelect) :
|
|
47
|
-
({ messageKey: messages_1.pagerMobileSelect, defaultMessage: messages_1.messages[messages_1.pagerMobileSelect] });
|
|
48
|
-
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPage) :
|
|
49
|
-
({ messageKey: messages_1.pagerPage, defaultMessage: messages_1.messages[messages_1.pagerPage] });
|
|
50
|
-
var pagerMorePagesLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMoreButtonLabel) :
|
|
51
|
-
({ messageKey: messages_1.pagerMoreButtonLabel, defaultMessage: messages_1.messages[messages_1.pagerMoreButtonLabel] });
|
|
52
|
-
var pagerMoreButtonAriaLabel = localizationService.toLanguageString(pagerMorePagesLabelMessage.messageKey, pagerMorePagesLabelMessage.defaultMessage);
|
|
53
|
-
var prevDots = this.start > 1 && this.renderDots(this.start - 1, pagerMoreButtonAriaLabel);
|
|
54
|
-
var postDots = this.end < this.props.totalPages && this.renderDots(this.end + 1, pagerMoreButtonAriaLabel);
|
|
55
|
-
var prevOptionDots = this.start > 1 && this.renderOptionDots(this.start - 1);
|
|
56
|
-
var postOptionDots = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1);
|
|
57
|
-
var buttons = [];
|
|
58
|
-
for (var idx = this.start; idx <= this.end; idx++) {
|
|
59
|
-
buttons.push(idx);
|
|
60
|
-
}
|
|
61
|
-
var numerics = buttons.map(function (page) { return (React.createElement(kendo_react_buttons_1.Button, { className: (0, kendo_react_common_1.classNames)({ 'k-selected': _this.props.currentPage === page }), key: page, fillMode: 'flat', themeColor: 'primary', size: _this.props.size, rounded: null, role: "button", "aria-label": localizationService.toLanguageString(pageNumberLabelMessage.messageKey, pageNumberLabelMessage.defaultMessage) + ' ' + page, "aria-current": _this.props.currentPage === page ? true : undefined, onClick: function (e) { return _this.handlePageChange(e, page); } }, page)); });
|
|
62
|
-
var options = buttons.map(function (page) { return (React.createElement("option", { key: page }, page)); });
|
|
63
|
-
return (React.createElement(React.Fragment, null,
|
|
64
|
-
React.createElement("select", { style: { width: '5em', margin: '0px 1em', display: this.props.type === 'dropdown'
|
|
65
|
-
? 'inline-flex'
|
|
66
|
-
: 'none' }, className: (0, kendo_react_common_1.classNames)('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
|
|
67
|
-
_a["k-picker-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
68
|
-
_a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
|
|
69
|
-
prevOptionDots,
|
|
70
|
-
options,
|
|
71
|
-
postOptionDots),
|
|
72
|
-
React.createElement("div", { className: "k-pager-numbers", style: { display: this.props.type === 'numbers'
|
|
73
|
-
? ''
|
|
74
|
-
: 'none' } },
|
|
75
|
-
prevDots,
|
|
76
|
-
numerics,
|
|
77
|
-
postDots)));
|
|
78
|
-
};
|
|
79
|
-
Object.defineProperty(PagerNumericButtons.prototype, "end", {
|
|
80
|
-
get: function () {
|
|
81
|
-
return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
|
|
82
|
-
},
|
|
83
|
-
enumerable: false,
|
|
84
|
-
configurable: true
|
|
85
|
-
});
|
|
86
|
-
Object.defineProperty(PagerNumericButtons.prototype, "start", {
|
|
87
|
-
get: function () {
|
|
88
|
-
var page = this.props.currentPage;
|
|
89
|
-
var buttonCount = this.props.buttonCount;
|
|
90
|
-
if (page > buttonCount) {
|
|
91
|
-
var reminder = (page % buttonCount);
|
|
92
|
-
return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
|
|
93
|
-
}
|
|
94
|
-
return 1;
|
|
95
|
-
},
|
|
96
|
-
enumerable: false,
|
|
97
|
-
configurable: true
|
|
98
|
-
});
|
|
99
|
-
PagerNumericButtons.prototype.renderDots = function (page, ariaLabel) {
|
|
100
|
-
var _this = this;
|
|
101
|
-
return (React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'primary', size: this.props.size, rounded: null, role: "button", "aria-label": ariaLabel, onClick: function (e) { return _this.handlePageChange(e, page); } }, dots));
|
|
102
|
-
};
|
|
103
|
-
PagerNumericButtons.prototype.renderOptionDots = function (page) {
|
|
104
|
-
return (React.createElement("option", { value: page }, dots));
|
|
105
|
-
};
|
|
106
|
-
return PagerNumericButtons;
|
|
107
|
-
}(React.Component));
|
|
108
|
-
exports.PagerNumericButtons = PagerNumericButtons;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.PagerPageSizes = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
21
|
-
var messages_1 = require("./../messages");
|
|
22
|
-
var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
var PagerPageSizes = /** @class */ (function (_super) {
|
|
27
|
-
__extends(PagerPageSizes, _super);
|
|
28
|
-
function PagerPageSizes() {
|
|
29
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
30
|
-
_this.pageSizeChange = function (e) {
|
|
31
|
-
if (_this.props.pageChange) {
|
|
32
|
-
_this.props.pageChange({ skip: 0, take: parseInt(e.target.value, 10) }, e);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
return _this;
|
|
36
|
-
}
|
|
37
|
-
PagerPageSizes.prototype.render = function () {
|
|
38
|
-
var _a = this.props, value = _a.value, pageSizes = _a.pageSizes, pageSize = _a.pageSize, messagesMap = _a.messagesMap;
|
|
39
|
-
var sizes = pageSizes.slice();
|
|
40
|
-
if (value === undefined && sizes.filter(function (s) { return s === pageSize; }).length === 0) {
|
|
41
|
-
sizes.unshift(pageSize);
|
|
42
|
-
}
|
|
43
|
-
var itemPerPageMessage = messagesMap ? messagesMap(messages_1.pagerItemPerPage) :
|
|
44
|
-
({ messageKey: messages_1.pagerItemPerPage, defaultMessage: messages_1.messages[messages_1.pagerItemPerPage] });
|
|
45
|
-
var pageSelectionMessage = messagesMap ? messagesMap(messages_1.pagerPageSizeAriaLabel) :
|
|
46
|
-
({ messageKey: messages_1.pagerPageSizeAriaLabel, defaultMessage: messages_1.messages[messages_1.pagerPageSizeAriaLabel] });
|
|
47
|
-
return (React.createElement("span", { className: "k-pager-sizes" },
|
|
48
|
-
React.createElement(kendo_react_dropdowns_1.DropDownList, { value: value !== undefined ? value : pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
|
|
49
|
-
React.createElement("span", null, (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage))));
|
|
50
|
-
};
|
|
51
|
-
return PagerPageSizes;
|
|
52
|
-
}(React.Component));
|
|
53
|
-
exports.PagerPageSizes = PagerPageSizes;
|
|
54
|
-
(0, kendo_react_intl_1.registerForLocalization)(PagerPageSizes);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TableSelectableSettings } from './TableSelectableSettings';
|
|
3
|
-
import { TableDragSelectionReleaseEvent } from './events';
|
|
4
|
-
/** @hidden */
|
|
5
|
-
export interface TableSelectionProps {
|
|
6
|
-
children: any;
|
|
7
|
-
selectable?: TableSelectableSettings;
|
|
8
|
-
onRelease: (options: TableDragSelectionReleaseEvent) => void;
|
|
9
|
-
childRef?: (childElement: HTMLElement) => void;
|
|
10
|
-
}
|
|
11
|
-
/** @hidden */
|
|
12
|
-
export declare const TableSelection: (props: TableSelectionProps) => JSX.Element;
|
|
@@ -1,159 +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.TableSelection = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var ReactDOM = require("react-dom");
|
|
17
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
|
-
var utils_1 = require("./utils");
|
|
19
|
-
var constants_1 = require("./constants");
|
|
20
|
-
/** @hidden */
|
|
21
|
-
var TableSelection = function (props) {
|
|
22
|
-
var _a;
|
|
23
|
-
var onRelease = props.onRelease, childRef = props.childRef;
|
|
24
|
-
var _b = (0, utils_1.getSelectionOptions)(props.selectable), selectionEnabled = _b.enabled, selectionDrag = _b.drag, selectionMode = _b.mode, selectionCell = _b.cell;
|
|
25
|
-
var draggableRef = React.useRef(null);
|
|
26
|
-
var overlayElementRef = React.useRef(null);
|
|
27
|
-
var dragStartRef = React.useRef({ clientX: 0, clientY: 0 });
|
|
28
|
-
var _c = React.useState(null), overlaySettings = _c[0], setOverlaySettings = _c[1];
|
|
29
|
-
var offsetParentRef = React.useRef();
|
|
30
|
-
var isDraggedRef = React.useRef(false);
|
|
31
|
-
var isPreventedRef = React.useRef(false);
|
|
32
|
-
var onPressHandler = React.useCallback(function (eventData) {
|
|
33
|
-
var event = eventData.event;
|
|
34
|
-
isPreventedRef.current = event.originalEvent.target.hasAttribute(constants_1.TABLE_PREVENT_SELECTION_ELEMENT);
|
|
35
|
-
if (isPreventedRef.current || !draggableRef.current) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
offsetParentRef.current = (0, utils_1.relativeContextElement)(draggableRef.current.element);
|
|
39
|
-
dragStartRef.current = {
|
|
40
|
-
clientY: event.clientY,
|
|
41
|
-
clientX: event.clientX
|
|
42
|
-
};
|
|
43
|
-
}, []);
|
|
44
|
-
var onDragHandler = React.useCallback(function (eventData) {
|
|
45
|
-
var event = eventData.event;
|
|
46
|
-
var _a = dragStartRef.current, clientX = _a.clientX, clientY = _a.clientY;
|
|
47
|
-
if (isPreventedRef.current) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
if (!selectionDrag || selectionMode === 'single') {
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
if (Math.abs(clientY - event.clientY) > 5 || Math.abs(clientX - event.clientX) > 5) {
|
|
54
|
-
isDraggedRef.current = true;
|
|
55
|
-
}
|
|
56
|
-
if (isDraggedRef.current) {
|
|
57
|
-
var offset = (0, utils_1.getOffset)(offsetParentRef.current);
|
|
58
|
-
setOverlaySettings({
|
|
59
|
-
top: Math.min(clientY, event.clientY) - offset.top,
|
|
60
|
-
left: Math.min(clientX, event.clientX) - offset.left,
|
|
61
|
-
width: Math.abs(event.clientX - clientX),
|
|
62
|
-
height: Math.abs(event.clientY - clientY)
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
}, [setOverlaySettings, selectionDrag, selectionMode]);
|
|
66
|
-
var onReleaseHandler = React.useCallback(function (eventData) {
|
|
67
|
-
var event = eventData.event;
|
|
68
|
-
var _a = dragStartRef.current, clientX = _a.clientX, clientY = _a.clientY;
|
|
69
|
-
if (isPreventedRef.current || !draggableRef.current) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
var currentDocument = draggableRef.current.element && draggableRef.current.element.ownerDocument;
|
|
73
|
-
if (!currentDocument) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
if (!isDraggedRef.current) {
|
|
77
|
-
var startElement = currentDocument.elementFromPoint(clientX, clientY);
|
|
78
|
-
if (!startElement) {
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
var tdElement = (0, utils_1.closestTagName)(startElement, 'TD');
|
|
82
|
-
var trElement = (0, utils_1.closestTagName)(startElement, 'TR');
|
|
83
|
-
var colIndex = (0, utils_1.getColumnIndex)(tdElement);
|
|
84
|
-
var rowIndex = (0, utils_1.getRowIndex)(trElement);
|
|
85
|
-
if (tdElement && trElement && rowIndex !== undefined && colIndex !== undefined) {
|
|
86
|
-
onRelease({
|
|
87
|
-
nativeEvent: event.originalEvent,
|
|
88
|
-
startRowIndex: rowIndex,
|
|
89
|
-
startColIndex: colIndex,
|
|
90
|
-
endRowIndex: rowIndex,
|
|
91
|
-
endColIndex: colIndex,
|
|
92
|
-
altKey: event.altKey,
|
|
93
|
-
shiftKey: event.shiftKey,
|
|
94
|
-
ctrlKey: event.ctrlKey,
|
|
95
|
-
metaKey: event.metaKey,
|
|
96
|
-
mode: selectionMode,
|
|
97
|
-
cell: selectionCell,
|
|
98
|
-
isDrag: false
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
var top_1 = Math.min(clientY, event.clientY);
|
|
104
|
-
var left = Math.min(clientX, event.clientX);
|
|
105
|
-
var bottom = Math.max(clientY, event.clientY);
|
|
106
|
-
var right = Math.max(clientX, event.clientX);
|
|
107
|
-
var overlayElement = overlayElementRef.current;
|
|
108
|
-
if (!overlayElement) {
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
overlayElement.style.visibility = 'hidden';
|
|
112
|
-
var startElement = currentDocument.elementFromPoint(left, top_1);
|
|
113
|
-
var endElement = currentDocument.elementFromPoint(right, bottom);
|
|
114
|
-
overlayElement.style.visibility = '';
|
|
115
|
-
if (!startElement || !endElement) {
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
var startTdElement = (0, utils_1.closestTagName)(startElement, 'TD');
|
|
119
|
-
var startTrElement = (0, utils_1.closestTagName)(startTdElement, 'TR');
|
|
120
|
-
var endTdElement = (0, utils_1.closestTagName)(endElement, 'TD');
|
|
121
|
-
var endTrElement = (0, utils_1.closestTagName)(endTdElement, 'TR');
|
|
122
|
-
var startColIndex = (0, utils_1.getColumnIndex)(startTdElement);
|
|
123
|
-
var startRowIndex = (0, utils_1.getRowIndex)(startTrElement);
|
|
124
|
-
var endColIndex = (0, utils_1.getColumnIndex)(endTdElement);
|
|
125
|
-
var endRowIndex = (0, utils_1.getRowIndex)(endTrElement);
|
|
126
|
-
if (startColIndex !== undefined &&
|
|
127
|
-
startRowIndex !== undefined &&
|
|
128
|
-
endColIndex !== undefined &&
|
|
129
|
-
endRowIndex !== undefined) {
|
|
130
|
-
onRelease({
|
|
131
|
-
nativeEvent: event.originalEvent,
|
|
132
|
-
startRowIndex: startRowIndex,
|
|
133
|
-
startColIndex: startColIndex,
|
|
134
|
-
endRowIndex: endRowIndex,
|
|
135
|
-
endColIndex: endColIndex,
|
|
136
|
-
altKey: event.altKey,
|
|
137
|
-
shiftKey: event.shiftKey,
|
|
138
|
-
ctrlKey: event.ctrlKey,
|
|
139
|
-
metaKey: event.metaKey,
|
|
140
|
-
mode: selectionMode,
|
|
141
|
-
cell: selectionCell,
|
|
142
|
-
isDrag: true
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
setOverlaySettings(null);
|
|
147
|
-
isDraggedRef.current = false;
|
|
148
|
-
dragStartRef.current = { clientX: 0, clientY: 0 };
|
|
149
|
-
}, [setOverlaySettings, selectionMode, selectionCell, onRelease]);
|
|
150
|
-
var getDocument = (0, kendo_react_common_1.useDocument)(overlayElementRef);
|
|
151
|
-
if (!selectionEnabled) {
|
|
152
|
-
return (React.cloneElement(React.Children.only(props.children), { ref: childRef }));
|
|
153
|
-
}
|
|
154
|
-
return (React.createElement(React.Fragment, null,
|
|
155
|
-
React.createElement(kendo_react_common_1.Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
|
|
156
|
-
overlaySettings &&
|
|
157
|
-
ReactDOM.createPortal(React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' }), (_a = getDocument()) === null || _a === void 0 ? void 0 : _a.body)));
|
|
158
|
-
};
|
|
159
|
-
exports.TableSelection = TableSelection;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/** @hidden */
|
|
2
|
-
export declare const TABLE_ROW_INDEX_ATTRIBUTE = "data-grid-row-index";
|
|
3
|
-
/** @hidden */
|
|
4
|
-
export declare const TABLE_COL_INDEX_ATTRIBUTE = "data-grid-col-index";
|
|
5
|
-
/** @hidden */
|
|
6
|
-
export declare const TABLE_PREVENT_SELECTION_ELEMENT = "data-prevent-selection";
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TABLE_PREVENT_SELECTION_ELEMENT = exports.TABLE_COL_INDEX_ATTRIBUTE = exports.TABLE_ROW_INDEX_ATTRIBUTE = void 0;
|
|
4
|
-
/** @hidden */
|
|
5
|
-
exports.TABLE_ROW_INDEX_ATTRIBUTE = 'data-grid-row-index';
|
|
6
|
-
/** @hidden */
|
|
7
|
-
exports.TABLE_COL_INDEX_ATTRIBUTE = 'data-grid-col-index';
|
|
8
|
-
/** @hidden */
|
|
9
|
-
exports.TABLE_PREVENT_SELECTION_ELEMENT = 'data-prevent-selection';
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
2
|
-
/** @hidden */
|
|
3
|
-
export interface TableKeyDownEvent<T> extends BaseEvent<T> {
|
|
4
|
-
/**
|
|
5
|
-
* The current leaf data items.
|
|
6
|
-
*/
|
|
7
|
-
dataItems: any[];
|
|
8
|
-
/**
|
|
9
|
-
* Selection mode.
|
|
10
|
-
*/
|
|
11
|
-
mode: 'single' | 'multiple';
|
|
12
|
-
/**
|
|
13
|
-
* Indicates if cell selection mode is enabled.
|
|
14
|
-
*/
|
|
15
|
-
cell: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* The `selectedField` prop of the component.
|
|
18
|
-
*/
|
|
19
|
-
selectedField: string;
|
|
20
|
-
/**
|
|
21
|
-
* The component unique identifier.
|
|
22
|
-
*/
|
|
23
|
-
componentId: string;
|
|
24
|
-
}
|
|
25
|
-
/** @hidden */
|
|
26
|
-
export interface TableDragSelectionReleaseEvent {
|
|
27
|
-
/**
|
|
28
|
-
* Selection start row index.
|
|
29
|
-
*/
|
|
30
|
-
startRowIndex: number;
|
|
31
|
-
/**
|
|
32
|
-
* Selection start column index.
|
|
33
|
-
*/
|
|
34
|
-
startColIndex: number;
|
|
35
|
-
/**
|
|
36
|
-
* Selection end row index.
|
|
37
|
-
*/
|
|
38
|
-
endRowIndex: number;
|
|
39
|
-
/**
|
|
40
|
-
* Selection end column index.
|
|
41
|
-
*/
|
|
42
|
-
endColIndex: number;
|
|
43
|
-
/**
|
|
44
|
-
* A native DOM event.
|
|
45
|
-
*/
|
|
46
|
-
nativeEvent: any;
|
|
47
|
-
/**
|
|
48
|
-
* Is ctrl key modifier pressed.
|
|
49
|
-
*/
|
|
50
|
-
ctrlKey: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Is alt key modifier pressed.
|
|
53
|
-
*/
|
|
54
|
-
altKey: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Is meta key modifier pressed.
|
|
57
|
-
*/
|
|
58
|
-
metaKey: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Is shift key modifier pressed.
|
|
61
|
-
*/
|
|
62
|
-
shiftKey: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Selection mode.
|
|
65
|
-
*/
|
|
66
|
-
mode: 'single' | 'multiple';
|
|
67
|
-
/**
|
|
68
|
-
* Indicates if cell selection mode is enabled.
|
|
69
|
-
*/
|
|
70
|
-
cell: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Indicates if current event is created from drag.
|
|
73
|
-
*/
|
|
74
|
-
isDrag: boolean;
|
|
75
|
-
}
|
|
76
|
-
/** @hidden */
|
|
77
|
-
export interface TableSelectionChangeEvent<T> extends BaseEvent<T>, TableDragSelectionReleaseEvent {
|
|
78
|
-
/**
|
|
79
|
-
* The data item which was selected or deselected when the checkbox selection column is used. It will be `null` when the row or cell selection is used.
|
|
80
|
-
*/
|
|
81
|
-
dataItem: any;
|
|
82
|
-
/**
|
|
83
|
-
* The `selectedField` prop of the component.
|
|
84
|
-
*/
|
|
85
|
-
selectedField: string;
|
|
86
|
-
/**
|
|
87
|
-
* The component unique identifier.
|
|
88
|
-
*/
|
|
89
|
-
componentId: string;
|
|
90
|
-
/**
|
|
91
|
-
* The current component leaf data items.
|
|
92
|
-
*/
|
|
93
|
-
dataItems: any[];
|
|
94
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { TableKeyDownEvent, TableSelectionChangeEvent } from './events';
|
|
2
|
-
import { TableSelectableSettings } from './TableSelectableSettings';
|
|
3
|
-
/** @hidden */
|
|
4
|
-
export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
|
|
5
|
-
/** @hidden */
|
|
6
|
-
export declare const getRowIndex: (element: HTMLTableRowElement) => number | undefined;
|
|
7
|
-
/** @hidden */
|
|
8
|
-
export declare const getColumnIndex: (element: HTMLTableCellElement) => number | undefined;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*
|
|
12
|
-
* Apply the selected field to the data items based on the selected state.
|
|
13
|
-
*
|
|
14
|
-
* @param {{data: any, selectedState: {[id: string]: boolean | number[]}, dataItemKey: string; selectedField: string; subItemsField?: string; }} options
|
|
15
|
-
* @returns {any[]}
|
|
16
|
-
*/
|
|
17
|
-
export declare const setSelectedState: (options: {
|
|
18
|
-
data: any;
|
|
19
|
-
selectedState: {
|
|
20
|
-
[id: string]: boolean | number[];
|
|
21
|
-
};
|
|
22
|
-
dataItemKey: string;
|
|
23
|
-
selectedField: string;
|
|
24
|
-
subItemsField?: string | undefined;
|
|
25
|
-
}) => any[];
|
|
26
|
-
/**
|
|
27
|
-
* Get selected state from the component KeyDown event.
|
|
28
|
-
*
|
|
29
|
-
* @param {{event: TableKeyDownEvent, selectedState: {[id: string]: boolean | number[]}, dataItemKey: string}} options
|
|
30
|
-
* @returns {{[id: string]: boolean | number[]}} - The new selected state.
|
|
31
|
-
*/
|
|
32
|
-
export declare const getSelectedStateFromKeyDown: (options: {
|
|
33
|
-
event: TableKeyDownEvent<any>;
|
|
34
|
-
selectedState: {
|
|
35
|
-
[id: string]: boolean | number[];
|
|
36
|
-
};
|
|
37
|
-
dataItemKey: string;
|
|
38
|
-
}) => {
|
|
39
|
-
[id: string]: boolean | number[];
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* Get selected state from the component selection event.
|
|
43
|
-
*
|
|
44
|
-
* @param {{event: TableSelectionChangeEvent, selectedState: {[id: string]: boolean | number[]}, dataItemKey: string}} options
|
|
45
|
-
* @returns {{[id: string]: boolean | number[]}} - The new selected state.
|
|
46
|
-
*/
|
|
47
|
-
export declare const getSelectedState: (options: {
|
|
48
|
-
event: TableSelectionChangeEvent<any>;
|
|
49
|
-
selectedState: {
|
|
50
|
-
[id: string]: boolean | number[];
|
|
51
|
-
};
|
|
52
|
-
dataItemKey: string;
|
|
53
|
-
}) => {
|
|
54
|
-
[id: string]: boolean | number[];
|
|
55
|
-
};
|
|
56
|
-
/** @hidden */
|
|
57
|
-
export declare const relativeContextElement: (element: any) => any;
|
|
58
|
-
/** @hidden */
|
|
59
|
-
export declare const getOffset: (offsetParent: any) => any;
|
|
60
|
-
/** @hidden */
|
|
61
|
-
export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
|
|
62
|
-
enabled: boolean;
|
|
63
|
-
drag: boolean;
|
|
64
|
-
mode: import("./TableSelectableSettings").TableSelectableMode;
|
|
65
|
-
cell: boolean;
|
|
66
|
-
};
|