@progress/kendo-react-data-tools 5.17.0-dev.202308171202 → 5.17.0-dev.202308231054

package/dist/es/messages/index.js

@@ -311,7 +311,7 @@ export var messages = (_a = {},
     _a[pagerNextPage] = 'Go to the next page',
     _a[pagerLastPage] = 'Go to the last page',
     _a[pagerPage] = 'Page',
-    _a[pagerOf] = 'Of',
+    _a[pagerOf] = 'of',
     _a[pagerTotalPages] = '{0}',
     _a[pagerPageNumberLabel] = 'Page',
     _a[pagerAriaKeyshortcuts] = 'Enter ArrowRight ArrowLeft',

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1692271602,
+    publishDate: 1692786525,
     version: '',
     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'
 };

package/dist/es/pager/Pager.js

@@ -153,7 +153,7 @@ var Pager = /** @class */ (function (_super) {
             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));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
-        var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
+        var info = this.props.info && (React.createElement("span", { className: "k-pager-info" }, intlService
             .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
             Math.min(skip + 1, total),
             Math.min(skip + take, total),

package/dist/es/pager/PagerInput.d.ts

@@ -17,8 +17,9 @@ export interface PagerInputProps {
  * @hidden
  */
 export declare class PagerInput extends React.Component<PagerInputProps> {
-    private _text;
-    onChange: (e: any) => void;
-    value: () => string;
+    state: {
+        page: number;
+    };
+    handleOnChange: (e: any) => void;
     render(): JSX.Element;
 }

package/dist/es/pager/PagerInput.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 import * as React from 'react';
 import { registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
 import { messages, pagerOf, pagerPage, pagerTotalPages } from './../messages';
+import { NumericTextBox } from '@progress/kendo-react-inputs';
 /**
  * @hidden
  */
@@ -23,23 +24,16 @@ var PagerInput = /** @class */ (function (_super) {
     __extends(PagerInput, _super);
     function PagerInput() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._text = undefined;
-        _this.onChange = function (e) {
-            var text = _this._text = e.target.value.replace(/\D/g, '');
-            _this.forceUpdate();
-            if (text) {
-                _this.props.pageChange(parseInt(text, 10), e);
+        _this.state = { page: _this.props.currentPage };
+        _this.handleOnChange = function (e) {
+            _this.setState({ page: e.target.value });
+            if (e.target.value) {
+                _this.props.pageChange(e.target.value, e);
             }
         };
-        _this.value = function () {
-            var value = _this._text === undefined ? _this.props.currentPage.toString() : _this._text;
-            _this._text = undefined;
-            return value;
-        };
         return _this;
     }
     PagerInput.prototype.render = function () {
-        var _this = this;
         var intlService = provideIntlService(this);
         var localizationService = provideLocalizationService(this);
         var pageMessage = this.props.messagesMap ? this.props.messagesMap(pagerPage) :
@@ -49,13 +43,13 @@ var PagerInput = /** @class */ (function (_super) {
         var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(pagerTotalPages) :
             ({ messageKey: pagerTotalPages, defaultMessage: messages[pagerTotalPages] });
         return (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: "k-pager-input k-label" },
-                localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage),
-                React.createElement("span", { className: 'k-textbox k-input k-input-md k-rounded-md k-input-solid' },
-                    React.createElement("input", { className: "k-input-inner", value: this.value(), onBlur: function () { return _this.forceUpdate(); }, onChange: this.onChange })), "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
-                .format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
-                this.props.totalPages
-            ])))));
+            React.createElement("span", { className: "k-pager-input" },
+                React.createElement("span", null, localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage)),
+                React.createElement(NumericTextBox, { value: this.props.currentPage !== undefined ? this.props.currentPage : this.state.page, onChange: this.handleOnChange, min: 1, spinners: false }),
+                React.createElement("span", null, "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
+                    .format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
+                    this.props.totalPages
+                ]))))));
     };
     return PagerInput;
 }(React.Component));

package/dist/es/pager/PagerPageSizes.js

@@ -43,7 +43,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
             ({ messageKey: pagerPageSelection, defaultMessage: messages[pagerPageSelection] });
         return (React.createElement("span", { className: "k-pager-sizes" },
             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 }),
-            provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
+            React.createElement("span", null, provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage))));
     };
     return PagerPageSizes;
 }(React.Component));

package/dist/npm/messages/index.js

@@ -315,7 +315,7 @@ exports.messages = (_a = {},
     _a[exports.pagerNextPage] = 'Go to the next page',
     _a[exports.pagerLastPage] = 'Go to the last page',
     _a[exports.pagerPage] = 'Page',
-    _a[exports.pagerOf] = 'Of',
+    _a[exports.pagerOf] = 'of',
     _a[exports.pagerTotalPages] = '{0}',
     _a[exports.pagerPageNumberLabel] = 'Page',
     _a[exports.pagerAriaKeyshortcuts] = 'Enter ArrowRight ArrowLeft',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1692271602,
+    publishDate: 1692786525,
     version: '',
     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'
 };

package/dist/npm/pager/Pager.js

@@ -156,7 +156,7 @@ var Pager = /** @class */ (function (_super) {
             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 ? kendo_svg_icons_1.caretAltToLeftIcon : kendo_svg_icons_1.caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
-        var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
+        var info = this.props.info && (React.createElement("span", { className: "k-pager-info" }, intlService
             .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
             Math.min(skip + 1, total),
             Math.min(skip + take, total),

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

@@ -17,8 +17,9 @@ export interface PagerInputProps {
  * @hidden
  */
 export declare class PagerInput extends React.Component<PagerInputProps> {
-    private _text;
-    onChange: (e: any) => void;
-    value: () => string;
+    state: {
+        page: number;
+    };
+    handleOnChange: (e: any) => void;
     render(): JSX.Element;
 }

package/dist/npm/pager/PagerInput.js

@@ -19,6 +19,7 @@ exports.PagerInput = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
 /**
  * @hidden
  */
@@ -26,23 +27,16 @@ var PagerInput = /** @class */ (function (_super) {
     __extends(PagerInput, _super);
     function PagerInput() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._text = undefined;
-        _this.onChange = function (e) {
-            var text = _this._text = e.target.value.replace(/\D/g, '');
-            _this.forceUpdate();
-            if (text) {
-                _this.props.pageChange(parseInt(text, 10), e);
+        _this.state = { page: _this.props.currentPage };
+        _this.handleOnChange = function (e) {
+            _this.setState({ page: e.target.value });
+            if (e.target.value) {
+                _this.props.pageChange(e.target.value, e);
             }
         };
-        _this.value = function () {
-            var value = _this._text === undefined ? _this.props.currentPage.toString() : _this._text;
-            _this._text = undefined;
-            return value;
-        };
         return _this;
     }
     PagerInput.prototype.render = function () {
-        var _this = this;
         var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var pageMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPage) :
@@ -52,13 +46,13 @@ var PagerInput = /** @class */ (function (_super) {
         var totalPagesMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerTotalPages) :
             ({ messageKey: messages_1.pagerTotalPages, defaultMessage: messages_1.messages[messages_1.pagerTotalPages] });
         return (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: "k-pager-input k-label" },
-                localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage),
-                React.createElement("span", { className: 'k-textbox k-input k-input-md k-rounded-md k-input-solid' },
-                    React.createElement("input", { className: "k-input-inner", value: this.value(), onBlur: function () { return _this.forceUpdate(); }, onChange: this.onChange })), "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
-                .format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
-                this.props.totalPages
-            ])))));
+            React.createElement("span", { className: "k-pager-input" },
+                React.createElement("span", null, localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage)),
+                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 }),
+                React.createElement("span", null, "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
+                    .format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
+                    this.props.totalPages
+                ]))))));
     };
     return PagerInput;
 }(React.Component));

package/dist/npm/pager/PagerPageSizes.js

@@ -46,7 +46,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
             ({ messageKey: messages_1.pagerPageSelection, defaultMessage: messages_1.messages[messages_1.pagerPageSelection] });
         return (React.createElement("span", { className: "k-pager-sizes" },
             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 }),
-            (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
+            React.createElement("span", null, (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage))));
     };
     return PagerPageSizes;
 }(React.Component));