@progress/kendo-react-data-tools 5.13.0-dev.202304110959 → 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.
@@ -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: 1681206070,
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
  };
@@ -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);
@@ -21,6 +21,4 @@ export declare class PagerInput extends React.Component<PagerInputProps> {
21
21
  onChange: (e: any) => void;
22
22
  value: () => string;
23
23
  render(): JSX.Element;
24
- private get end();
25
- private get start();
26
24
  }
@@ -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, pagerMobileSelect } from './../messages';
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: 1681206070,
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
  };
@@ -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);
@@ -21,6 +21,4 @@ export declare class PagerInput extends React.Component<PagerInputProps> {
21
21
  onChange: (e: any) => void;
22
22
  value: () => string;
23
23
  render(): JSX.Element;
24
- private get end();
25
- private get start();
26
24
  }
@@ -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;