@progress/kendo-react-dropdowns 5.18.0-dev.202309111539 → 5.18.0-dev.202309111654

package/dist/es/DropDownList/DropDownList.js

@@ -224,6 +224,8 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
             }
         };
         _this.handleKeyDown = function (event) {
+            // The following added here to prevent the propagation of the keyDown event when the filter prop is set to true
+            event && event.stopPropagation && event.stopPropagation();
             var _a = _this.props, _b = _a.data, data = _b === void 0 ? [] : _b, filterable = _a.filterable, disabled = _a.disabled, defaultItem = _a.defaultItem, _c = _a.leftRightKeysNavigation, leftRightKeysNavigation = _c === void 0 ? true : _c, _d = _a.virtual, virtual = _d === void 0 ? { skip: 0, total: 0, pageSize: 0 } : _d, dataItemKey = _a.dataItemKey, _e = _a.groupField, groupField = _e === void 0 ? '' : _e, textField = _a.textField, _f = _a.skipDisabledItems, skipDisabledItems = _f === void 0 ? true : _f;
             var value = _this.value;
             var selectedIndex = data.findIndex(function (i) { return areSame(i, value, dataItemKey); });
@@ -261,6 +263,12 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                     }
                 }
             }
+            else if (opened && keyCode === Keys.pageUp) {
+                _this.base.scrollPopupByPageSize(-1);
+            }
+            else if (opened && keyCode === Keys.pageDown) {
+                _this.base.scrollPopupByPageSize(1);
+            }
             else if (opened && keyCode === Keys.enter) {
                 var focusedIndex = _this.getFocusedIndex();
                 if (_this.haveFocusedItemAndDataNotEmpty(data, focusedIndex)) {

package/dist/es/common/DropDownBase.d.ts

@@ -160,7 +160,7 @@ export default class DropDownBase {
     scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
     /**
      * @hidden
-     * Scrolls the data inside the popup of a selected DropDown by `one page'. The page size
+     * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
      * depends on the height of the popup.
      *
      * @param {number} direction Defines the direction(Up/Down) in which the page will be moved

package/dist/es/common/DropDownBase.js

@@ -101,7 +101,7 @@ var DropDownBase = /** @class */ (function () {
         };
         /**
          * @hidden
-         * Scrolls the data inside the popup of a selected DropDown by `one page'. The page size
+         * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
          * depends on the height of the popup.
          *
          * @param {number} direction Defines the direction(Up/Down) in which the page will be moved

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1694445080,
+    publishDate: 1694449449,
     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/DropDownList/DropDownList.js

@@ -227,6 +227,8 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
             }
         };
         _this.handleKeyDown = function (event) {
+            // The following added here to prevent the propagation of the keyDown event when the filter prop is set to true
+            event && event.stopPropagation && event.stopPropagation();
             var _a = _this.props, _b = _a.data, data = _b === void 0 ? [] : _b, filterable = _a.filterable, disabled = _a.disabled, defaultItem = _a.defaultItem, _c = _a.leftRightKeysNavigation, leftRightKeysNavigation = _c === void 0 ? true : _c, _d = _a.virtual, virtual = _d === void 0 ? { skip: 0, total: 0, pageSize: 0 } : _d, dataItemKey = _a.dataItemKey, _e = _a.groupField, groupField = _e === void 0 ? '' : _e, textField = _a.textField, _f = _a.skipDisabledItems, skipDisabledItems = _f === void 0 ? true : _f;
             var value = _this.value;
             var selectedIndex = data.findIndex(function (i) { return (0, utils_1.areSame)(i, value, dataItemKey); });
@@ -264,6 +266,12 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                     }
                 }
             }
+            else if (opened && keyCode === kendo_react_common_1.Keys.pageUp) {
+                _this.base.scrollPopupByPageSize(-1);
+            }
+            else if (opened && keyCode === kendo_react_common_1.Keys.pageDown) {
+                _this.base.scrollPopupByPageSize(1);
+            }
             else if (opened && keyCode === kendo_react_common_1.Keys.enter) {
                 var focusedIndex = _this.getFocusedIndex();
                 if (_this.haveFocusedItemAndDataNotEmpty(data, focusedIndex)) {

package/dist/npm/common/DropDownBase.d.ts

@@ -160,7 +160,7 @@ export default class DropDownBase {
     scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
     /**
      * @hidden
-     * Scrolls the data inside the popup of a selected DropDown by `one page'. The page size
+     * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
      * depends on the height of the popup.
      *
      * @param {number} direction Defines the direction(Up/Down) in which the page will be moved

package/dist/npm/common/DropDownBase.js

@@ -103,7 +103,7 @@ var DropDownBase = /** @class */ (function () {
         };
         /**
          * @hidden
-         * Scrolls the data inside the popup of a selected DropDown by `one page'. The page size
+         * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
          * depends on the height of the popup.
          *
          * @param {number} direction Defines the direction(Up/Down) in which the page will be moved

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1694445080,
+    publishDate: 1694449449,
     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'
 };