@progress/kendo-react-dropdowns 5.4.0-dev.202205250548 → 5.4.0-dev.202205271059

package/dist/es/MultiSelect/MultiSelect.d.ts

@@ -67,14 +67,12 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
             }>>;
             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>;
         }>>;
         onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>; /**
-         * @hidden
-         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -91,8 +89,8 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
         autoClose: boolean;
         required: boolean;
         size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        rounded: "small" | "medium" | "full" | "large";
+        fillMode: "flat" | "solid" | "outline";
         popupSettings: {
             height: string;
         };
@@ -118,24 +116,24 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Represents the value of the MultiSelect.
      */
-    readonly value: Array<any>;
+    get value(): Array<any>;
     /**
      * Gets the `name` property of the MultiSelect.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the MultiSelect is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
-    protected readonly validityStyles: boolean;
+    protected get required(): boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
@@ -151,7 +149,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
     /**
      * @hidden
      */
-    onTagDelete: (itemsToRemove: any[], event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    onTagDelete: (itemsToRemove: Array<any>, event: React.MouseEvent<HTMLSpanElement>) => void;
     /**
      * @hidden
      */

package/dist/es/MultiSelect/MultiSelect.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 __());
@@ -22,6 +24,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames, Keys, guid, createPropsContext, kendoThemeMaps, withPropsContext } from '@progress/kendo-react-common';
@@ -85,7 +92,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 newItems.splice(indexInValue, 1);
             }
             else {
-                newItems = _this.value.concat([dataItem]);
+                newItems = __spreadArray(__spreadArray([], _this.value), [dataItem]);
             }
             var text = _this.props.filter !== undefined ? _this.props.filter : _this.state.text;
             if (text) {
@@ -299,7 +306,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
             }
             state.data.focusedIndex = undefined;
             _this.base.filterChanged('', state);
-            var newItems = _this.value.concat([item]);
+            var newItems = __spreadArray(__spreadArray([], _this.value), [item]);
             _this.triggerOnChange(newItems, state);
             _this.base.togglePopup(state);
             _this.applyState(state);
@@ -385,7 +392,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "value", {
@@ -408,7 +415,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
             }
             return result;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "name", {
@@ -418,7 +425,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "validity", {
@@ -436,7 +443,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "required", {
@@ -448,7 +455,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : MultiSelectWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "validityStyles", {
@@ -457,7 +464,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : MultiSelectWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -570,7 +577,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 _a['k-required'] = this.required,
                 _a)), style: !label
                 ? style
-                : __assign({}, style, { width: undefined }), dir: dir, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleWrapperClick, onMouseDown: preventDefaultNonInputs },
+                : __assign(__assign({}, style), { width: undefined }), dir: dir, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleWrapperClick, onMouseDown: preventDefaultNonInputs },
             React.createElement("div", { className: classNames('k-input-values k-chip-list k-selection-multiple', (_b = {},
                     _b["k-chip-list-" + (sizeMap[size] || size)] = size,
                     _b)), role: "listbox", id: 'tagslist-' + this.base.guid },
@@ -653,7 +660,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
     };
     MultiSelectWithoutContext.prototype.triggerOnChange = function (items, state) {
         if (this.props.value === undefined) {
-            state.data.value = items.slice();
+            state.data.value = __spreadArray([], items);
         }
         this._valueItemsDuringOnChange = [];
         this.setItems(items, this._valueItemsDuringOnChange);
@@ -726,14 +733,14 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MultiSelectWithoutContext.propTypes = __assign({}, DropDownBase.propTypes, { autoClose: PropTypes.bool, value: PropTypes.arrayOf(PropTypes.any), defaultValue: PropTypes.arrayOf(PropTypes.any), dataItemKey: PropTypes.string, placeholder: PropTypes.string, tags: PropTypes.arrayOf(PropTypes.shape({
+    MultiSelectWithoutContext.propTypes = __assign(__assign({}, DropDownBase.propTypes), { autoClose: PropTypes.bool, value: PropTypes.arrayOf(PropTypes.any), defaultValue: PropTypes.arrayOf(PropTypes.any), dataItemKey: PropTypes.string, placeholder: PropTypes.string, tags: PropTypes.arrayOf(PropTypes.shape({
             text: PropTypes.string,
             data: PropTypes.arrayOf(PropTypes.any)
         })), tagRender: PropTypes.func, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string });
     /**
      * @hidden
      */
-    MultiSelectWithoutContext.defaultProps = __assign({}, DropDownBase.defaultProps, { autoClose: true, required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    MultiSelectWithoutContext.defaultProps = __assign(__assign({}, DropDownBase.defaultProps), { autoClose: true, required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return MultiSelectWithoutContext;
 }(React.Component));
 export { MultiSelectWithoutContext };

package/dist/es/MultiSelect/MultiSelectProps.js

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

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 __());

package/dist/es/MultiSelectTree/MultiSelectTree.js

@@ -9,6 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 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 +101,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);
     React.useImperativeHandle(targetRef, function () { return ({
         props: props,
         element: elementRef.current,
@@ -296,7 +301,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).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 +358,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);
         }
@@ -386,7 +394,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
             _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)), role: "listbox", id: 'tagslist-' + id },
@@ -443,7 +451,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

@@ -12,6 +12,6 @@ export declare const getMultiSelectTreeValue: (data: any, options: {
     subItemsField?: string;
     dataItemKey: string;
     items: any;
-    value: any[];
+    value: Array<any>;
     operation: MultiSelectTreeChangeEventOperation;
 }) => any[];

package/dist/es/MultiSelectTree/utils.js

@@ -1,3 +1,8 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import { getter } from '@progress/kendo-react-common';
 /** @hidden */
 export var getValueMap = function (value, idGetter) {
@@ -31,7 +36,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);
     var context = [];
     var parents;
     var foundItem;
@@ -55,7 +60,7 @@ export var getMultiSelectTreeValue = function (data, options) {
             }
         }
     }
-    var childrenStack = (subItemGetter(foundItem) || []).slice();
+    var childrenStack = __spreadArray([], (subItemGetter(foundItem) || []));
     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,13 +148,13 @@ 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;

package/dist/es/common/DropDownBase.js

@@ -167,7 +167,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 +219,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 +234,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.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/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 __());
@@ -23,8 +25,8 @@ var ListFilter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || 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 = {},

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/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;
 }

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 __());
@@ -27,7 +29,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

@@ -27,8 +27,8 @@ export default class VirtualScroll {
     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

@@ -43,7 +43,7 @@ var VirtualScroll = /** @class */ (function () {
         get: function () {
             return this.listTranslate;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     VirtualScroll.prototype.changePage = function (skip, 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: 1653456754,
+    publishDate: 1653648175,
     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'
 };