@progress/kendo-react-dropdowns 5.5.0-dev.202206271315 → 5.5.0

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 (25) hide show
  1. package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.d.ts +2 -4
  3. package/dist/es/ComboBox/ComboBox.d.ts +10 -3
  4. package/dist/es/DropDownList/DropDownList.d.ts +4 -2
  5. package/dist/es/DropDownList/DropDownList.js +2 -2
  6. package/dist/es/DropDownTree/DropDownTree.js +2 -2
  7. package/dist/es/MultiSelect/MultiSelect.d.ts +1 -1
  8. package/dist/es/MultiSelect/MultiSelect.js +1 -1
  9. package/dist/es/MultiSelectTree/MultiSelectTree.js +2 -2
  10. package/dist/es/common/DropDownBase.d.ts +2 -2
  11. package/dist/es/common/DropDownBase.js +1 -1
  12. package/dist/es/package-metadata.js +1 -1
  13. package/dist/npm/AutoComplete/AutoComplete.d.ts +2 -4
  14. package/dist/npm/ComboBox/ComboBox.d.ts +10 -3
  15. package/dist/npm/DropDownList/DropDownList.d.ts +4 -2
  16. package/dist/npm/DropDownList/DropDownList.js +2 -2
  17. package/dist/npm/DropDownTree/DropDownTree.js +2 -2
  18. package/dist/npm/MultiSelect/MultiSelect.d.ts +1 -1
  19. package/dist/npm/MultiSelect/MultiSelect.js +1 -1
  20. package/dist/npm/MultiSelectTree/MultiSelectTree.js +2 -2
  21. package/dist/npm/common/DropDownBase.d.ts +2 -2
  22. package/dist/npm/common/DropDownBase.js +1 -1
  23. package/dist/npm/package-metadata.js +1 -1
  24. package/dist/systemjs/kendo-react-dropdowns.js +1 -1
  25. package/package.json +13 -12
package/dist/es/AutoComplete/AutoComplete.d.ts CHANGED
@@ -56,13 +56,11 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
56
56
  }>>;
57
57
  popupClass: PropTypes.Requireable<string>;
58
58
  className: PropTypes.Requireable<string>;
59
- appendTo: PropTypes.Requireable<Element>;
59
+ appendTo: PropTypes.Requireable<any>;
60
60
  width: PropTypes.Requireable<string | number>;
61
61
  height: PropTypes.Requireable<string | number>;
62
62
  }>>;
63
- onOpen: PropTypes.Requireable<(...args: any[]) => any>; /**
64
- * @hidden
65
- */
63
+ onOpen: PropTypes.Requireable<(...args: any[]) => any>;
66
64
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
67
65
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
68
66
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/ComboBox/ComboBox.d.ts CHANGED
@@ -51,6 +51,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
51
51
  total: PropTypes.Validator<number>;
52
52
  }>>;
53
53
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
54
+ /**
55
+ * @hidden
56
+ */
54
57
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
55
58
  opened: PropTypes.Requireable<boolean>;
56
59
  disabled: PropTypes.Requireable<boolean>;
@@ -69,14 +72,16 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
69
72
  }>>;
70
73
  popupClass: PropTypes.Requireable<string>;
71
74
  className: PropTypes.Requireable<string>;
72
- appendTo: PropTypes.Requireable<Element>;
75
+ appendTo: PropTypes.Requireable<any>;
73
76
  width: PropTypes.Requireable<string | number>;
74
77
  height: PropTypes.Requireable<string | number>;
75
78
  }>>;
76
79
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
77
80
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
78
81
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
79
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
82
+ onBlur: PropTypes.Requireable<(...args: any[]) => any>; /**
83
+ * @hidden
84
+ */
80
85
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
81
86
  itemRender: PropTypes.Requireable<(...args: any[]) => any>;
82
87
  listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
@@ -95,7 +100,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
95
100
  clearButton: boolean;
96
101
  required: boolean;
97
102
  popupSettings: {
98
- height: string;
103
+ height: string; /**
104
+ * The value of the ComboBox.
105
+ */
99
106
  };
100
107
  validityStyles: boolean;
101
108
  };
package/dist/es/DropDownList/DropDownList.d.ts CHANGED
@@ -19,7 +19,9 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
19
19
  */
20
20
  static propTypes: {
21
21
  value: PropTypes.Requireable<any>;
22
- defaultValue: PropTypes.Requireable<any>;
22
+ defaultValue: PropTypes.Requireable<any>; /**
23
+ * @hidden
24
+ */
23
25
  filterable: PropTypes.Requireable<boolean>;
24
26
  filter: PropTypes.Requireable<string>;
25
27
  virtual: PropTypes.Requireable<PropTypes.InferProps<{
@@ -46,7 +48,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
46
48
  }>>;
47
49
  popupClass: PropTypes.Requireable<string>;
48
50
  className: PropTypes.Requireable<string>;
49
- appendTo: PropTypes.Requireable<Element>;
51
+ appendTo: PropTypes.Requireable<any>;
50
52
  width: PropTypes.Requireable<string | number>;
51
53
  height: PropTypes.Requireable<string | number>;
52
54
  }>>;
package/dist/es/DropDownList/DropDownList.js CHANGED
@@ -518,14 +518,14 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
518
518
  _a['k-required'] = this.required,
519
519
  _a)), style: !label
520
520
  ? style
521
- : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": true, "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
521
+ : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
522
522
  valueElement,
523
523
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
524
524
  React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: classNames('k-input-button k-button k-icon-button', (_b = {},
525
525
  _b["k-button-".concat(sizeMap[size] || size)] = size,
526
526
  _b["k-button-".concat(fillMode)] = fillMode,
527
527
  _b["k-button-".concat(fillMode, "-base")] = fillMode,
528
- _b)), onMouseDown: function (e) { return e.preventDefault(); } },
528
+ _b)) },
529
529
  React.createElement("span", { className: classNames('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
530
530
  this.dummySelect(value),
531
531
  this.renderListContainer()));
package/dist/es/DropDownTree/DropDownTree.js CHANGED
@@ -350,7 +350,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
350
350
  _a['k-loading'] = props.loading,
351
351
  _a['k-required'] = required,
352
352
  _a['k-disabled'] = props.disabled,
353
- _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
353
+ _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
354
354
  React.createElement("span", { className: "k-input-inner" },
355
355
  React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
356
356
  props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
@@ -405,7 +405,7 @@ var propTypes = {
405
405
  })]),
406
406
  popupClass: PropTypes.string,
407
407
  className: PropTypes.string,
408
- appendTo: PropTypes.instanceOf(Element),
408
+ appendTo: PropTypes.any,
409
409
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
410
410
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
411
411
  }),
package/dist/es/MultiSelect/MultiSelect.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
67
67
  }>>;
68
68
  popupClass: PropTypes.Requireable<string>;
69
69
  className: PropTypes.Requireable<string>;
70
- appendTo: PropTypes.Requireable<Element>;
70
+ appendTo: PropTypes.Requireable<any>;
71
71
  width: PropTypes.Requireable<string | number>;
72
72
  height: PropTypes.Requireable<string | number>;
73
73
  }>>;
package/dist/es/MultiSelect/MultiSelect.js CHANGED
@@ -604,7 +604,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
604
604
  var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ?
605
605
  "tag-".concat(this.base.guid, "-").concat(focusedTag.text.replace(/\s+/g, '-')) :
606
606
  "option-".concat(this.base.guid, "-").concat(focusedIndex);
607
- return (React.createElement(SearchBar, { id: id, size: Math.max((placeholderToShow || '').length, text.length, 1), tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, placeholder: placeholderToShow, value: text, onChange: this.onChangeHandler, onKeyDown: this.onInputKeyDown, ref: this.searchbarRef, disabled: disabled, expanded: opened, owns: this.base.listBoxId, activedescendant: ariaActivedescendant, ariaDescribedBy: "tagslist-".concat(this.base.guid).concat(ariaDescribedBy ? (' ' + ariaDescribedBy) : ''), ariaLabelledBy: this.props.ariaLabelledBy }));
607
+ return (React.createElement(SearchBar, { id: id, size: Math.max((placeholderToShow || '').length, text.length, 1), tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, placeholder: placeholderToShow, value: text, onChange: this.onChangeHandler, onKeyDown: this.onInputKeyDown, ref: this.searchbarRef, disabled: disabled, expanded: opened, owns: this.base.listBoxId, role: 'combobox', activedescendant: ariaActivedescendant, ariaDescribedBy: "tagslist-".concat(this.base.guid).concat(ariaDescribedBy ? (' ' + ariaDescribedBy) : ''), ariaLabelledBy: this.props.ariaLabelledBy }));
608
608
  };
609
609
  MultiSelectWithoutContext.prototype.onTagsNavigate = function (event, state) {
610
610
  var keyCode = event.keyCode;
package/dist/es/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -398,7 +398,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
398
398
  _a['k-disabled'] = disabled,
399
399
  _a['k-loading'] = props.loading,
400
400
  _a['k-required'] = required,
401
- _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, onClick: disabled ? undefined : onWrapperClick },
401
+ _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, onClick: disabled ? undefined : onWrapperClick },
402
402
  tagsToRenderRef.current.length > 0 && (React.createElement("div", { className: classNames('k-input-values k-chip-list k-selection-multiple', (_b = {},
403
403
  _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
404
404
  _b)), role: "listbox", id: 'tagslist-' + id },
@@ -455,7 +455,7 @@ var propTypes = {
455
455
  })]),
456
456
  popupClass: PropTypes.string,
457
457
  className: PropTypes.string,
458
- appendTo: PropTypes.instanceOf(Element),
458
+ appendTo: PropTypes.any,
459
459
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
460
460
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
461
461
  }),
package/dist/es/common/DropDownBase.d.ts CHANGED
@@ -68,7 +68,7 @@ export default class DropDownBase {
68
68
  }>>;
69
69
  popupClass: PropTypes.Requireable<string>;
70
70
  className: PropTypes.Requireable<string>;
71
- appendTo: PropTypes.Requireable<Element>;
71
+ appendTo: PropTypes.Requireable<any>;
72
72
  width: PropTypes.Requireable<string | number>;
73
73
  height: PropTypes.Requireable<string | number>;
74
74
  }>>;
@@ -112,7 +112,7 @@ export default class DropDownBase {
112
112
  }>>;
113
113
  popupClass: PropTypes.Requireable<string>;
114
114
  className: PropTypes.Requireable<string>;
115
- appendTo: PropTypes.Requireable<Element>;
115
+ appendTo: PropTypes.Requireable<any>;
116
116
  width: PropTypes.Requireable<string | number>;
117
117
  height: PropTypes.Requireable<string | number>;
118
118
  }>>;
package/dist/es/common/DropDownBase.js CHANGED
@@ -221,7 +221,7 @@ var DropDownBase = /** @class */ (function () {
221
221
  })]),
222
222
  popupClass: PropTypes.string,
223
223
  className: PropTypes.string,
224
- appendTo: PropTypes.instanceOf(Element),
224
+ appendTo: PropTypes.any,
225
225
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
226
226
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
227
227
  }),
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: 1656334596,
8
+ publishDate: 1656667503,
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.d.ts CHANGED
@@ -56,13 +56,11 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
56
56
  }>>;
57
57
  popupClass: PropTypes.Requireable<string>;
58
58
  className: PropTypes.Requireable<string>;
59
- appendTo: PropTypes.Requireable<Element>;
59
+ appendTo: PropTypes.Requireable<any>;
60
60
  width: PropTypes.Requireable<string | number>;
61
61
  height: PropTypes.Requireable<string | number>;
62
62
  }>>;
63
- onOpen: PropTypes.Requireable<(...args: any[]) => any>; /**
64
- * @hidden
65
- */
63
+ onOpen: PropTypes.Requireable<(...args: any[]) => any>;
66
64
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
67
65
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
68
66
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/npm/ComboBox/ComboBox.d.ts CHANGED
@@ -51,6 +51,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
51
51
  total: PropTypes.Validator<number>;
52
52
  }>>;
53
53
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
54
+ /**
55
+ * @hidden
56
+ */
54
57
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
55
58
  opened: PropTypes.Requireable<boolean>;
56
59
  disabled: PropTypes.Requireable<boolean>;
@@ -69,14 +72,16 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
69
72
  }>>;
70
73
  popupClass: PropTypes.Requireable<string>;
71
74
  className: PropTypes.Requireable<string>;
72
- appendTo: PropTypes.Requireable<Element>;
75
+ appendTo: PropTypes.Requireable<any>;
73
76
  width: PropTypes.Requireable<string | number>;
74
77
  height: PropTypes.Requireable<string | number>;
75
78
  }>>;
76
79
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
77
80
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
78
81
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
79
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
82
+ onBlur: PropTypes.Requireable<(...args: any[]) => any>; /**
83
+ * @hidden
84
+ */
80
85
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
81
86
  itemRender: PropTypes.Requireable<(...args: any[]) => any>;
82
87
  listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
@@ -95,7 +100,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
95
100
  clearButton: boolean;
96
101
  required: boolean;
97
102
  popupSettings: {
98
- height: string;
103
+ height: string; /**
104
+ * The value of the ComboBox.
105
+ */
99
106
  };
100
107
  validityStyles: boolean;
101
108
  };
package/dist/npm/DropDownList/DropDownList.d.ts CHANGED
@@ -19,7 +19,9 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
19
19
  */
20
20
  static propTypes: {
21
21
  value: PropTypes.Requireable<any>;
22
- defaultValue: PropTypes.Requireable<any>;
22
+ defaultValue: PropTypes.Requireable<any>; /**
23
+ * @hidden
24
+ */
23
25
  filterable: PropTypes.Requireable<boolean>;
24
26
  filter: PropTypes.Requireable<string>;
25
27
  virtual: PropTypes.Requireable<PropTypes.InferProps<{
@@ -46,7 +48,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
46
48
  }>>;
47
49
  popupClass: PropTypes.Requireable<string>;
48
50
  className: PropTypes.Requireable<string>;
49
- appendTo: PropTypes.Requireable<Element>;
51
+ appendTo: PropTypes.Requireable<any>;
50
52
  width: PropTypes.Requireable<string | number>;
51
53
  height: PropTypes.Requireable<string | number>;
52
54
  }>>;
package/dist/npm/DropDownList/DropDownList.js CHANGED
@@ -521,14 +521,14 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
521
521
  _a['k-required'] = this.required,
522
522
  _a)), style: !label
523
523
  ? style
524
- : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": true, "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
524
+ : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
525
525
  valueElement,
526
526
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
527
527
  React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: (0, kendo_react_common_1.classNames)('k-input-button k-button k-icon-button', (_b = {},
528
528
  _b["k-button-".concat(sizeMap[size] || size)] = size,
529
529
  _b["k-button-".concat(fillMode)] = fillMode,
530
530
  _b["k-button-".concat(fillMode, "-base")] = fillMode,
531
- _b)), onMouseDown: function (e) { return e.preventDefault(); } },
531
+ _b)) },
532
532
  React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
533
533
  this.dummySelect(value),
534
534
  this.renderListContainer()));
package/dist/npm/DropDownTree/DropDownTree.js CHANGED
@@ -353,7 +353,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
353
353
  _a['k-loading'] = props.loading,
354
354
  _a['k-required'] = required,
355
355
  _a['k-disabled'] = props.disabled,
356
- _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
356
+ _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
357
357
  React.createElement("span", { className: "k-input-inner" },
358
358
  React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
359
359
  props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
@@ -408,7 +408,7 @@ var propTypes = {
408
408
  })]),
409
409
  popupClass: PropTypes.string,
410
410
  className: PropTypes.string,
411
- appendTo: PropTypes.instanceOf(Element),
411
+ appendTo: PropTypes.any,
412
412
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
413
413
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
414
414
  }),
package/dist/npm/MultiSelect/MultiSelect.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
67
67
  }>>;
68
68
  popupClass: PropTypes.Requireable<string>;
69
69
  className: PropTypes.Requireable<string>;
70
- appendTo: PropTypes.Requireable<Element>;
70
+ appendTo: PropTypes.Requireable<any>;
71
71
  width: PropTypes.Requireable<string | number>;
72
72
  height: PropTypes.Requireable<string | number>;
73
73
  }>>;
package/dist/npm/MultiSelect/MultiSelect.js CHANGED
@@ -607,7 +607,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
607
607
  var ariaActivedescendant = activedescendant === settings_1.ActiveDescendant.TagsList && focusedTag !== undefined ?
608
608
  "tag-".concat(this.base.guid, "-").concat(focusedTag.text.replace(/\s+/g, '-')) :
609
609
  "option-".concat(this.base.guid, "-").concat(focusedIndex);
610
- return (React.createElement(SearchBar_1.default, { id: id, size: Math.max((placeholderToShow || '').length, text.length, 1), tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, placeholder: placeholderToShow, value: text, onChange: this.onChangeHandler, onKeyDown: this.onInputKeyDown, ref: this.searchbarRef, disabled: disabled, expanded: opened, owns: this.base.listBoxId, activedescendant: ariaActivedescendant, ariaDescribedBy: "tagslist-".concat(this.base.guid).concat(ariaDescribedBy ? (' ' + ariaDescribedBy) : ''), ariaLabelledBy: this.props.ariaLabelledBy }));
610
+ return (React.createElement(SearchBar_1.default, { id: id, size: Math.max((placeholderToShow || '').length, text.length, 1), tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, placeholder: placeholderToShow, value: text, onChange: this.onChangeHandler, onKeyDown: this.onInputKeyDown, ref: this.searchbarRef, disabled: disabled, expanded: opened, owns: this.base.listBoxId, role: 'combobox', activedescendant: ariaActivedescendant, ariaDescribedBy: "tagslist-".concat(this.base.guid).concat(ariaDescribedBy ? (' ' + ariaDescribedBy) : ''), ariaLabelledBy: this.props.ariaLabelledBy }));
611
611
  };
612
612
  MultiSelectWithoutContext.prototype.onTagsNavigate = function (event, state) {
613
613
  var keyCode = event.keyCode;
package/dist/npm/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -401,7 +401,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
401
401
  _a['k-disabled'] = disabled,
402
402
  _a['k-loading'] = props.loading,
403
403
  _a['k-required'] = required,
404
- _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, onClick: disabled ? undefined : onWrapperClick },
404
+ _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, onClick: disabled ? undefined : onWrapperClick },
405
405
  tagsToRenderRef.current.length > 0 && (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-input-values k-chip-list k-selection-multiple', (_b = {},
406
406
  _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
407
407
  _b)), role: "listbox", id: 'tagslist-' + id },
@@ -458,7 +458,7 @@ var propTypes = {
458
458
  })]),
459
459
  popupClass: PropTypes.string,
460
460
  className: PropTypes.string,
461
- appendTo: PropTypes.instanceOf(Element),
461
+ appendTo: PropTypes.any,
462
462
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
463
463
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
464
464
  }),
package/dist/npm/common/DropDownBase.d.ts CHANGED
@@ -68,7 +68,7 @@ export default class DropDownBase {
68
68
  }>>;
69
69
  popupClass: PropTypes.Requireable<string>;
70
70
  className: PropTypes.Requireable<string>;
71
- appendTo: PropTypes.Requireable<Element>;
71
+ appendTo: PropTypes.Requireable<any>;
72
72
  width: PropTypes.Requireable<string | number>;
73
73
  height: PropTypes.Requireable<string | number>;
74
74
  }>>;
@@ -112,7 +112,7 @@ export default class DropDownBase {
112
112
  }>>;
113
113
  popupClass: PropTypes.Requireable<string>;
114
114
  className: PropTypes.Requireable<string>;
115
- appendTo: PropTypes.Requireable<Element>;
115
+ appendTo: PropTypes.Requireable<any>;
116
116
  width: PropTypes.Requireable<string | number>;
117
117
  height: PropTypes.Requireable<string | number>;
118
118
  }>>;
package/dist/npm/common/DropDownBase.js CHANGED
@@ -223,7 +223,7 @@ var DropDownBase = /** @class */ (function () {
223
223
  })]),
224
224
  popupClass: PropTypes.string,
225
225
  className: PropTypes.string,
226
- appendTo: PropTypes.instanceOf(Element),
226
+ appendTo: PropTypes.any,
227
227
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
228
228
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
229
229
  }),
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: 1656334596,
11
+ publishDate: 1656667503,
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
  };