@progress/kendo-react-data-tools 5.14.0-dev.202305191608 → 5.14.0-dev.202305231015

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 (11) hide show
  1. package/dist/cdn/js/kendo-react-data-tools.js +1 -1
  2. package/dist/es/drag/DragClue.js +1 -1
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/es/pager/Pager.d.ts +1 -0
  5. package/dist/es/pager/Pager.js +12 -6
  6. package/dist/npm/drag/DragClue.js +1 -1
  7. package/dist/npm/package-metadata.js +1 -1
  8. package/dist/npm/pager/Pager.d.ts +1 -0
  9. package/dist/npm/pager/Pager.js +12 -6
  10. package/dist/systemjs/kendo-react-data-tools.js +1 -1
  11. package/package.json +10 -10
package/dist/es/drag/DragClue.js CHANGED
@@ -53,7 +53,7 @@ var DragClue = /** @class */ (function (_super) {
53
53
  top: this.state.top + 'px',
54
54
  left: this.state.left + 'px'
55
55
  } },
56
- React.createElement(IconWrap, { className: 'k-drag-status k-icon-with-modifier', name: status, icon: status === 'k-i-cancel' ? cancelIcon : plusIcon }),
56
+ React.createElement(IconWrap, { className: 'k-drag-status', name: status, icon: status === 'k-i-cancel' ? cancelIcon : plusIcon }),
57
57
  this.state.innerText)), (hiddenElement && hiddenElement.ownerDocument ?
58
58
  hiddenElement.ownerDocument.body :
59
59
  document.body));
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: 1684510884,
8
+ publishDate: 1684835077,
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
@@ -166,6 +166,7 @@ export declare class Pager extends React.Component<PagerProps> {
166
166
  size: string;
167
167
  };
168
168
  private _element;
169
+ private isRtl;
169
170
  /**
170
171
  * Returns the HTML element of the Pager component.
171
172
  */
package/dist/es/pager/Pager.js CHANGED
@@ -30,10 +30,10 @@ 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';
33
34
  import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage, pagerInfo, pagerAriaKeyshortcuts, pagerAriaLabel } from '../messages';
34
35
  import { registerForIntl, registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
35
- import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
36
- import { validatePackage } from '@progress/kendo-react-common';
36
+ import { classNames, kendoThemeMaps, validatePackage } from '@progress/kendo-react-common';
37
37
  import { caretAltToLeftIcon, caretAltLeftIcon, caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
38
38
  import { packageMetadata } from '../package-metadata';
39
39
  /**
@@ -49,6 +49,7 @@ var Pager = /** @class */ (function (_super) {
49
49
  function Pager(props) {
50
50
  var _this = _super.call(this, props) || this;
51
51
  _this._element = null;
52
+ _this.isRtl = false;
52
53
  _this.onPageChange = function (eventData, targetEvent) {
53
54
  var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
54
55
  if (_this.props.onPageChange) {
@@ -105,6 +106,11 @@ var Pager = /** @class */ (function (_super) {
105
106
  Pager.prototype.componentDidMount = function () {
106
107
  window.addEventListener('resize', this.onWindowResize);
107
108
  this.onWindowResize();
109
+ var rtl = isRtl(this.element);
110
+ this.isRtl = rtl;
111
+ if (this.isRtl) {
112
+ this.forceUpdate();
113
+ }
108
114
  };
109
115
  /**
110
116
  * @hidden
@@ -140,10 +146,10 @@ var Pager = /** @class */ (function (_super) {
140
146
  ({ messageKey: pagerAriaLabel, defaultMessage: messages[pagerAriaLabel] });
141
147
  var first, prev, next, last;
142
148
  if (this.props.previousNext) {
143
- first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'caret-alt-to-left', caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
144
- prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'caret-alt-left', caretAltLeftIcon, (currentPage === 1 ? true : undefined));
145
- next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'caret-alt-right', caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
146
- last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
149
+ first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-right' : 'caret-alt-to-left', this.isRtl ? caretAltToRightIcon : caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
150
+ prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), this.isRtl ? 'caret-alt-right' : 'caret-alt-left', this.isRtl ? caretAltRightIcon : caretAltLeftIcon, (currentPage === 1 ? true : undefined));
151
+ next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), this.isRtl ? 'caret-alt-left' : 'caret-alt-right', this.isRtl ? caretAltLeftIcon : caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
152
+ 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));
147
153
  }
148
154
  var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
149
155
  var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
package/dist/npm/drag/DragClue.js CHANGED
@@ -56,7 +56,7 @@ var DragClue = /** @class */ (function (_super) {
56
56
  top: this.state.top + 'px',
57
57
  left: this.state.left + 'px'
58
58
  } },
59
- React.createElement(kendo_react_common_1.IconWrap, { className: 'k-drag-status k-icon-with-modifier', name: status, icon: status === 'k-i-cancel' ? kendo_svg_icons_1.cancelIcon : kendo_svg_icons_1.plusIcon }),
59
+ React.createElement(kendo_react_common_1.IconWrap, { className: 'k-drag-status', name: status, icon: status === 'k-i-cancel' ? kendo_svg_icons_1.cancelIcon : kendo_svg_icons_1.plusIcon }),
60
60
  this.state.innerText)), (hiddenElement && hiddenElement.ownerDocument ?
61
61
  hiddenElement.ownerDocument.body :
62
62
  document.body));
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: 1684510884,
11
+ publishDate: 1684835077,
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/Pager.d.ts CHANGED
@@ -166,6 +166,7 @@ export declare class Pager extends React.Component<PagerProps> {
166
166
  size: string;
167
167
  };
168
168
  private _element;
169
+ private isRtl;
169
170
  /**
170
171
  * Returns the HTML element of the Pager component.
171
172
  */
package/dist/npm/pager/Pager.js CHANGED
@@ -33,10 +33,10 @@ 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");
36
37
  var messages_1 = require("../messages");
37
38
  var kendo_react_intl_1 = require("@progress/kendo-react-intl");
38
39
  var kendo_react_common_1 = require("@progress/kendo-react-common");
39
- var kendo_react_common_2 = require("@progress/kendo-react-common");
40
40
  var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
41
41
  var package_metadata_1 = require("../package-metadata");
42
42
  /**
@@ -52,6 +52,7 @@ var Pager = /** @class */ (function (_super) {
52
52
  function Pager(props) {
53
53
  var _this = _super.call(this, props) || this;
54
54
  _this._element = null;
55
+ _this.isRtl = false;
55
56
  _this.onPageChange = function (eventData, targetEvent) {
56
57
  var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
57
58
  if (_this.props.onPageChange) {
@@ -89,7 +90,7 @@ var Pager = /** @class */ (function (_super) {
89
90
  element.classList.remove('k-pager-mobile-sm');
90
91
  }
91
92
  };
92
- (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
93
+ (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
93
94
  return _this;
94
95
  }
95
96
  Object.defineProperty(Pager.prototype, "element", {
@@ -108,6 +109,11 @@ var Pager = /** @class */ (function (_super) {
108
109
  Pager.prototype.componentDidMount = function () {
109
110
  window.addEventListener('resize', this.onWindowResize);
110
111
  this.onWindowResize();
112
+ var rtl = (0, main_1.isRtl)(this.element);
113
+ this.isRtl = rtl;
114
+ if (this.isRtl) {
115
+ this.forceUpdate();
116
+ }
111
117
  };
112
118
  /**
113
119
  * @hidden
@@ -143,10 +149,10 @@ var Pager = /** @class */ (function (_super) {
143
149
  ({ messageKey: messages_1.pagerAriaLabel, defaultMessage: messages_1.messages[messages_1.pagerAriaLabel] });
144
150
  var first, prev, next, last;
145
151
  if (this.props.previousNext) {
146
- first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), 'caret-alt-to-left', kendo_svg_icons_1.caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
147
- prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), 'caret-alt-left', kendo_svg_icons_1.caretAltLeftIcon, (currentPage === 1 ? true : undefined));
148
- next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'caret-alt-right', kendo_svg_icons_1.caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
149
- last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', kendo_svg_icons_1.caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
152
+ first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-right' : 'caret-alt-to-left', this.isRtl ? kendo_svg_icons_1.caretAltToRightIcon : kendo_svg_icons_1.caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
153
+ prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), this.isRtl ? 'caret-alt-right' : 'caret-alt-left', this.isRtl ? kendo_svg_icons_1.caretAltRightIcon : kendo_svg_icons_1.caretAltLeftIcon, (currentPage === 1 ? true : undefined));
154
+ next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), this.isRtl ? 'caret-alt-left' : 'caret-alt-right', this.isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
155
+ 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));
150
156
  }
151
157
  var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
152
158
  var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService