@progress/kendo-react-dropdowns 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/MultiSelect/TagList.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,7 +29,7 @@ var TagList = /** @class */ (function (_super) {
         var _a = this.props, data = _a.data, guid = _a.guid, focused = _a.focused, tagRender = _a.tagRender, TagComponent = _a.tag, onTagDelete = _a.onTagDelete, size = _a.size;
         return (React.createElement(React.Fragment, null,
             data.map(function (tagData, index) {
-                var tag = TagComponent ? (React.createElement(TagComponent, { key: tagData.text + index, tagData: tagData, guid: guid, focusedTag: focused, onTagDelete: onTagDelete })) : (React.createElement(Chip, { id: "tag-" + guid + "-" + tagData.text.replace(/\s+/g, '-'), "aria-selected": true, role: "option", "aria-setsize": data.length, key: tagData.text + index, text: tagData.text, removable: true, removeIcon: 'k-i-close', onRemove: function (e) { return onTagDelete.call(undefined, tagData.data, e.syntheticEvent); }, onMouseDown: preventDefault, onClick: stopPropagation, className: tagData === focused ? 'k-focus' : undefined, size: size }));
+                var tag = TagComponent ? (React.createElement(TagComponent, { key: tagData.text + index, tagData: tagData, guid: guid, focusedTag: focused, onTagDelete: onTagDelete })) : (React.createElement(Chip, { id: "tag-".concat(guid, "-").concat(tagData.text.replace(/\s+/g, '-')), "aria-selected": true, role: "option", "aria-setsize": data.length, key: tagData.text + index, text: tagData.text, removable: true, removeIcon: 'k-i-close', onRemove: function (e) { return onTagDelete.call(undefined, tagData.data, e.syntheticEvent); }, onMouseDown: preventDefault, onClick: stopPropagation, className: tagData === focused ? 'k-focus' : undefined, size: size }));
                 return tagRender ? tagRender(tagData, tag) : tag;
             }),
             this.props.children));

package/dist/es/MultiSelectTree/MultiSelectTree.d.ts

@@ -13,4 +13,4 @@ export declare const MultiSelectTreePropsContext: React.Context<(p: MultiSelectT
  * Accepts properties of type [MultiSelectTreeProps]({% slug api_dropdowns_multiselecttreeprops %}).
  * Obtaining the `ref` returns an object of type [MultiSelectTreeHandle]({% slug api_dropdowns_multiselecttreehandle %}).
  */
-export declare const MultiSelectTree: React.ForwardRefExoticComponent<MultiSelectTreeProps & React.RefAttributes<MultiSelectTreeHandle>>;
+export declare const MultiSelectTree: React.ForwardRefExoticComponent<MultiSelectTreeProps & React.RefAttributes<MultiSelectTreeHandle | null>>;

package/dist/es/MultiSelectTree/MultiSelectTree.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames, noop, useRtl, getTabIndex, Keys, guid, kendoThemeMaps, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
@@ -96,7 +105,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
     var popupStyles = __assign({ width: popupWidth }, (dir !== undefined ? { direction: dir } : {}));
     var focus = React.useCallback(function () { return elementRef.current && elementRef.current.focus(); }, []);
     tagsToRenderRef.current = tags === undefined ?
-        (value || []).map(function (item) { return ({ text: getItemValue(item, props.textField), data: [item] }); }) : tags.slice();
+        (value || []).map(function (item) { return ({ text: getItemValue(item, props.textField), data: [item] }); }) : __spreadArray([], tags, true);
     React.useImperativeHandle(targetRef, function () { return ({
         props: props,
         element: elementRef.current,
@@ -296,7 +305,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
                     keyCode === Keys.home || keyCode === Keys.end)) {
                 if (keyCode === Keys.up && inputRef.current) {
                     var items = Array.from(treeviewElement.querySelectorAll('.k-treeview-item'));
-                    var focusedItem = items.slice().reverse().find(function (i) { return Boolean(i && i.querySelector('.k-focus')); });
+                    var focusedItem = __spreadArray([], items, true).reverse().find(function (i) { return Boolean(i && i.querySelector('.k-focus')); });
                     if (focusedItem && items.indexOf(focusedItem) === 0) {
                         return switchFocus(function () { focusElement(inputRef.current); });
                     }
@@ -353,7 +362,10 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
             var item = event.item, itemHierarchicalIndex = event.itemHierarchicalIndex, nativeEvent = event.nativeEvent, syntheticEvent = event.syntheticEvent;
             var expandEvent = {
                 level: toLevel(itemHierarchicalIndex),
-                item: item, nativeEvent: nativeEvent, syntheticEvent: syntheticEvent, target: targetRef.current
+                item: item,
+                nativeEvent: nativeEvent,
+                syntheticEvent: syntheticEvent,
+                target: targetRef.current
             };
             props.onExpandChange.call(undefined, expandEvent);
         }
@@ -378,17 +390,17 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
     var isValid = !validityStyles || validity.valid;
     var size = props.size, rounded = props.rounded, fillMode = props.fillMode;
     var multiselecttree = (React.createElement("span", { className: classNames('k-multiselect k-input', props.className, (_a = {},
-            _a["k-input-" + (sizeMap[size] || size)] = size,
-            _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-            _a["k-input-" + fillMode] = fillMode,
+            _a["k-input-".concat(sizeMap[size] || size)] = size,
+            _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+            _a["k-input-".concat(fillMode)] = fillMode,
             _a['k-focus'] = focusedState && !disabled,
             _a['k-invalid'] = !isValid,
             _a['k-disabled'] = disabled,
             _a['k-loading'] = props.loading,
             _a['k-required'] = required,
-            _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __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 },
+            _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 },
         tagsToRenderRef.current.length > 0 && (React.createElement("div", { className: classNames('k-input-values k-chip-list k-selection-multiple', (_b = {},
-                _b["k-chip-list-" + (sizeMap[size] || size)] = size,
+                _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
                 _b)), role: "listbox", id: 'tagslist-' + id },
             React.createElement(TagList, { tag: props.tag, onTagDelete: onTagDelete, data: tagsToRenderRef.current, guid: id, focused: focusedTagState ? tagsToRenderRef.current.find(function (t) { return matchTags(t, focusedTagState, dataItemKey); }) : undefined, size: size }))),
         !hasValue && React.createElement("span", { className: "k-input-inner" },
@@ -443,7 +455,7 @@ var propTypes = {
             })]),
         popupClass: PropTypes.string,
         className: PropTypes.string,
-        appendTo: PropTypes.any,
+        appendTo: PropTypes.instanceOf(Element),
         width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
         height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
     }),

package/dist/es/MultiSelectTree/MultiSelectTreeProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/MultiSelectTree/utils.d.ts

@@ -9,9 +9,9 @@ export declare const getValueMap: (value: any, idGetter: any) => {};
  * @returns {any[]}
  */
 export declare const getMultiSelectTreeValue: (data: any, options: {
-    subItemsField?: string;
+    subItemsField?: string | undefined;
     dataItemKey: string;
     items: any;
-    value: any[];
+    value: Array<any>;
     operation: MultiSelectTreeChangeEventOperation;
 }) => any[];

package/dist/es/MultiSelectTree/utils.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { getter } from '@progress/kendo-react-common';
 /** @hidden */
 export var getValueMap = function (value, idGetter) {
@@ -31,7 +40,7 @@ export var getMultiSelectTreeValue = function (data, options) {
     var selectedItem = items[0];
     var selectedId = idGetter(selectedItem);
     var subItemGetter = getter(subItemsField);
-    var stack = data.slice();
+    var stack = __spreadArray([], data, true);
     var context = [];
     var parents;
     var foundItem;
@@ -55,7 +64,7 @@ export var getMultiSelectTreeValue = function (data, options) {
             }
         }
     }
-    var childrenStack = (subItemGetter(foundItem) || []).slice();
+    var childrenStack = __spreadArray([], (subItemGetter(foundItem) || []), true);
     var children = [];
     while (childrenStack.length) {
         var currentItem = childrenStack.pop();

package/dist/es/common/ClearButton.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

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

@@ -68,7 +68,7 @@ export default class DropDownBase {
             }>>;
             popupClass: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            appendTo: PropTypes.Requireable<Element>;
             width: PropTypes.Requireable<string | number>;
             height: PropTypes.Requireable<string | number>;
         }>>;
@@ -112,7 +112,7 @@ export default class DropDownBase {
             }>>;
             popupClass: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            appendTo: PropTypes.Requireable<Element>;
             width: PropTypes.Requireable<string | number>;
             height: PropTypes.Requireable<string | number>;
         }>>;
@@ -148,16 +148,16 @@ export default class DropDownBase {
     calculateDir(): void;
     calculatePopupWidth(): void;
     scrollToItem(itemIndex: number, vsEnabled?: boolean): void;
-    handleItemClick: (index: number, event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    handleItemClick: (index: number, event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLInputElement>) => void;
     handleFocus: React.FocusEventHandler<HTMLSpanElement>;
-    filterChanged: (text: string, state: InternalState) => void;
+    filterChanged: (text: string | null, state: InternalState) => void;
     initState(): InternalState;
     applyState(state: InternalState): void;
     togglePopup: (state: InternalState) => void;
-    pageChange: (page: Page, syntheticEvent: React.SyntheticEvent<any, Event>) => void;
+    pageChange: (page: Page, syntheticEvent: React.SyntheticEvent<any>) => void;
     triggerOnPageChange(state: InternalState, skip: number, take: number): void;
     triggerPageChangeCornerItems(item: any, state: InternalState): void;
     scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
-    renderScrollElement: () => JSX.Element;
+    renderScrollElement: () => false | JSX.Element;
     getPopupSettings(): DropDownsPopupSettings;
 }

package/dist/es/common/DropDownBase.js

@@ -21,6 +21,8 @@ import { guid } from '@progress/kendo-react-common';
 var DropDownBase = /** @class */ (function () {
     function DropDownBase(component) {
         var _this = this;
+        this.wrapper = null;
+        this.list = null;
         this.vs = new VirtualScroll();
         this.navigation = new Navigation();
         this.handleItemClick = function (index, event) {
@@ -167,7 +169,7 @@ var DropDownBase = /** @class */ (function () {
             delete eventData.type;
             var handler = type && _this.component.props[type];
             if (handler) {
-                handler.call(undefined, __assign({}, eventArgs, eventData));
+                handler.call(undefined, __assign(__assign({}, eventArgs), eventData));
             }
         });
     };
@@ -219,7 +221,7 @@ var DropDownBase = /** @class */ (function () {
                 })]),
             popupClass: PropTypes.string,
             className: PropTypes.string,
-            appendTo: PropTypes.element,
+            appendTo: PropTypes.instanceOf(Element),
             width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
             height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
         }),
@@ -234,7 +236,7 @@ var DropDownBase = /** @class */ (function () {
         header: PropTypes.node,
         footer: PropTypes.node
     };
-    DropDownBase.propTypes = __assign({}, DropDownBase.basicPropTypes, { value: PropTypes.any, defaultValue: PropTypes.any, filterable: PropTypes.bool, filter: PropTypes.string, virtual: PropTypes.shape({
+    DropDownBase.propTypes = __assign(__assign({}, DropDownBase.basicPropTypes), { value: PropTypes.any, defaultValue: PropTypes.any, filterable: PropTypes.bool, filter: PropTypes.string, virtual: PropTypes.shape({
             pageSize: PropTypes.number.isRequired,
             skip: PropTypes.number.isRequired,
             total: PropTypes.number.isRequired

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

@@ -36,6 +36,6 @@ export interface ListProps {
  */
 export default class List extends React.Component<ListProps> {
     renderItems(): JSX.Element[];
-    renderNoValueElement(localizationService: LocalizationService): any;
-    render(): any;
+    renderNoValueElement(localizationService: LocalizationService): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/dist/es/common/List.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -42,7 +44,7 @@ var List = /** @class */ (function (_super) {
                     group = current;
                 }
             }
-            return (React.createElement(ListItem, { id: "option-" + optionsGuid + "-" + realIndex, virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
+            return (React.createElement(ListItem, { id: "option-".concat(optionsGuid, "-").concat(realIndex), virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
         });
     };
     List.prototype.renderNoValueElement = function (localizationService) {

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

@@ -8,6 +8,7 @@ export interface ListContainerProps {
     dir?: string;
     popupSettings?: PopupProps;
     itemsCount?: number[];
+    children?: React.ReactNode;
 }
 /**
  * @hidden

package/dist/es/common/ListContainer.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/common/ListDefaultItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/common/ListFilter.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -20,17 +22,19 @@ var sizeMap = kendoThemeMaps.sizeMap, roundedMap = kendoThemeMaps.roundedMap;
 var ListFilter = /** @class */ (function (_super) {
     __extends(ListFilter, _super);
     function ListFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.input = null;
+        return _this;
     }
     ListFilter.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, inputRef = _b.inputRef;
         return (React.createElement("div", { className: "k-list-filter" },
             React.createElement("span", { className: classNames('k-searchbox k-input', (_a = {},
-                    _a["k-input-" + (sizeMap[size] || size)] = size,
-                    _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-                    _a["k-input-" + fillMode] = fillMode,
+                    _a["k-input-".concat(sizeMap[size] || size)] = size,
+                    _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+                    _a["k-input-".concat(fillMode)] = fillMode,
                     _a)) },
                 React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
                 React.createElement("input", { ref: inputRef ? inputRef : function (input) { return _this.input = input; }, value: this.props.value || '', className: "k-input-inner", onChange: this.props.onChange, onKeyDown: this.props.onKeyDown, tabIndex: this.props.tabIndex, onClick: function (e) { return e.stopPropagation(); } }))));

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

@@ -49,5 +49,5 @@ export interface ListItemProps {
  */
 export default class ListItem extends React.Component<ListItemProps, {}> {
     handleClick: React.MouseEventHandler<HTMLLIElement>;
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/dist/es/common/ListItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

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

@@ -7,6 +7,6 @@ export declare class Navigation {
         current: number;
         max: number;
         min: number;
-    }): number;
+    }): number | undefined;
     private next;
 }

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

@@ -34,7 +34,7 @@ export default class SearchBar extends React.Component<SearchBarProps> {
     /**
      * @hidden
      */
-    readonly input: HTMLInputElement | null;
+    get input(): HTMLInputElement | null;
     componentDidUpdate(prevProps: SearchBarProps): void;
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/dist/es/common/SearchBar.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -18,7 +20,9 @@ import * as React from 'react';
 var SearchBar = /** @class */ (function (_super) {
     __extends(SearchBar, _super);
     function SearchBar() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._input = null;
+        return _this;
     }
     Object.defineProperty(SearchBar.prototype, "input", {
         /**
@@ -27,7 +31,7 @@ var SearchBar = /** @class */ (function (_super) {
         get: function () {
             return this._input;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SearchBar.prototype.componentDidUpdate = function (prevProps) {

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

@@ -22,13 +22,13 @@ export default class VirtualScroll {
     enabled: boolean;
     pageSize: number;
     itemHeight: number;
-    PageChange: (event: Page, syntheticEvent: React.SyntheticEvent<any>) => void;
+    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
     private prevScrollPos;
     private listTranslate;
     private scrollSyncing;
     constructor();
-    readonly translate: number;
-    scrollerRef: (element: HTMLDivElement) => void;
+    get translate(): number;
+    scrollerRef: (element: HTMLDivElement | null) => void;
     calcScrollElementHeight: () => boolean;
     changePage(skip: number, e: React.SyntheticEvent<HTMLElement>): void;
     translateTo(dY: number): void;

package/dist/es/common/VirtualScroll.js

@@ -5,12 +5,16 @@ var maxHeightIE = 1533915;
 var VirtualScroll = /** @class */ (function () {
     function VirtualScroll() {
         var _this = this;
+        this.container = null;
+        this.scrollElement = null;
+        this.list = null;
         this.containerHeight = 0;
         this.skip = 0;
         this.total = 0;
         this.enabled = false;
         this.pageSize = 0;
         this.itemHeight = 0;
+        this.PageChange = null;
         this.prevScrollPos = 0;
         this.listTranslate = 0;
         this.scrollSyncing = false;
@@ -43,12 +47,12 @@ var VirtualScroll = /** @class */ (function () {
         get: function () {
             return this.listTranslate;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     VirtualScroll.prototype.changePage = function (skip, e) {
         var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
-        if (newSkip !== this.skip) {
+        if (newSkip !== this.skip && this.PageChange) {
             this.PageChange({ skip: newSkip, take: this.pageSize }, e);
         }
     };

package/dist/es/common/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/common/filterDescriptor.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

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

@@ -59,7 +59,7 @@ export interface DropDownsPopupSettings {
      * Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
      * * If set to `null` the Popup will be rendered without React Portal.
      */
-    appendTo?: HTMLElement;
+    appendTo?: HTMLElement | null;
 }
 import { FilterDescriptor } from './filterDescriptor';
 /**

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

@@ -10,7 +10,7 @@ declare const sameCharsOnly: (word: string, character: string) => boolean;
 /**
  * @hidden
  */
-declare const shuffleData: (data: any[], splitIndex: number, defaultItem: any) => any[];
+declare const shuffleData: (data: Array<any>, splitIndex: number, defaultItem: any) => any[];
 /**
  * @hidden
  */
@@ -26,7 +26,7 @@ declare const itemIndexStartsWith: (items: any[], text?: string, field?: string)
 /**
  * @hidden
  */
-declare const getItemIndexByText: (data: any[], text: string, textField?: string, matchCase?: boolean) => number;
+declare const getItemIndexByText: (data: Array<any>, text: string, textField?: string, matchCase?: boolean) => number;
 /**
  * @hidden
  */
@@ -34,11 +34,11 @@ declare const getItemValue: (item: any, field?: string) => any;
 /**
  * @hidden
  */
-declare const matchDataCollections: (data1?: any[], data2?: any[], key?: string) => boolean;
+declare const matchDataCollections: (data1?: Array<any>, data2?: Array<any>, key?: string) => boolean;
 /**
  * @hidden
  */
-declare const removeDataItems: (items: any[], toRemove: any[], key?: string) => void;
+declare const removeDataItems: (items: Array<any>, toRemove: Array<any>, key?: string) => void;
 /**
  * @hidden
  */
@@ -46,11 +46,11 @@ declare const areSame: (item1: any, item2: any, key?: string) => boolean;
 /**
  * @hidden
  */
-declare const getFocusedItem: (data: any[], value?: string, textField?: string) => number;
+declare const getFocusedItem: (data: Array<any>, value?: string, textField?: string) => number;
 /**
  * @hidden
  */
-declare const suggestValue: (value?: string, data?: any[], textField?: string) => string;
+declare const suggestValue: (value?: string, data?: Array<any>, textField?: string) => string;
 /**
  * @hidden
  */

package/dist/es/main.js

@@ -4,6 +4,8 @@ import { AutoComplete, AutoCompletePropsContext } from './AutoComplete/AutoCompl
 import { MultiSelect, MultiSelectPropsContext } from './MultiSelect/MultiSelect';
 import { MultiColumnComboBox, MultiColumnComboBoxPropsContext } from './MultiColumnComboBox/MultiColumnComboBox';
 import { DropDownTree, DropDownTreePropsContext } from './DropDownTree/DropDownTree';
+export * from './DropDownTree/DropDownTreeProps';
 import { MultiSelectTree, MultiSelectTreePropsContext } from './MultiSelectTree/MultiSelectTree';
+export * from './MultiSelectTree/MultiSelectTreeProps';
 export * from './MultiSelectTree/utils';
 export { AutoComplete, AutoCompletePropsContext, DropDownList, DropDownListPropsContext, ComboBox, ComboBoxPropsContext, MultiSelect, MultiSelectPropsContext, MultiColumnComboBox, MultiColumnComboBoxPropsContext, DropDownTree, DropDownTreePropsContext, MultiSelectTree, MultiSelectTreePropsContext };

package/dist/es/messages/index.d.ts

@@ -10,6 +10,6 @@ export declare const clear = "dropdowns.clear";
  * @hidden
  */
 export declare const messages: {
-    [clear]: string;
-    [nodata]: string;
+    "dropdowns.clear": string;
+    "dropdowns.nodata": string;
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030030,
+    publishDate: 1654509083,
     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'
 };