@progress/kendo-react-data-tools 5.14.0-dev.202305100720 → 5.14.0-dev.202305100821

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.
Files changed (13) hide show
  1. package/dist/cdn/js/kendo-react-data-tools.js +1 -1
  2. package/dist/es/messages/index.d.ts +5 -0
  3. package/dist/es/messages/index.js +5 -0
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/es/pager/PagerNumericButtons.d.ts +2 -0
  6. package/dist/es/pager/PagerNumericButtons.js +24 -3
  7. package/dist/npm/messages/index.d.ts +5 -0
  8. package/dist/npm/messages/index.js +7 -2
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/dist/npm/pager/PagerNumericButtons.d.ts +2 -0
  11. package/dist/npm/pager/PagerNumericButtons.js +23 -2
  12. package/dist/systemjs/kendo-react-data-tools.js +1 -1
  13. package/package.json +10 -10
package/dist/es/messages/index.d.ts CHANGED
@@ -54,6 +54,10 @@ export declare const pagerAriaLabel = "pager.ariaLabel";
54
54
  * @hidden
55
55
  */
56
56
  export declare const pagerMobileSelect = "pager.mobileSelect";
57
+ /**
58
+ * @hidden
59
+ */
60
+ export declare const pagerMoreButtonLabel = "pager.moreButtonLabel";
57
61
  /**
58
62
  * @hidden
59
63
  */
@@ -312,6 +316,7 @@ export declare const messages: {
312
316
  "pager.ariaKeyshortcuts": string;
313
317
  "pager.ariaLabel": string;
314
318
  "pager.mobileSelect": string;
319
+ "pager.moreButtonLabel": string;
315
320
  "sort.ariaLabel": string;
316
321
  "filter.ariaLabel": string;
317
322
  "filter.eqOperator": string;
package/dist/es/messages/index.js CHANGED
@@ -55,6 +55,10 @@ export var pagerAriaLabel = 'pager.ariaLabel';
55
55
  * @hidden
56
56
  */
57
57
  export var pagerMobileSelect = 'pager.mobileSelect';
58
+ /**
59
+ * @hidden
60
+ */
61
+ export var pagerMoreButtonLabel = 'pager.moreButtonLabel';
58
62
  /**
59
63
  * @hidden
60
64
  */
@@ -313,6 +317,7 @@ export var messages = (_a = {},
313
317
  _a[pagerAriaKeyshortcuts] = 'Enter ArrowRight ArrowLeft',
314
318
  _a[pagerAriaLabel] = 'Pager',
315
319
  _a[pagerMobileSelect] = 'Select',
320
+ _a[pagerMoreButtonLabel] = 'More pages',
316
321
  _a[sortAriaLabel] = 'Sortable',
317
322
  _a[filterAriaLabel] = 'Filter',
318
323
  _a[filterEqOperator] = 'Is equal to',
package/dist/es/package-metadata.js CHANGED
@@ -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: 1683701378,
8
+ publishDate: 1683705339,
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/PagerNumericButtons.d.ts CHANGED
@@ -22,4 +22,6 @@ export declare class PagerNumericButtons extends React.Component<PagerNumericBut
22
22
  private handleSelectPageChange;
23
23
  private get end();
24
24
  private get start();
25
+ private renderDots;
26
+ private renderOptionDots;
25
27
  }
package/dist/es/pager/PagerNumericButtons.js CHANGED
@@ -16,8 +16,9 @@ var __extends = (this && this.__extends) || (function () {
16
16
  import * as React from 'react';
17
17
  import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
18
18
  import { Button } from '@progress/kendo-react-buttons';
19
- import { messages, pagerMobileSelect, pagerPageNumberLabel } from '../messages';
19
+ import { messages, pagerMobileSelect, pagerPageNumberLabel, pagerMoreButtonLabel } from '../messages';
20
20
  import { provideLocalizationService } from '@progress/kendo-react-intl';
21
+ var dots = '...';
21
22
  /**
22
23
  * @hidden
23
24
  */
@@ -43,6 +44,13 @@ var PagerNumericButtons = /** @class */ (function (_super) {
43
44
  ({ messageKey: pagerMobileSelect, defaultMessage: messages[pagerMobileSelect] });
44
45
  var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerPageNumberLabel) :
45
46
  ({ messageKey: pagerPageNumberLabel, defaultMessage: messages[pagerPageNumberLabel] });
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);
46
54
  var buttons = [];
47
55
  for (var idx = this.start; idx <= this.end; idx++) {
48
56
  buttons.push(idx);
@@ -52,8 +60,14 @@ var PagerNumericButtons = /** @class */ (function (_super) {
52
60
  return (React.createElement(React.Fragment, null,
53
61
  React.createElement("select", { className: classNames('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
54
62
  _a["k-picker-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
55
- _a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } }, options),
56
- React.createElement("div", { className: "k-pager-numbers" }, numerics)));
63
+ _a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
64
+ prevOptionDots,
65
+ options,
66
+ postOptionDots),
67
+ React.createElement("div", { className: "k-pager-numbers" },
68
+ prevDots,
69
+ numerics,
70
+ postDots)));
57
71
  };
58
72
  Object.defineProperty(PagerNumericButtons.prototype, "end", {
59
73
  get: function () {
@@ -75,6 +89,13 @@ var PagerNumericButtons = /** @class */ (function (_super) {
75
89
  enumerable: false,
76
90
  configurable: true
77
91
  });
92
+ PagerNumericButtons.prototype.renderDots = function (page, ariaLabel) {
93
+ var _this = this;
94
+ 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));
95
+ };
96
+ PagerNumericButtons.prototype.renderOptionDots = function (page) {
97
+ return (React.createElement("option", { value: page }, dots));
98
+ };
78
99
  return PagerNumericButtons;
79
100
  }(React.Component));
80
101
  export { PagerNumericButtons };
package/dist/npm/messages/index.d.ts CHANGED
@@ -54,6 +54,10 @@ export declare const pagerAriaLabel = "pager.ariaLabel";
54
54
  * @hidden
55
55
  */
56
56
  export declare const pagerMobileSelect = "pager.mobileSelect";
57
+ /**
58
+ * @hidden
59
+ */
60
+ export declare const pagerMoreButtonLabel = "pager.moreButtonLabel";
57
61
  /**
58
62
  * @hidden
59
63
  */
@@ -312,6 +316,7 @@ export declare const messages: {
312
316
  "pager.ariaKeyshortcuts": string;
313
317
  "pager.ariaLabel": string;
314
318
  "pager.mobileSelect": string;
319
+ "pager.moreButtonLabel": string;
315
320
  "sort.ariaLabel": string;
316
321
  "filter.ariaLabel": string;
317
322
  "filter.eqOperator": string;
package/dist/npm/messages/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerMobileSelect = exports.pagerAriaLabel = exports.pagerAriaKeyshortcuts = exports.pagerPageNumberLabel = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
5
- exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = void 0;
4
+ exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerMoreButtonLabel = exports.pagerMobileSelect = exports.pagerAriaLabel = exports.pagerAriaKeyshortcuts = exports.pagerPageNumberLabel = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
5
+ exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = void 0;
6
6
  /**
7
7
  * @hidden
8
8
  */
@@ -59,6 +59,10 @@ exports.pagerAriaLabel = 'pager.ariaLabel';
59
59
  * @hidden
60
60
  */
61
61
  exports.pagerMobileSelect = 'pager.mobileSelect';
62
+ /**
63
+ * @hidden
64
+ */
65
+ exports.pagerMoreButtonLabel = 'pager.moreButtonLabel';
62
66
  /**
63
67
  * @hidden
64
68
  */
@@ -317,6 +321,7 @@ exports.messages = (_a = {},
317
321
  _a[exports.pagerAriaKeyshortcuts] = 'Enter ArrowRight ArrowLeft',
318
322
  _a[exports.pagerAriaLabel] = 'Pager',
319
323
  _a[exports.pagerMobileSelect] = 'Select',
324
+ _a[exports.pagerMoreButtonLabel] = 'More pages',
320
325
  _a[exports.sortAriaLabel] = 'Sortable',
321
326
  _a[exports.filterAriaLabel] = 'Filter',
322
327
  _a[exports.filterEqOperator] = 'Is equal to',
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1683701378,
11
+ publishDate: 1683705339,
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/PagerNumericButtons.d.ts CHANGED
@@ -22,4 +22,6 @@ export declare class PagerNumericButtons extends React.Component<PagerNumericBut
22
22
  private handleSelectPageChange;
23
23
  private get end();
24
24
  private get start();
25
+ private renderDots;
26
+ private renderOptionDots;
25
27
  }
package/dist/npm/pager/PagerNumericButtons.js CHANGED
@@ -21,6 +21,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
21
21
  var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
22
22
  var messages_1 = require("../messages");
23
23
  var kendo_react_intl_1 = require("@progress/kendo-react-intl");
24
+ var dots = '...';
24
25
  /**
25
26
  * @hidden
26
27
  */
@@ -46,6 +47,13 @@ var PagerNumericButtons = /** @class */ (function (_super) {
46
47
  ({ messageKey: messages_1.pagerMobileSelect, defaultMessage: messages_1.messages[messages_1.pagerMobileSelect] });
47
48
  var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPageNumberLabel) :
48
49
  ({ messageKey: messages_1.pagerPageNumberLabel, defaultMessage: messages_1.messages[messages_1.pagerPageNumberLabel] });
50
+ var pagerMorePagesLabelMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerMoreButtonLabel) :
51
+ ({ messageKey: messages_1.pagerMoreButtonLabel, defaultMessage: messages_1.messages[messages_1.pagerMoreButtonLabel] });
52
+ var pagerMoreButtonAriaLabel = localizationService.toLanguageString(pagerMorePagesLabelMessage.messageKey, pagerMorePagesLabelMessage.defaultMessage);
53
+ var prevDots = this.start > 1 && this.renderDots(this.start - 1, pagerMoreButtonAriaLabel);
54
+ var postDots = this.end < this.props.totalPages && this.renderDots(this.end + 1, pagerMoreButtonAriaLabel);
55
+ var prevOptionDots = this.start > 1 && this.renderOptionDots(this.start - 1);
56
+ var postOptionDots = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1);
49
57
  var buttons = [];
50
58
  for (var idx = this.start; idx <= this.end; idx++) {
51
59
  buttons.push(idx);
@@ -55,8 +63,14 @@ var PagerNumericButtons = /** @class */ (function (_super) {
55
63
  return (React.createElement(React.Fragment, null,
56
64
  React.createElement("select", { className: (0, kendo_react_common_1.classNames)('k-picker k-dropdown-list k-dropdown k-rounded-md', (_a = {},
57
65
  _a["k-picker-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
58
- _a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } }, options),
59
- React.createElement("div", { className: "k-pager-numbers" }, numerics)));
66
+ _a)), "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
67
+ prevOptionDots,
68
+ options,
69
+ postOptionDots),
70
+ React.createElement("div", { className: "k-pager-numbers" },
71
+ prevDots,
72
+ numerics,
73
+ postDots)));
60
74
  };
61
75
  Object.defineProperty(PagerNumericButtons.prototype, "end", {
62
76
  get: function () {
@@ -78,6 +92,13 @@ var PagerNumericButtons = /** @class */ (function (_super) {
78
92
  enumerable: false,
79
93
  configurable: true
80
94
  });
95
+ PagerNumericButtons.prototype.renderDots = function (page, ariaLabel) {
96
+ var _this = this;
97
+ return (React.createElement(kendo_react_buttons_1.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));
98
+ };
99
+ PagerNumericButtons.prototype.renderOptionDots = function (page) {
100
+ return (React.createElement("option", { value: page }, dots));
101
+ };
81
102
  return PagerNumericButtons;
82
103
  }(React.Component));
83
104
  exports.PagerNumericButtons = PagerNumericButtons;