@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/pager/Pager.js
DELETED
|
@@ -1,222 +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 { PagerNumericButtons } from './PagerNumericButtons';
|
|
30
|
-
import { PagerInput } from './PagerInput';
|
|
31
|
-
import { PagerPageSizes } from './PagerPageSizes';
|
|
32
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
33
|
-
import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage, pagerInfo, pagerAriaKeyshortcuts, pagerAriaLabel } from '../messages';
|
|
34
|
-
import { registerForIntl, registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
|
|
35
|
-
import { classNames, kendoThemeMaps, validatePackage } from '@progress/kendo-react-common';
|
|
36
|
-
import { caretAltToLeftIcon, caretAltLeftIcon, caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
|
|
37
|
-
import { packageMetadata } from '../package-metadata';
|
|
38
|
-
/**
|
|
39
|
-
* @hidden
|
|
40
|
-
*/
|
|
41
|
-
var RESPONSIVE_BREAKPOINT_MEDIUM = 600;
|
|
42
|
-
/**
|
|
43
|
-
* @hidden
|
|
44
|
-
*/
|
|
45
|
-
var RESPONSIVE_BREAKPOINT_LARGE = 768;
|
|
46
|
-
var Pager = /** @class */ (function (_super) {
|
|
47
|
-
__extends(Pager, _super);
|
|
48
|
-
function Pager(props) {
|
|
49
|
-
var _this = _super.call(this, props) || this;
|
|
50
|
-
_this._element = null;
|
|
51
|
-
_this.onPageChange = function (eventData, targetEvent) {
|
|
52
|
-
var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
|
|
53
|
-
if (_this.props.onPageChange) {
|
|
54
|
-
_this.props.onPageChange.call(undefined, event);
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
_this.changePage = function (page, event) {
|
|
58
|
-
if (_this.props.onPageChange && page > 0 && page <= _this.totalPages) {
|
|
59
|
-
_this.props.onPageChange({
|
|
60
|
-
target: _this,
|
|
61
|
-
skip: (page - 1) * _this.props.take,
|
|
62
|
-
take: _this.props.take,
|
|
63
|
-
syntheticEvent: event,
|
|
64
|
-
nativeEvent: event.nativeEvent,
|
|
65
|
-
targetEvent: event
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
_this.onWindowResize = function () {
|
|
70
|
-
var element = _this.element;
|
|
71
|
-
if (!element || !_this.props.responsive) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
var width = element.offsetWidth;
|
|
75
|
-
if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
|
|
76
|
-
_this.setState({ showPagerSizes: false });
|
|
77
|
-
}
|
|
78
|
-
else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
|
|
79
|
-
_this.setState({ showPagerInfo: false, showPagerSizes: true });
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
_this.setState({ showPagerInfo: true, showPagerSizes: true });
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
validatePackage(packageMetadata);
|
|
86
|
-
_this.state = { showPagerSizes: true, showPagerInfo: true };
|
|
87
|
-
return _this;
|
|
88
|
-
}
|
|
89
|
-
Object.defineProperty(Pager.prototype, "isRtl", {
|
|
90
|
-
get: function () {
|
|
91
|
-
return this.props.dir === 'rtl';
|
|
92
|
-
},
|
|
93
|
-
enumerable: false,
|
|
94
|
-
configurable: true
|
|
95
|
-
});
|
|
96
|
-
;
|
|
97
|
-
Object.defineProperty(Pager.prototype, "element", {
|
|
98
|
-
/**
|
|
99
|
-
* Returns the HTML element of the Pager component.
|
|
100
|
-
*/
|
|
101
|
-
get: function () {
|
|
102
|
-
return this._element;
|
|
103
|
-
},
|
|
104
|
-
enumerable: false,
|
|
105
|
-
configurable: true
|
|
106
|
-
});
|
|
107
|
-
/**
|
|
108
|
-
* @hidden
|
|
109
|
-
*/
|
|
110
|
-
Pager.prototype.componentDidMount = function () {
|
|
111
|
-
window.addEventListener('resize', this.onWindowResize);
|
|
112
|
-
this.onWindowResize();
|
|
113
|
-
};
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
Pager.prototype.componentWillUnmount = function () {
|
|
118
|
-
window.removeEventListener('resize', this.onWindowResize);
|
|
119
|
-
};
|
|
120
|
-
/**
|
|
121
|
-
* @hidden
|
|
122
|
-
*/
|
|
123
|
-
Pager.prototype.render = function () {
|
|
124
|
-
var _a;
|
|
125
|
-
var _this = this;
|
|
126
|
-
var _b = this.state, showPagerSizes = _b.showPagerSizes, showPagerInfo = _b.showPagerInfo;
|
|
127
|
-
var _c = this.props, skip = _c.skip, take = _c.take, total = _c.total, pageSizes = _c.pageSizes, size = _c.size, responsive = _c.responsive, messagesMap = _c.messagesMap, pageSizeValue = _c.pageSizeValue;
|
|
128
|
-
var localizationService = provideLocalizationService(this);
|
|
129
|
-
var intlService = provideIntlService(this);
|
|
130
|
-
var currentPage = Math.floor(skip / take) + 1;
|
|
131
|
-
var changer = this.props.type === 'numeric' ?
|
|
132
|
-
(React.createElement(PagerNumericButtons, { type: (responsive && !showPagerSizes) ? 'dropdown' : 'numbers', buttonCount: this.props.buttonCount || 0, totalPages: this.totalPages, currentPage: currentPage, pageChange: this.changePage, messagesMap: this.props.messagesMap, size: this.props.size })) : (React.createElement(PagerInput, { buttonCount: this.props.buttonCount || 0, totalPages: this.totalPages, currentPage: currentPage, pageChange: this.changePage, messagesMap: messagesMap, size: this.props.size }));
|
|
133
|
-
var firstPageMessage = messagesMap ? messagesMap(pagerFirstPage) :
|
|
134
|
-
({ messageKey: pagerFirstPage, defaultMessage: messages[pagerFirstPage] });
|
|
135
|
-
var previousPageMessage = messagesMap ? messagesMap(pagerPreviousPage) :
|
|
136
|
-
({ messageKey: pagerPreviousPage, defaultMessage: messages[pagerPreviousPage] });
|
|
137
|
-
var nextPageMessage = messagesMap ? messagesMap(pagerNextPage) :
|
|
138
|
-
({ messageKey: pagerNextPage, defaultMessage: messages[pagerNextPage] });
|
|
139
|
-
var lastPageMessage = messagesMap ? messagesMap(pagerLastPage) :
|
|
140
|
-
({ messageKey: pagerLastPage, defaultMessage: messages[pagerLastPage] });
|
|
141
|
-
var infoMessage = messagesMap ? messagesMap(pagerInfo) :
|
|
142
|
-
({ messageKey: pagerInfo, defaultMessage: messages[pagerInfo] });
|
|
143
|
-
var ariaKeyshortcutsMessage = messagesMap ? messagesMap(pagerAriaKeyshortcuts) :
|
|
144
|
-
({ messageKey: pagerAriaKeyshortcuts, defaultMessage: messages[pagerAriaKeyshortcuts] });
|
|
145
|
-
var ariaLabelMessage = messagesMap ? messagesMap(pagerAriaLabel) :
|
|
146
|
-
({ messageKey: pagerAriaLabel, defaultMessage: messages[pagerAriaLabel] });
|
|
147
|
-
var first, prev, next, last;
|
|
148
|
-
if (this.props.previousNext) {
|
|
149
|
-
first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-right' : 'caret-alt-to-left', this.isRtl ? caretAltToRightIcon : caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
|
|
150
|
-
prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), this.isRtl ? 'caret-alt-right' : 'caret-alt-left', this.isRtl ? caretAltRightIcon : caretAltLeftIcon, (currentPage === 1 ? true : undefined));
|
|
151
|
-
next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), this.isRtl ? 'caret-alt-left' : 'caret-alt-right', this.isRtl ? caretAltLeftIcon : caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
|
|
152
|
-
last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-left' : 'caret-alt-to-right', this.isRtl ? caretAltToLeftIcon : caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
|
|
153
|
-
}
|
|
154
|
-
var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
|
|
155
|
-
var info = this.props.info && (React.createElement("span", { className: "k-pager-info" }, intlService
|
|
156
|
-
.format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
|
|
157
|
-
Math.min(skip + 1, total),
|
|
158
|
-
Math.min(skip + take, total),
|
|
159
|
-
total
|
|
160
|
-
])));
|
|
161
|
-
return (React.createElement("div", { className: classNames('k-pager', (_a = {},
|
|
162
|
-
_a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
163
|
-
_a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", dir: this.props.dir, "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
|
|
164
|
-
React.createElement("div", { className: classNames('k-pager-numbers-wrap') },
|
|
165
|
-
first,
|
|
166
|
-
prev,
|
|
167
|
-
changer,
|
|
168
|
-
next,
|
|
169
|
-
last),
|
|
170
|
-
responsive ? (showPagerSizes && pagerPageSizes) : pagerPageSizes,
|
|
171
|
-
responsive ? (showPagerInfo && info) : info));
|
|
172
|
-
};
|
|
173
|
-
Pager.prototype.renderButton = function (page, className, title, icon, svgIcon, isDisabled) {
|
|
174
|
-
var _this = this;
|
|
175
|
-
return (React.createElement(Button, { fillMode: 'flat', themeColor: 'base', size: this.props.size, rounded: null, className: className, icon: icon, svgIcon: svgIcon, title: title, role: "button", "aria-disabled": isDisabled, onClick: function (e) {
|
|
176
|
-
e.preventDefault();
|
|
177
|
-
_this.changePage(page, e);
|
|
178
|
-
} }));
|
|
179
|
-
};
|
|
180
|
-
Object.defineProperty(Pager.prototype, "totalPages", {
|
|
181
|
-
get: function () {
|
|
182
|
-
return Math.ceil((this.props.total || 0) / this.props.take);
|
|
183
|
-
},
|
|
184
|
-
enumerable: false,
|
|
185
|
-
configurable: true
|
|
186
|
-
});
|
|
187
|
-
/**
|
|
188
|
-
* @hidden
|
|
189
|
-
*/
|
|
190
|
-
Pager.propTypes = {
|
|
191
|
-
className: PropTypes.string,
|
|
192
|
-
style: PropTypes.object,
|
|
193
|
-
total: PropTypes.number.isRequired,
|
|
194
|
-
skip: PropTypes.number.isRequired,
|
|
195
|
-
take: PropTypes.number.isRequired,
|
|
196
|
-
buttonCount: PropTypes.number,
|
|
197
|
-
info: PropTypes.bool,
|
|
198
|
-
type: PropTypes.oneOf(['numeric', 'input']),
|
|
199
|
-
pageSizes: PropTypes.arrayOf(PropTypes.oneOfType([
|
|
200
|
-
PropTypes.string,
|
|
201
|
-
PropTypes.number
|
|
202
|
-
])),
|
|
203
|
-
previousNext: PropTypes.bool,
|
|
204
|
-
onPageChange: PropTypes.func,
|
|
205
|
-
messagesMap: PropTypes.func,
|
|
206
|
-
size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
207
|
-
dir: PropTypes.string
|
|
208
|
-
};
|
|
209
|
-
/**
|
|
210
|
-
* @hidden
|
|
211
|
-
*/
|
|
212
|
-
Pager.defaultProps = {
|
|
213
|
-
buttonCount: 10,
|
|
214
|
-
info: true,
|
|
215
|
-
type: 'numeric',
|
|
216
|
-
size: 'medium'
|
|
217
|
-
};
|
|
218
|
-
return Pager;
|
|
219
|
-
}(React.Component));
|
|
220
|
-
export { Pager };
|
|
221
|
-
registerForIntl(Pager);
|
|
222
|
-
registerForLocalization(Pager);
|
|
@@ -1,57 +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 { registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
|
|
18
|
-
import { messages, pagerOf, pagerPage, pagerTotalPages } from './../messages';
|
|
19
|
-
import { NumericTextBox } from '@progress/kendo-react-inputs';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
var PagerInput = /** @class */ (function (_super) {
|
|
24
|
-
__extends(PagerInput, _super);
|
|
25
|
-
function PagerInput() {
|
|
26
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
27
|
-
_this.state = { page: _this.props.currentPage };
|
|
28
|
-
_this.handleOnChange = function (e) {
|
|
29
|
-
_this.setState({ page: e.target.value });
|
|
30
|
-
if (e.target.value) {
|
|
31
|
-
_this.props.pageChange(e.target.value, e);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
return _this;
|
|
35
|
-
}
|
|
36
|
-
PagerInput.prototype.render = function () {
|
|
37
|
-
var intlService = provideIntlService(this);
|
|
38
|
-
var localizationService = provideLocalizationService(this);
|
|
39
|
-
var pageMessage = this.props.messagesMap ? this.props.messagesMap(pagerPage) :
|
|
40
|
-
({ messageKey: pagerPage, defaultMessage: messages[pagerPage] });
|
|
41
|
-
var ofMessage = this.props.messagesMap ? this.props.messagesMap(pagerOf) :
|
|
42
|
-
({ messageKey: pagerOf, defaultMessage: messages[pagerOf] });
|
|
43
|
-
var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(pagerTotalPages) :
|
|
44
|
-
({ messageKey: pagerTotalPages, defaultMessage: messages[pagerTotalPages] });
|
|
45
|
-
return (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement("span", { className: "k-pager-input" },
|
|
47
|
-
React.createElement("span", null, localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage)),
|
|
48
|
-
React.createElement(NumericTextBox, { value: this.props.currentPage !== undefined ? this.props.currentPage : this.state.page, onChange: this.handleOnChange, min: 1, spinners: false }),
|
|
49
|
-
React.createElement("span", null, "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
|
|
50
|
-
.format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
|
|
51
|
-
this.props.totalPages
|
|
52
|
-
]))))));
|
|
53
|
-
};
|
|
54
|
-
return PagerInput;
|
|
55
|
-
}(React.Component));
|
|
56
|
-
export { PagerInput };
|
|
57
|
-
registerForLocalization(PagerInput);
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface PagerNumericButtonsProps {
|
|
6
|
-
buttonCount: number;
|
|
7
|
-
totalPages: number;
|
|
8
|
-
currentPage: number;
|
|
9
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
10
|
-
type?: 'numbers' | 'dropdown';
|
|
11
|
-
pageChange: (page: number, e: React.SyntheticEvent<any>) => any;
|
|
12
|
-
messagesMap?: (messageKey: string) => ({
|
|
13
|
-
messageKey: string;
|
|
14
|
-
defaultMessage: string;
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare class PagerNumericButtons extends React.Component<PagerNumericButtonsProps> {
|
|
21
|
-
render(): JSX.Element;
|
|
22
|
-
private handlePageChange;
|
|
23
|
-
private handleSelectPageChange;
|
|
24
|
-
private get end();
|
|
25
|
-
private get start();
|
|
26
|
-
private renderDots;
|
|
27
|
-
private renderOptionDots;
|
|
28
|
-
}
|
|
@@ -1,105 +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 { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
|
|
18
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
19
|
-
import { messages, pagerMobileSelect, pagerPage, pagerMoreButtonLabel } from '../messages';
|
|
20
|
-
import { provideLocalizationService } from '@progress/kendo-react-intl';
|
|
21
|
-
var dots = '...';
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
var PagerNumericButtons = /** @class */ (function (_super) {
|
|
26
|
-
__extends(PagerNumericButtons, _super);
|
|
27
|
-
function PagerNumericButtons() {
|
|
28
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
_this.handlePageChange = function (e, page) {
|
|
30
|
-
e.preventDefault();
|
|
31
|
-
_this.props.pageChange(page, e);
|
|
32
|
-
};
|
|
33
|
-
_this.handleSelectPageChange = function (e) {
|
|
34
|
-
e.preventDefault();
|
|
35
|
-
_this.props.pageChange(e.target.value, e);
|
|
36
|
-
};
|
|
37
|
-
return _this;
|
|
38
|
-
}
|
|
39
|
-
PagerNumericButtons.prototype.render = function () {
|
|
40
|
-
var _a;
|
|
41
|
-
var _this = this;
|
|
42
|
-
var localizationService = provideLocalizationService(this);
|
|
43
|
-
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(pagerMobileSelect) :
|
|
44
|
-
({ messageKey: pagerMobileSelect, defaultMessage: messages[pagerMobileSelect] });
|
|
45
|
-
var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerPage) :
|
|
46
|
-
({ messageKey: pagerPage, defaultMessage: messages[pagerPage] });
|
|
47
|
-
var pagerMorePagesLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerMoreButtonLabel) :
|
|
48
|
-
({ messageKey: pagerMoreButtonLabel, defaultMessage: messages[pagerMoreButtonLabel] });
|
|
49
|
-
var pagerMoreButtonAriaLabel = localizationService.toLanguageString(pagerMorePagesLabelMessage.messageKey, pagerMorePagesLabelMessage.defaultMessage);
|
|
50
|
-
var prevDots = this.start > 1 && this.renderDots(this.start - 1, pagerMoreButtonAriaLabel);
|
|
51
|
-
var postDots = this.end < this.props.totalPages && this.renderDots(this.end + 1, pagerMoreButtonAriaLabel);
|
|
52
|
-
var prevOptionDots = this.start > 1 && this.renderOptionDots(this.start - 1);
|
|
53
|
-
var postOptionDots = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1);
|
|
54
|
-
var buttons = [];
|
|
55
|
-
for (var idx = this.start; idx <= this.end; idx++) {
|
|
56
|
-
buttons.push(idx);
|
|
57
|
-
}
|
|
58
|
-
var numerics = buttons.map(function (page) { return (React.createElement(Button, { className: 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)); });
|
|
59
|
-
var options = buttons.map(function (page) { return (React.createElement("option", { key: page }, page)); });
|
|
60
|
-
return (React.createElement(React.Fragment, null,
|
|
61
|
-
React.createElement("select", { style: { width: '5em', margin: '0px 1em', display: this.props.type === 'dropdown'
|
|
62
|
-
? 'inline-flex'
|
|
63
|
-
: 'none' }, className: classNames('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
|
|
64
|
-
_a["k-picker-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
65
|
-
_a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
|
|
66
|
-
prevOptionDots,
|
|
67
|
-
options,
|
|
68
|
-
postOptionDots),
|
|
69
|
-
React.createElement("div", { className: "k-pager-numbers", style: { display: this.props.type === 'numbers'
|
|
70
|
-
? ''
|
|
71
|
-
: 'none' } },
|
|
72
|
-
prevDots,
|
|
73
|
-
numerics,
|
|
74
|
-
postDots)));
|
|
75
|
-
};
|
|
76
|
-
Object.defineProperty(PagerNumericButtons.prototype, "end", {
|
|
77
|
-
get: function () {
|
|
78
|
-
return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
|
|
79
|
-
},
|
|
80
|
-
enumerable: false,
|
|
81
|
-
configurable: true
|
|
82
|
-
});
|
|
83
|
-
Object.defineProperty(PagerNumericButtons.prototype, "start", {
|
|
84
|
-
get: function () {
|
|
85
|
-
var page = this.props.currentPage;
|
|
86
|
-
var buttonCount = this.props.buttonCount;
|
|
87
|
-
if (page > buttonCount) {
|
|
88
|
-
var reminder = (page % buttonCount);
|
|
89
|
-
return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
|
|
90
|
-
}
|
|
91
|
-
return 1;
|
|
92
|
-
},
|
|
93
|
-
enumerable: false,
|
|
94
|
-
configurable: true
|
|
95
|
-
});
|
|
96
|
-
PagerNumericButtons.prototype.renderDots = function (page, ariaLabel) {
|
|
97
|
-
var _this = this;
|
|
98
|
-
return (React.createElement(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));
|
|
99
|
-
};
|
|
100
|
-
PagerNumericButtons.prototype.renderOptionDots = function (page) {
|
|
101
|
-
return (React.createElement("option", { value: page }, dots));
|
|
102
|
-
};
|
|
103
|
-
return PagerNumericButtons;
|
|
104
|
-
}(React.Component));
|
|
105
|
-
export { PagerNumericButtons };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export interface PagerPageSizesProps {
|
|
7
|
-
value?: number | string;
|
|
8
|
-
pageSize: number;
|
|
9
|
-
pageSizes: number[] | Array<number | string>;
|
|
10
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
11
|
-
pageChange?: (event: {
|
|
12
|
-
skip: number;
|
|
13
|
-
take: number;
|
|
14
|
-
}, e: DropDownListChangeEvent) => void;
|
|
15
|
-
messagesMap?: (messageKey: string) => ({
|
|
16
|
-
messageKey: string;
|
|
17
|
-
defaultMessage: string;
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export declare class PagerPageSizes extends React.Component<PagerPageSizesProps, {}> {
|
|
24
|
-
pageSizeChange: (e: DropDownListChangeEvent) => void;
|
|
25
|
-
render(): JSX.Element;
|
|
26
|
-
}
|
|
@@ -1,51 +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 { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
|
|
18
|
-
import { messages, pagerItemPerPage, pagerPageSizeAriaLabel } from './../messages';
|
|
19
|
-
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
var PagerPageSizes = /** @class */ (function (_super) {
|
|
24
|
-
__extends(PagerPageSizes, _super);
|
|
25
|
-
function PagerPageSizes() {
|
|
26
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
27
|
-
_this.pageSizeChange = function (e) {
|
|
28
|
-
if (_this.props.pageChange) {
|
|
29
|
-
_this.props.pageChange({ skip: 0, take: parseInt(e.target.value, 10) }, e);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
return _this;
|
|
33
|
-
}
|
|
34
|
-
PagerPageSizes.prototype.render = function () {
|
|
35
|
-
var _a = this.props, value = _a.value, pageSizes = _a.pageSizes, pageSize = _a.pageSize, messagesMap = _a.messagesMap;
|
|
36
|
-
var sizes = pageSizes.slice();
|
|
37
|
-
if (value === undefined && sizes.filter(function (s) { return s === pageSize; }).length === 0) {
|
|
38
|
-
sizes.unshift(pageSize);
|
|
39
|
-
}
|
|
40
|
-
var itemPerPageMessage = messagesMap ? messagesMap(pagerItemPerPage) :
|
|
41
|
-
({ messageKey: pagerItemPerPage, defaultMessage: messages[pagerItemPerPage] });
|
|
42
|
-
var pageSelectionMessage = messagesMap ? messagesMap(pagerPageSizeAriaLabel) :
|
|
43
|
-
({ messageKey: pagerPageSizeAriaLabel, defaultMessage: messages[pagerPageSizeAriaLabel] });
|
|
44
|
-
return (React.createElement("span", { className: "k-pager-sizes" },
|
|
45
|
-
React.createElement(DropDownList, { value: value !== undefined ? value : pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: provideLocalizationService(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
|
|
46
|
-
React.createElement("span", null, provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage))));
|
|
47
|
-
};
|
|
48
|
-
return PagerPageSizes;
|
|
49
|
-
}(React.Component));
|
|
50
|
-
export { PagerPageSizes };
|
|
51
|
-
registerForLocalization(PagerPageSizes);
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/** @hidden */
|
|
2
|
-
export declare type TableSelectableMode = 'single' | 'multiple';
|
|
3
|
-
/** @hidden */
|
|
4
|
-
export interface TableSelectableSettings {
|
|
5
|
-
/**
|
|
6
|
-
* Determines if selection is allowed.
|
|
7
|
-
*
|
|
8
|
-
* @default true
|
|
9
|
-
*/
|
|
10
|
-
enabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* The available values are:
|
|
13
|
-
* * `single`
|
|
14
|
-
* * `multiple`
|
|
15
|
-
*
|
|
16
|
-
* @default "multiple"
|
|
17
|
-
*/
|
|
18
|
-
mode?: TableSelectableMode;
|
|
19
|
-
/**
|
|
20
|
-
* Determines if cell selection is allowed.
|
|
21
|
-
*
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
cell?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Determines if drag selection is allowed.
|
|
27
|
-
*
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
drag?: boolean;
|
|
31
|
-
}
|