@progress/kendo-react-data-tools 5.13.0-dev.202304131123 → 5.13.0-dev.202304140649
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/dist/cdn/js/kendo-react-data-tools.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.js +6 -6
- package/dist/es/pager/PagerInput.d.ts +0 -2
- package/dist/es/pager/PagerInput.js +1 -33
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.js +6 -6
- package/dist/npm/pager/PagerInput.d.ts +0 -2
- package/dist/npm/pager/PagerInput.js +0 -32
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-data-tools',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1681453663,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/es/pager/Pager.js
CHANGED
|
@@ -74,16 +74,16 @@ var Pager = /** @class */ (function (_super) {
|
|
|
74
74
|
}
|
|
75
75
|
var width = element.offsetWidth;
|
|
76
76
|
if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
|
|
77
|
-
element.classList.remove('k-pager-md');
|
|
78
|
-
element.classList.add('k-pager-sm');
|
|
77
|
+
element.classList.remove('k-pager-mobile-md');
|
|
78
|
+
element.classList.add('k-pager-mobile-sm');
|
|
79
79
|
}
|
|
80
80
|
else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
|
|
81
|
-
element.classList.add('k-pager-md');
|
|
82
|
-
element.classList.remove('k-pager-sm');
|
|
81
|
+
element.classList.add('k-pager-mobile-md');
|
|
82
|
+
element.classList.remove('k-pager-mobile-sm');
|
|
83
83
|
}
|
|
84
84
|
else {
|
|
85
|
-
element.classList.remove('k-pager-md');
|
|
86
|
-
element.classList.remove('k-pager-sm');
|
|
85
|
+
element.classList.remove('k-pager-mobile-md');
|
|
86
|
+
element.classList.remove('k-pager-mobile-sm');
|
|
87
87
|
}
|
|
88
88
|
};
|
|
89
89
|
validatePackage(packageMetadata);
|
|
@@ -14,9 +14,8 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
16
|
import * as React from 'react';
|
|
17
|
-
import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
|
|
18
17
|
import { registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
|
|
19
|
-
import { messages, pagerOf, pagerPage, pagerTotalPages
|
|
18
|
+
import { messages, pagerOf, pagerPage, pagerTotalPages } from './../messages';
|
|
20
19
|
/**
|
|
21
20
|
* @hidden
|
|
22
21
|
*/
|
|
@@ -40,7 +39,6 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
40
39
|
return _this;
|
|
41
40
|
}
|
|
42
41
|
PagerInput.prototype.render = function () {
|
|
43
|
-
var _a;
|
|
44
42
|
var _this = this;
|
|
45
43
|
var intlService = provideIntlService(this);
|
|
46
44
|
var localizationService = provideLocalizationService(this);
|
|
@@ -50,17 +48,7 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
50
48
|
({ messageKey: pagerOf, defaultMessage: messages[pagerOf] });
|
|
51
49
|
var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(pagerTotalPages) :
|
|
52
50
|
({ messageKey: pagerTotalPages, defaultMessage: messages[pagerTotalPages] });
|
|
53
|
-
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(pagerMobileSelect) :
|
|
54
|
-
({ messageKey: pagerMobileSelect, defaultMessage: messages[pagerMobileSelect] });
|
|
55
|
-
var buttons = [];
|
|
56
|
-
for (var idx = this.start; idx <= this.end; idx++) {
|
|
57
|
-
buttons.push(idx);
|
|
58
|
-
}
|
|
59
|
-
var options = buttons.map(function (page) { return (React.createElement("option", { key: page }, page)); });
|
|
60
51
|
return (React.createElement(React.Fragment, null,
|
|
61
|
-
React.createElement("select", { className: classNames('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
|
|
62
|
-
_a["k-picker-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
63
|
-
_a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: this.onChange }, options),
|
|
64
52
|
React.createElement("span", { className: "k-pager-input k-label" },
|
|
65
53
|
localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage),
|
|
66
54
|
React.createElement("span", { className: 'k-textbox k-input k-input-md k-rounded-md k-input-solid' },
|
|
@@ -69,26 +57,6 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
69
57
|
this.props.totalPages
|
|
70
58
|
])))));
|
|
71
59
|
};
|
|
72
|
-
Object.defineProperty(PagerInput.prototype, "end", {
|
|
73
|
-
get: function () {
|
|
74
|
-
return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
|
|
75
|
-
},
|
|
76
|
-
enumerable: false,
|
|
77
|
-
configurable: true
|
|
78
|
-
});
|
|
79
|
-
Object.defineProperty(PagerInput.prototype, "start", {
|
|
80
|
-
get: function () {
|
|
81
|
-
var page = this.props.currentPage;
|
|
82
|
-
var buttonCount = this.props.buttonCount;
|
|
83
|
-
if (page > buttonCount) {
|
|
84
|
-
var reminder = (page % buttonCount);
|
|
85
|
-
return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
|
|
86
|
-
}
|
|
87
|
-
return 1;
|
|
88
|
-
},
|
|
89
|
-
enumerable: false,
|
|
90
|
-
configurable: true
|
|
91
|
-
});
|
|
92
60
|
return PagerInput;
|
|
93
61
|
}(React.Component));
|
|
94
62
|
export { PagerInput };
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-data-tools',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1681453663,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/dist/npm/pager/Pager.js
CHANGED
|
@@ -77,16 +77,16 @@ var Pager = /** @class */ (function (_super) {
|
|
|
77
77
|
}
|
|
78
78
|
var width = element.offsetWidth;
|
|
79
79
|
if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
|
|
80
|
-
element.classList.remove('k-pager-md');
|
|
81
|
-
element.classList.add('k-pager-sm');
|
|
80
|
+
element.classList.remove('k-pager-mobile-md');
|
|
81
|
+
element.classList.add('k-pager-mobile-sm');
|
|
82
82
|
}
|
|
83
83
|
else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
|
|
84
|
-
element.classList.add('k-pager-md');
|
|
85
|
-
element.classList.remove('k-pager-sm');
|
|
84
|
+
element.classList.add('k-pager-mobile-md');
|
|
85
|
+
element.classList.remove('k-pager-mobile-sm');
|
|
86
86
|
}
|
|
87
87
|
else {
|
|
88
|
-
element.classList.remove('k-pager-md');
|
|
89
|
-
element.classList.remove('k-pager-sm');
|
|
88
|
+
element.classList.remove('k-pager-mobile-md');
|
|
89
|
+
element.classList.remove('k-pager-mobile-sm');
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
92
|
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
@@ -17,7 +17,6 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.PagerInput = void 0;
|
|
19
19
|
var React = require("react");
|
|
20
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
21
20
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
22
21
|
var messages_1 = require("./../messages");
|
|
23
22
|
/**
|
|
@@ -43,7 +42,6 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
43
42
|
return _this;
|
|
44
43
|
}
|
|
45
44
|
PagerInput.prototype.render = function () {
|
|
46
|
-
var _a;
|
|
47
45
|
var _this = this;
|
|
48
46
|
var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
|
|
49
47
|
var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
@@ -53,17 +51,7 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
53
51
|
({ messageKey: messages_1.pagerOf, defaultMessage: messages_1.messages[messages_1.pagerOf] });
|
|
54
52
|
var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerTotalPages) :
|
|
55
53
|
({ messageKey: messages_1.pagerTotalPages, defaultMessage: messages_1.messages[messages_1.pagerTotalPages] });
|
|
56
|
-
var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMobileSelect) :
|
|
57
|
-
({ messageKey: messages_1.pagerMobileSelect, defaultMessage: messages_1.messages[messages_1.pagerMobileSelect] });
|
|
58
|
-
var buttons = [];
|
|
59
|
-
for (var idx = this.start; idx <= this.end; idx++) {
|
|
60
|
-
buttons.push(idx);
|
|
61
|
-
}
|
|
62
|
-
var options = buttons.map(function (page) { return (React.createElement("option", { key: page }, page)); });
|
|
63
54
|
return (React.createElement(React.Fragment, null,
|
|
64
|
-
React.createElement("select", { className: (0, kendo_react_common_1.classNames)('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
|
|
65
|
-
_a["k-picker-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
66
|
-
_a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: this.onChange }, options),
|
|
67
55
|
React.createElement("span", { className: "k-pager-input k-label" },
|
|
68
56
|
localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage),
|
|
69
57
|
React.createElement("span", { className: 'k-textbox k-input k-input-md k-rounded-md k-input-solid' },
|
|
@@ -72,26 +60,6 @@ var PagerInput = /** @class */ (function (_super) {
|
|
|
72
60
|
this.props.totalPages
|
|
73
61
|
])))));
|
|
74
62
|
};
|
|
75
|
-
Object.defineProperty(PagerInput.prototype, "end", {
|
|
76
|
-
get: function () {
|
|
77
|
-
return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
|
|
78
|
-
},
|
|
79
|
-
enumerable: false,
|
|
80
|
-
configurable: true
|
|
81
|
-
});
|
|
82
|
-
Object.defineProperty(PagerInput.prototype, "start", {
|
|
83
|
-
get: function () {
|
|
84
|
-
var page = this.props.currentPage;
|
|
85
|
-
var buttonCount = this.props.buttonCount;
|
|
86
|
-
if (page > buttonCount) {
|
|
87
|
-
var reminder = (page % buttonCount);
|
|
88
|
-
return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
|
|
89
|
-
}
|
|
90
|
-
return 1;
|
|
91
|
-
},
|
|
92
|
-
enumerable: false,
|
|
93
|
-
configurable: true
|
|
94
|
-
});
|
|
95
63
|
return PagerInput;
|
|
96
64
|
}(React.Component));
|
|
97
65
|
exports.PagerInput = PagerInput;
|