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

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 (7) hide show
  1. package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.js +27 -1
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/npm/AutoComplete/AutoComplete.js +27 -1
  5. package/dist/npm/package-metadata.js +1 -1
  6. package/dist/systemjs/kendo-react-dropdowns.js +1 -1
  7. package/package.json +16 -16
package/dist/es/AutoComplete/AutoComplete.js CHANGED
@@ -190,6 +190,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
190
190
  var focusedIndex = _this.focusedIndex();
191
191
  var focusedItem = data[focusedIndex];
192
192
  var keyCode = event.keyCode;
193
+ var altOrOptionsKeyPressed = event.altKey;
193
194
  var opened = _this.props.opened !== undefined ? _this.props.opened : _this.state.opened;
194
195
  var state = _this.base.initState();
195
196
  state.syntheticEvent = event;
@@ -198,7 +199,23 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
198
199
  event.preventDefault();
199
200
  }
200
201
  };
201
- if (keyCode === Keys.enter || keyCode === Keys.esc) {
202
+ if (altOrOptionsKeyPressed && keyCode === Keys.down) {
203
+ _this.setState({
204
+ opened: true
205
+ });
206
+ }
207
+ else if (altOrOptionsKeyPressed && keyCode === Keys.up) {
208
+ _this.setState({
209
+ opened: false
210
+ });
211
+ }
212
+ else if (opened && keyCode === Keys.pageUp) {
213
+ _this.base.scrollPopupByPageSize(-1);
214
+ }
215
+ else if (opened && keyCode === Keys.pageDown) {
216
+ _this.base.scrollPopupByPageSize(1);
217
+ }
218
+ else if (opened && (keyCode === Keys.enter || keyCode === Keys.esc)) {
202
219
  preventDefault();
203
220
  if (skipDisabledItems === false && focusedItem && focusedItem.disabled) {
204
221
  if (opened) {
@@ -210,6 +227,15 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
210
227
  _this.applyInputValue(event.currentTarget.value, state, event.keyCode);
211
228
  }
212
229
  }
230
+ else if (!opened && keyCode === Keys.esc) {
231
+ var newValue = '';
232
+ _this._suggested = '';
233
+ _this.triggerOnChange(newValue, state);
234
+ if (_this.state.focusedItem !== undefined) {
235
+ state.data.focusedItem = undefined;
236
+ }
237
+ _this.applyState(state);
238
+ }
213
239
  else if (keyCode === Keys.up || keyCode === Keys.down) {
214
240
  if (groupField !== '' && textField) {
215
241
  if (!_this.props.skipDisabledItems && opened) {
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-dropdowns',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1694449449,
8
+ publishDate: 1694508042,
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/npm/AutoComplete/AutoComplete.js CHANGED
@@ -193,6 +193,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
193
193
  var focusedIndex = _this.focusedIndex();
194
194
  var focusedItem = data[focusedIndex];
195
195
  var keyCode = event.keyCode;
196
+ var altOrOptionsKeyPressed = event.altKey;
196
197
  var opened = _this.props.opened !== undefined ? _this.props.opened : _this.state.opened;
197
198
  var state = _this.base.initState();
198
199
  state.syntheticEvent = event;
@@ -201,7 +202,23 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
201
202
  event.preventDefault();
202
203
  }
203
204
  };
204
- if (keyCode === kendo_react_common_1.Keys.enter || keyCode === kendo_react_common_1.Keys.esc) {
205
+ if (altOrOptionsKeyPressed && keyCode === kendo_react_common_1.Keys.down) {
206
+ _this.setState({
207
+ opened: true
208
+ });
209
+ }
210
+ else if (altOrOptionsKeyPressed && keyCode === kendo_react_common_1.Keys.up) {
211
+ _this.setState({
212
+ opened: false
213
+ });
214
+ }
215
+ else if (opened && keyCode === kendo_react_common_1.Keys.pageUp) {
216
+ _this.base.scrollPopupByPageSize(-1);
217
+ }
218
+ else if (opened && keyCode === kendo_react_common_1.Keys.pageDown) {
219
+ _this.base.scrollPopupByPageSize(1);
220
+ }
221
+ else if (opened && (keyCode === kendo_react_common_1.Keys.enter || keyCode === kendo_react_common_1.Keys.esc)) {
205
222
  preventDefault();
206
223
  if (skipDisabledItems === false && focusedItem && focusedItem.disabled) {
207
224
  if (opened) {
@@ -213,6 +230,15 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
213
230
  _this.applyInputValue(event.currentTarget.value, state, event.keyCode);
214
231
  }
215
232
  }
233
+ else if (!opened && keyCode === kendo_react_common_1.Keys.esc) {
234
+ var newValue = '';
235
+ _this._suggested = '';
236
+ _this.triggerOnChange(newValue, state);
237
+ if (_this.state.focusedItem !== undefined) {
238
+ state.data.focusedItem = undefined;
239
+ }
240
+ _this.applyState(state);
241
+ }
216
242
  else if (keyCode === kendo_react_common_1.Keys.up || keyCode === kendo_react_common_1.Keys.down) {
217
243
  if (groupField !== '' && textField) {
218
244
  if (!_this.props.skipDisabledItems && opened) {
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-dropdowns',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1694449449,
11
+ publishDate: 1694508042,
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
  };