@progress/kendo-react-data-tools 5.10.0-dev.202301051045 → 5.10.0-dev.202301091032

package/dist/npm/pager/PagerNumericButtons.js

@@ -18,9 +18,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PagerNumericButtons = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var messages_1 = require("../messages");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var dots = '...';
 /**
  * @hidden
  */
@@ -39,12 +39,9 @@ var PagerNumericButtons = /** @class */ (function (_super) {
         return _this;
     }
     PagerNumericButtons.prototype.render = function () {
+        var _a;
         var _this = this;
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var prevDots = this.start > 1 && this.renderDots(this.start - 1);
-        var postDots = this.end < this.props.totalPages && this.renderDots(this.end + 1);
-        var prevOptionDots = this.start > 1 && this.renderOptionDots(this.start - 1);
-        var postOptionDots = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1);
         var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMobileSelect) :
             ({ messageKey: messages_1.pagerMobileSelect, defaultMessage: messages_1.messages[messages_1.pagerMobileSelect] });
         var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPageNumberLabel) :
@@ -53,28 +50,13 @@ var PagerNumericButtons = /** @class */ (function (_super) {
         for (var idx = this.start; idx <= this.end; idx++) {
             buttons.push(idx);
         }
-        var numerics = buttons.map(function (page) { return (React.createElement("li", { key: page },
-            React.createElement("a", { role: "button", "aria-label": localizationService.toLanguageString(pageNumberLabelMessage.messageKey, pageNumberLabelMessage.defaultMessage) + ' ' + page, "aria-current": _this.props.currentPage === page ? true : undefined, href: "#", onClick: function (e) { return _this.handlePageChange(e, page); }, className: (0, kendo_react_common_1.classNames)('k-link', {
-                    'k-selected': _this.props.currentPage === page
-                }) }, page))); });
-        var options = buttons.map(function (page) { return (React.createElement("option", { key: page, className: (0, kendo_react_common_1.classNames)('k-link') }, page)); });
-        return (React.createElement("div", { className: "k-pager-numbers-wrap" },
-            React.createElement("select", { className: "k-dropdown", "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
-                prevOptionDots,
-                options,
-                postOptionDots),
-            React.createElement("ul", { className: "k-pager-numbers" },
-                prevDots,
-                numerics,
-                postDots)));
-    };
-    PagerNumericButtons.prototype.renderDots = function (page) {
-        var _this = this;
-        return (React.createElement("li", null,
-            React.createElement("a", { className: "k-link", onClick: function (e) { return _this.handlePageChange(e, page); }, href: "#" }, dots)));
-    };
-    PagerNumericButtons.prototype.renderOptionDots = function (page) {
-        return (React.createElement("option", { className: "k-link", value: page }, dots));
+        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)); });
+        var options = buttons.map(function (page) { return (React.createElement("option", { key: page }, page)); });
+        return (React.createElement(React.Fragment, null,
+            React.createElement("select", { className: (0, kendo_react_common_1.classNames)('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
+                    _a["k-picker-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
+                    _a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } }, options),
+            React.createElement("div", { className: "k-pager-numbers" }, numerics)));
     };
     Object.defineProperty(PagerNumericButtons.prototype, "end", {
         get: function () {

package/dist/npm/pager/PagerPageSizes.d.ts

@@ -4,11 +4,12 @@ import * as React from 'react';
  */
 export interface PagerPageSizesProps {
     pageSize: number;
+    pageSizes: number[];
+    size?: null | 'small' | 'medium' | 'large';
     pageChange?: (event: {
         skip: number;
         take: number;
     }, e: React.SyntheticEvent<any>) => void;
-    pageSizes: number[];
     messagesMap?: (messageKey: string) => ({
         messageKey: string;
         defaultMessage: string;

package/dist/npm/pager/PagerPageSizes.js

@@ -45,7 +45,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
         var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPageSelection) :
             ({ messageKey: messages_1.pagerPageSelection, defaultMessage: messages_1.messages[messages_1.pagerPageSelection] });
         return (React.createElement("span", { className: "k-pager-sizes k-label" },
-            React.createElement(kendo_react_dropdowns_1.DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage) }),
+            React.createElement(kendo_react_dropdowns_1.DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
             (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
     };
     return PagerPageSizes;