@progress/kendo-react-data-tools 5.14.0 → 5.14.1
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.d.ts +6 -1
- package/dist/es/pager/Pager.js +11 -9
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.d.ts +6 -1
- package/dist/npm/pager/Pager.js +11 -9
- 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: 1686225866,
|
|
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.d.ts
CHANGED
|
@@ -136,6 +136,10 @@ export interface PagerProps {
|
|
|
136
136
|
messageKey: string;
|
|
137
137
|
defaultMessage: string;
|
|
138
138
|
});
|
|
139
|
+
/**
|
|
140
|
+
* Sets the direction of the component.
|
|
141
|
+
*/
|
|
142
|
+
dir?: string;
|
|
139
143
|
}
|
|
140
144
|
export declare class Pager extends React.Component<PagerProps> {
|
|
141
145
|
/**
|
|
@@ -155,6 +159,7 @@ export declare class Pager extends React.Component<PagerProps> {
|
|
|
155
159
|
onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
156
160
|
messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
|
|
157
161
|
size: PropTypes.Requireable<string | null>;
|
|
162
|
+
dir: PropTypes.Requireable<string>;
|
|
158
163
|
};
|
|
159
164
|
/**
|
|
160
165
|
* @hidden
|
|
@@ -166,7 +171,7 @@ export declare class Pager extends React.Component<PagerProps> {
|
|
|
166
171
|
size: string;
|
|
167
172
|
};
|
|
168
173
|
private _element;
|
|
169
|
-
private isRtl;
|
|
174
|
+
private get isRtl();
|
|
170
175
|
/**
|
|
171
176
|
* Returns the HTML element of the Pager component.
|
|
172
177
|
*/
|
package/dist/es/pager/Pager.js
CHANGED
|
@@ -30,7 +30,6 @@ import { PagerNumericButtons } from './PagerNumericButtons';
|
|
|
30
30
|
import { PagerInput } from './PagerInput';
|
|
31
31
|
import { PagerPageSizes } from './PagerPageSizes';
|
|
32
32
|
import { Button } from '@progress/kendo-react-buttons';
|
|
33
|
-
import { isRtl } from '../main';
|
|
34
33
|
import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage, pagerInfo, pagerAriaKeyshortcuts, pagerAriaLabel } from '../messages';
|
|
35
34
|
import { registerForIntl, registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
|
|
36
35
|
import { classNames, kendoThemeMaps, validatePackage } from '@progress/kendo-react-common';
|
|
@@ -49,7 +48,6 @@ var Pager = /** @class */ (function (_super) {
|
|
|
49
48
|
function Pager(props) {
|
|
50
49
|
var _this = _super.call(this, props) || this;
|
|
51
50
|
_this._element = null;
|
|
52
|
-
_this.isRtl = false;
|
|
53
51
|
_this.onPageChange = function (eventData, targetEvent) {
|
|
54
52
|
var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
|
|
55
53
|
if (_this.props.onPageChange) {
|
|
@@ -90,6 +88,14 @@ var Pager = /** @class */ (function (_super) {
|
|
|
90
88
|
validatePackage(packageMetadata);
|
|
91
89
|
return _this;
|
|
92
90
|
}
|
|
91
|
+
Object.defineProperty(Pager.prototype, "isRtl", {
|
|
92
|
+
get: function () {
|
|
93
|
+
return this.props.dir === 'rtl';
|
|
94
|
+
},
|
|
95
|
+
enumerable: false,
|
|
96
|
+
configurable: true
|
|
97
|
+
});
|
|
98
|
+
;
|
|
93
99
|
Object.defineProperty(Pager.prototype, "element", {
|
|
94
100
|
/**
|
|
95
101
|
* Returns the HTML element of the Pager component.
|
|
@@ -106,11 +112,6 @@ var Pager = /** @class */ (function (_super) {
|
|
|
106
112
|
Pager.prototype.componentDidMount = function () {
|
|
107
113
|
window.addEventListener('resize', this.onWindowResize);
|
|
108
114
|
this.onWindowResize();
|
|
109
|
-
var rtl = isRtl(this.element);
|
|
110
|
-
this.isRtl = rtl;
|
|
111
|
-
if (this.isRtl) {
|
|
112
|
-
this.forceUpdate();
|
|
113
|
-
}
|
|
114
115
|
};
|
|
115
116
|
/**
|
|
116
117
|
* @hidden
|
|
@@ -160,7 +161,7 @@ var Pager = /** @class */ (function (_super) {
|
|
|
160
161
|
])));
|
|
161
162
|
return (React.createElement("div", { className: classNames('k-pager', (_a = {},
|
|
162
163
|
_a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
163
|
-
_a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
|
|
164
|
+
_a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", dir: this.props.dir, "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
|
|
164
165
|
React.createElement("div", { className: classNames('k-pager-numbers-wrap') },
|
|
165
166
|
first,
|
|
166
167
|
prev,
|
|
@@ -203,7 +204,8 @@ var Pager = /** @class */ (function (_super) {
|
|
|
203
204
|
previousNext: PropTypes.bool,
|
|
204
205
|
onPageChange: PropTypes.func,
|
|
205
206
|
messagesMap: PropTypes.func,
|
|
206
|
-
size: PropTypes.oneOf([null, 'small', 'medium', 'large'])
|
|
207
|
+
size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
208
|
+
dir: PropTypes.string
|
|
207
209
|
};
|
|
208
210
|
/**
|
|
209
211
|
* @hidden
|
|
@@ -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: 1686225866,
|
|
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
|
};
|
|
@@ -136,6 +136,10 @@ export interface PagerProps {
|
|
|
136
136
|
messageKey: string;
|
|
137
137
|
defaultMessage: string;
|
|
138
138
|
});
|
|
139
|
+
/**
|
|
140
|
+
* Sets the direction of the component.
|
|
141
|
+
*/
|
|
142
|
+
dir?: string;
|
|
139
143
|
}
|
|
140
144
|
export declare class Pager extends React.Component<PagerProps> {
|
|
141
145
|
/**
|
|
@@ -155,6 +159,7 @@ export declare class Pager extends React.Component<PagerProps> {
|
|
|
155
159
|
onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
156
160
|
messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
|
|
157
161
|
size: PropTypes.Requireable<string | null>;
|
|
162
|
+
dir: PropTypes.Requireable<string>;
|
|
158
163
|
};
|
|
159
164
|
/**
|
|
160
165
|
* @hidden
|
|
@@ -166,7 +171,7 @@ export declare class Pager extends React.Component<PagerProps> {
|
|
|
166
171
|
size: string;
|
|
167
172
|
};
|
|
168
173
|
private _element;
|
|
169
|
-
private isRtl;
|
|
174
|
+
private get isRtl();
|
|
170
175
|
/**
|
|
171
176
|
* Returns the HTML element of the Pager component.
|
|
172
177
|
*/
|
package/dist/npm/pager/Pager.js
CHANGED
|
@@ -33,7 +33,6 @@ var PagerNumericButtons_1 = require("./PagerNumericButtons");
|
|
|
33
33
|
var PagerInput_1 = require("./PagerInput");
|
|
34
34
|
var PagerPageSizes_1 = require("./PagerPageSizes");
|
|
35
35
|
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
36
|
-
var main_1 = require("../main");
|
|
37
36
|
var messages_1 = require("../messages");
|
|
38
37
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
39
38
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -52,7 +51,6 @@ var Pager = /** @class */ (function (_super) {
|
|
|
52
51
|
function Pager(props) {
|
|
53
52
|
var _this = _super.call(this, props) || this;
|
|
54
53
|
_this._element = null;
|
|
55
|
-
_this.isRtl = false;
|
|
56
54
|
_this.onPageChange = function (eventData, targetEvent) {
|
|
57
55
|
var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
|
|
58
56
|
if (_this.props.onPageChange) {
|
|
@@ -93,6 +91,14 @@ var Pager = /** @class */ (function (_super) {
|
|
|
93
91
|
(0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
94
92
|
return _this;
|
|
95
93
|
}
|
|
94
|
+
Object.defineProperty(Pager.prototype, "isRtl", {
|
|
95
|
+
get: function () {
|
|
96
|
+
return this.props.dir === 'rtl';
|
|
97
|
+
},
|
|
98
|
+
enumerable: false,
|
|
99
|
+
configurable: true
|
|
100
|
+
});
|
|
101
|
+
;
|
|
96
102
|
Object.defineProperty(Pager.prototype, "element", {
|
|
97
103
|
/**
|
|
98
104
|
* Returns the HTML element of the Pager component.
|
|
@@ -109,11 +115,6 @@ var Pager = /** @class */ (function (_super) {
|
|
|
109
115
|
Pager.prototype.componentDidMount = function () {
|
|
110
116
|
window.addEventListener('resize', this.onWindowResize);
|
|
111
117
|
this.onWindowResize();
|
|
112
|
-
var rtl = (0, main_1.isRtl)(this.element);
|
|
113
|
-
this.isRtl = rtl;
|
|
114
|
-
if (this.isRtl) {
|
|
115
|
-
this.forceUpdate();
|
|
116
|
-
}
|
|
117
118
|
};
|
|
118
119
|
/**
|
|
119
120
|
* @hidden
|
|
@@ -163,7 +164,7 @@ var Pager = /** @class */ (function (_super) {
|
|
|
163
164
|
])));
|
|
164
165
|
return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager', (_a = {},
|
|
165
166
|
_a["k-pager-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
166
|
-
_a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
|
|
167
|
+
_a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", dir: this.props.dir, "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
|
|
167
168
|
React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap') },
|
|
168
169
|
first,
|
|
169
170
|
prev,
|
|
@@ -206,7 +207,8 @@ var Pager = /** @class */ (function (_super) {
|
|
|
206
207
|
previousNext: PropTypes.bool,
|
|
207
208
|
onPageChange: PropTypes.func,
|
|
208
209
|
messagesMap: PropTypes.func,
|
|
209
|
-
size: PropTypes.oneOf([null, 'small', 'medium', 'large'])
|
|
210
|
+
size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
211
|
+
dir: PropTypes.string
|
|
210
212
|
};
|
|
211
213
|
/**
|
|
212
214
|
* @hidden
|