@progress/kendo-react-dropdowns 5.12.0-dev.202303130940 → 5.12.0-dev.202303141413
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.
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/dist/es/ComboBox/ComboBox.d.ts +33 -42
- package/dist/es/ComboBox/ComboBox.js +175 -56
- package/dist/es/ComboBox/ComboBoxProps.d.ts +12 -0
- package/dist/es/common/DropDownBase.d.ts +1 -1
- package/dist/es/common/DropDownBase.js +7 -1
- package/dist/es/common/SearchBar.d.ts +1 -0
- package/dist/es/common/SearchBar.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/ComboBox/ComboBox.d.ts +33 -42
- package/dist/npm/ComboBox/ComboBox.js +174 -55
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +12 -0
- package/dist/npm/common/DropDownBase.d.ts +1 -1
- package/dist/npm/common/DropDownBase.js +7 -1
- package/dist/npm/common/SearchBar.d.ts +1 -0
- package/dist/npm/common/SearchBar.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dropdowns.js +1 -1
- package/package.json +13 -12
|
@@ -138,8 +138,14 @@ var DropDownBase = /** @class */ (function () {
|
|
|
138
138
|
this.popupWidth = this.wrapper.offsetWidth + 'px';
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
DropDownBase.prototype.scrollToItem = function (itemIndex, vsEnabled) {
|
|
141
|
+
DropDownBase.prototype.scrollToItem = function (itemIndex, vsEnabled, once) {
|
|
142
|
+
var _this = this;
|
|
142
143
|
var list = this.list || this.vs.list;
|
|
144
|
+
if (!list && !once) {
|
|
145
|
+
setTimeout(function () {
|
|
146
|
+
_this.scrollToItem(itemIndex, vsEnabled, true);
|
|
147
|
+
}, 10);
|
|
148
|
+
}
|
|
143
149
|
if (list && itemIndex >= 0) {
|
|
144
150
|
var vs = this.vs;
|
|
145
151
|
var scrollElement = (vs.container || list.parentNode);
|
|
@@ -15,6 +15,7 @@ export interface SearchBarProps {
|
|
|
15
15
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
16
16
|
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
17
17
|
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
18
|
+
onClick?: React.MouseEventHandler<HTMLInputElement>;
|
|
18
19
|
disabled?: boolean;
|
|
19
20
|
readOnly?: boolean;
|
|
20
21
|
expanded?: boolean;
|
|
@@ -54,7 +54,7 @@ var SearchBar = /** @class */ (function (_super) {
|
|
|
54
54
|
SearchBar.prototype.render = function () {
|
|
55
55
|
var _this = this;
|
|
56
56
|
var _a = this.props, _b = _a.expanded, expanded = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.role, role = _c === void 0 ? 'listbox' : _c, render = _a.render;
|
|
57
|
-
var searchbar = (React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", key: "searchbar", size: this.props.size, placeholder: this.props.placeholder, className: "k-input-inner", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy, "aria-required": this.props.ariaRequired }));
|
|
57
|
+
var searchbar = (React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", key: "searchbar", size: this.props.size, placeholder: this.props.placeholder, className: "k-input-inner", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onClick: this.props.onClick, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy, "aria-required": this.props.ariaRequired }));
|
|
58
58
|
return render ? render.call(undefined, searchbar) : searchbar;
|
|
59
59
|
};
|
|
60
60
|
return SearchBar;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-dropdowns',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1678802019,
|
|
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
|
};
|