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

package/dist/es/AutoComplete/AutoComplete.js

@@ -190,6 +190,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             var focusedIndex = _this.focusedIndex();
             var focusedItem = data[focusedIndex];
             var keyCode = event.keyCode;
+            var altOrOptionsKeyPressed = event.altKey;
             var opened = _this.props.opened !== undefined ? _this.props.opened : _this.state.opened;
             var state = _this.base.initState();
             state.syntheticEvent = event;
@@ -198,7 +199,23 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                     event.preventDefault();
                 }
             };
-            if (keyCode === Keys.enter || keyCode === Keys.esc) {
+            if (altOrOptionsKeyPressed && keyCode === Keys.down) {
+                _this.setState({
+                    opened: true
+                });
+            }
+            else if (altOrOptionsKeyPressed && keyCode === Keys.up) {
+                _this.setState({
+                    opened: false
+                });
+            }
+            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 || keyCode === Keys.esc)) {
                 preventDefault();
                 if (skipDisabledItems === false && focusedItem && focusedItem.disabled) {
                     if (opened) {
@@ -210,6 +227,15 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                     _this.applyInputValue(event.currentTarget.value, state, event.keyCode);
                 }
             }
+            else if (!opened && keyCode === Keys.esc) {
+                var newValue = '';
+                _this._suggested = '';
+                _this.triggerOnChange(newValue, state);
+                if (_this.state.focusedItem !== undefined) {
+                    state.data.focusedItem = undefined;
+                }
+                _this.applyState(state);
+            }
             else if (keyCode === Keys.up || keyCode === Keys.down) {
                 if (groupField !== '' && textField) {
                     if (!_this.props.skipDisabledItems && opened) {

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: 1694508042,
     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/AutoComplete/AutoComplete.js

@@ -193,6 +193,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             var focusedIndex = _this.focusedIndex();
             var focusedItem = data[focusedIndex];
             var keyCode = event.keyCode;
+            var altOrOptionsKeyPressed = event.altKey;
             var opened = _this.props.opened !== undefined ? _this.props.opened : _this.state.opened;
             var state = _this.base.initState();
             state.syntheticEvent = event;
@@ -201,7 +202,23 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                     event.preventDefault();
                 }
             };
-            if (keyCode === kendo_react_common_1.Keys.enter || keyCode === kendo_react_common_1.Keys.esc) {
+            if (altOrOptionsKeyPressed && keyCode === kendo_react_common_1.Keys.down) {
+                _this.setState({
+                    opened: true
+                });
+            }
+            else if (altOrOptionsKeyPressed && keyCode === kendo_react_common_1.Keys.up) {
+                _this.setState({
+                    opened: false
+                });
+            }
+            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 || keyCode === kendo_react_common_1.Keys.esc)) {
                 preventDefault();
                 if (skipDisabledItems === false && focusedItem && focusedItem.disabled) {
                     if (opened) {
@@ -213,6 +230,15 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                     _this.applyInputValue(event.currentTarget.value, state, event.keyCode);
                 }
             }
+            else if (!opened && keyCode === kendo_react_common_1.Keys.esc) {
+                var newValue = '';
+                _this._suggested = '';
+                _this.triggerOnChange(newValue, state);
+                if (_this.state.focusedItem !== undefined) {
+                    state.data.focusedItem = undefined;
+                }
+                _this.applyState(state);
+            }
             else if (keyCode === kendo_react_common_1.Keys.up || keyCode === kendo_react_common_1.Keys.down) {
                 if (groupField !== '' && textField) {
                     if (!_this.props.skipDisabledItems && opened) {

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: 1694508042,
     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'
 };