@progress/kendo-react-data-tools 5.14.0 → 5.14.1-dev.202306071622

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: 1685989335,
+    publishDate: 1686152558,
     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.d.ts

@@ -136,6 +136,10 @@ export interface PagerProps {
         messageKey: string;
         defaultMessage: string;
     });
+    /**
+     * Sets the direction of the component.
+     */
+    dir?: string;
 }
 export declare class Pager extends React.Component<PagerProps> {
     /**
@@ -155,6 +159,7 @@ export declare class Pager extends React.Component<PagerProps> {
         onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
         messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<string | null>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -166,7 +171,7 @@ export declare class Pager extends React.Component<PagerProps> {
         size: string;
     };
     private _element;
-    private isRtl;
+    private get isRtl();
     /**
      * Returns the HTML element of the Pager component.
      */

package/dist/es/pager/Pager.js

@@ -30,7 +30,6 @@ import { PagerNumericButtons } from './PagerNumericButtons';
 import { PagerInput } from './PagerInput';
 import { PagerPageSizes } from './PagerPageSizes';
 import { Button } from '@progress/kendo-react-buttons';
-import { isRtl } from '../main';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage, pagerInfo, pagerAriaKeyshortcuts, pagerAriaLabel } from '../messages';
 import { registerForIntl, registerForLocalization, provideLocalizationService, provideIntlService } from '@progress/kendo-react-intl';
 import { classNames, kendoThemeMaps, validatePackage } from '@progress/kendo-react-common';
@@ -49,7 +48,6 @@ var Pager = /** @class */ (function (_super) {
     function Pager(props) {
         var _this = _super.call(this, props) || this;
         _this._element = null;
-        _this.isRtl = false;
         _this.onPageChange = function (eventData, targetEvent) {
             var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
             if (_this.props.onPageChange) {
@@ -90,6 +88,14 @@ var Pager = /** @class */ (function (_super) {
         validatePackage(packageMetadata);
         return _this;
     }
+    Object.defineProperty(Pager.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     Object.defineProperty(Pager.prototype, "element", {
         /**
          * Returns the HTML element of the Pager component.
@@ -106,11 +112,6 @@ var Pager = /** @class */ (function (_super) {
     Pager.prototype.componentDidMount = function () {
         window.addEventListener('resize', this.onWindowResize);
         this.onWindowResize();
-        var rtl = isRtl(this.element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
     };
     /**
      * @hidden
@@ -160,7 +161,7 @@ var Pager = /** @class */ (function (_super) {
         ])));
         return (React.createElement("div", { className: classNames('k-pager', (_a = {},
                 _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
-                _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; } },
+                _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; } },
             React.createElement("div", { className: classNames('k-pager-numbers-wrap') },
                 first,
                 prev,
@@ -203,7 +204,8 @@ var Pager = /** @class */ (function (_super) {
         previousNext: PropTypes.bool,
         onPageChange: PropTypes.func,
         messagesMap: PropTypes.func,
-        size: PropTypes.oneOf([null, 'small', 'medium', 'large'])
+        size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
+        dir: PropTypes.string
     };
     /**
      * @hidden

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1685989335,
+    publishDate: 1686152558,
     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.d.ts

@@ -136,6 +136,10 @@ export interface PagerProps {
         messageKey: string;
         defaultMessage: string;
     });
+    /**
+     * Sets the direction of the component.
+     */
+    dir?: string;
 }
 export declare class Pager extends React.Component<PagerProps> {
     /**
@@ -155,6 +159,7 @@ export declare class Pager extends React.Component<PagerProps> {
         onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
         messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<string | null>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -166,7 +171,7 @@ export declare class Pager extends React.Component<PagerProps> {
         size: string;
     };
     private _element;
-    private isRtl;
+    private get isRtl();
     /**
      * Returns the HTML element of the Pager component.
      */

package/dist/npm/pager/Pager.js

@@ -33,7 +33,6 @@ var PagerNumericButtons_1 = require("./PagerNumericButtons");
 var PagerInput_1 = require("./PagerInput");
 var PagerPageSizes_1 = require("./PagerPageSizes");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var main_1 = require("../main");
 var messages_1 = require("../messages");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -52,7 +51,6 @@ var Pager = /** @class */ (function (_super) {
     function Pager(props) {
         var _this = _super.call(this, props) || this;
         _this._element = null;
-        _this.isRtl = false;
         _this.onPageChange = function (eventData, targetEvent) {
             var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
             if (_this.props.onPageChange) {
@@ -93,6 +91,14 @@ var Pager = /** @class */ (function (_super) {
         (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
+    Object.defineProperty(Pager.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     Object.defineProperty(Pager.prototype, "element", {
         /**
          * Returns the HTML element of the Pager component.
@@ -109,11 +115,6 @@ var Pager = /** @class */ (function (_super) {
     Pager.prototype.componentDidMount = function () {
         window.addEventListener('resize', this.onWindowResize);
         this.onWindowResize();
-        var rtl = (0, main_1.isRtl)(this.element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
     };
     /**
      * @hidden
@@ -163,7 +164,7 @@ var Pager = /** @class */ (function (_super) {
         ])));
         return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager', (_a = {},
                 _a["k-pager-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                _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; } },
+                _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; } },
             React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap') },
                 first,
                 prev,
@@ -206,7 +207,8 @@ var Pager = /** @class */ (function (_super) {
         previousNext: PropTypes.bool,
         onPageChange: PropTypes.func,
         messagesMap: PropTypes.func,
-        size: PropTypes.oneOf([null, 'small', 'medium', 'large'])
+        size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
+        dir: PropTypes.string
     };
     /**
      * @hidden