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

package/dist/es/AutoComplete/AutoComplete.d.ts

@@ -25,8 +25,8 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      */
     static propTypes: {
         size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
+        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
         suggest: PropTypes.Requireable<string | boolean>;
         placeholder: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
@@ -56,11 +56,13 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
             }>>;
             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>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>; /**
+         * @hidden
+         */
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
@@ -76,8 +78,8 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      */
     static defaultProps: {
         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;
         };
@@ -102,27 +104,27 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the AutoComplete.
      */
-    readonly value: string;
+    get value(): string;
     /**
      * Gets the `name` property of the AutoComplete.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the AutoComplete is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */

package/dist/es/AutoComplete/AutoComplete.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 __());
@@ -182,7 +184,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "value", {
@@ -204,7 +206,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             }
             return '';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "name", {
@@ -214,7 +216,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validity", {
@@ -233,7 +235,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validityStyles", {
@@ -245,7 +247,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : AutoCompleteWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "required", {
@@ -257,7 +259,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : AutoCompleteWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -289,8 +291,8 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     AutoCompleteWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, dir = _b.dir, disabled = _b.disabled, label = _b.label, className = _b.className, style = _b.style, loading = _b.loading, suggest = _b.suggest, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
         var isValid = !this.validityStyles || this.validity.valid;
         var base = this.base;
@@ -313,7 +315,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 base.wrapper = element;
             }, style: !label
                 ? style
-                : __assign({}, style, { width: undefined }), dir: dir },
+                : __assign(__assign({}, style), { width: undefined }), dir: dir },
             this.renderSearchBar(value || '', id),
             loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
             renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
@@ -435,11 +437,11 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    AutoCompleteWithoutContext.propTypes = __assign({}, DropDownBase.basicPropTypes, { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), suggest: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]), placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, readonly: PropTypes.bool, clearButton: PropTypes.bool, valueRender: PropTypes.func, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string });
+    AutoCompleteWithoutContext.propTypes = __assign(__assign({}, DropDownBase.basicPropTypes), { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), suggest: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]), placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, readonly: PropTypes.bool, clearButton: PropTypes.bool, valueRender: PropTypes.func, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string });
     /**
      * @hidden
      */
-    AutoCompleteWithoutContext.defaultProps = __assign({}, DropDownBase.defaultProps, { size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    AutoCompleteWithoutContext.defaultProps = __assign(__assign({}, DropDownBase.defaultProps), { size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return AutoCompleteWithoutContext;
 }(React.Component));
 export { AutoCompleteWithoutContext };

package/dist/es/AutoComplete/AutoCompleteProps.js

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

package/dist/es/ComboBox/ComboBox.d.ts

@@ -25,8 +25,8 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      */
     static propTypes: {
         size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
+        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
         dataItemKey: PropTypes.Requireable<string>;
         groupField: PropTypes.Requireable<string>;
         suggest: PropTypes.Requireable<boolean>;
@@ -69,7 +69,7 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
             }>>;
             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>;
         }>>;
@@ -89,8 +89,8 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      */
     static defaultProps: {
         size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        rounded: "small" | "medium" | "full" | "large";
+        fillMode: "flat" | "solid" | "outline";
         allowCustom: boolean;
         clearButton: boolean;
         required: boolean;
@@ -119,28 +119,28 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the ComboBox.
      */
-    readonly value: any;
+    get value(): any;
     /**
      * The index of the selected item.
      */
-    readonly index: number;
+    get index(): number;
     /**
      * Gets the `name` property of the ComboBox.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the component is set.
      */
-    readonly validity: FormComponentValidity;
-    protected readonly validityStyles: boolean;
+    get validity(): FormComponentValidity;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */

package/dist/es/ComboBox/ComboBox.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 __());
@@ -223,7 +225,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "value", {
@@ -245,7 +247,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             }
             return undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "index", {
@@ -258,7 +260,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             // TO DO: deprecate it!
             return data.findIndex(function (i) { return areSame(i, value, dataItemKey); });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "name", {
@@ -268,7 +270,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "validity", {
@@ -288,7 +290,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "validityStyles", {
@@ -297,7 +299,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : ComboBoxWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "required", {
@@ -309,7 +311,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : ComboBoxWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -381,7 +383,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 _a['k-loading'] = loading,
                 _a['k-required'] = this.required,
                 _a['k-disabled'] = disabled,
-                _a), className), ref: this.componentRef, style: !label ? style : __assign({}, style, { width: undefined }), dir: dir },
+                _a), className), ref: this.componentRef, style: !label ? style : __assign(__assign({}, style), { width: undefined }), dir: dir },
             this.renderSearchBar(inputText || '', id),
             renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
             loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
@@ -538,8 +540,8 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 footer && React.createElement("div", { className: "k-list-footer" }, footer))));
     };
     ComboBoxWithoutContext.prototype.renderList = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var base = this.base;
         var _b = this.props, textField = _b.textField, dataItemKey = _b.dataItemKey, listNoDataRender = _b.listNoDataRender, itemRender = _b.itemRender, _c = _b.data, data = _c === void 0 ? [] : _c, _d = _b.virtual, virtual = _d === void 0 ? { skip: 0 } : _d;
         var popupSettings = base.getPopupSettings();
@@ -605,11 +607,11 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    ComboBoxWithoutContext.propTypes = __assign({}, DropDownBase.propTypes, { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), dataItemKey: PropTypes.string, groupField: PropTypes.string, suggest: PropTypes.bool, placeholder: PropTypes.string, allowCustom: PropTypes.bool, clearButton: PropTypes.bool, iconClassName: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, list: PropTypes.any, valueRender: PropTypes.func });
+    ComboBoxWithoutContext.propTypes = __assign(__assign({}, DropDownBase.propTypes), { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), dataItemKey: PropTypes.string, groupField: PropTypes.string, suggest: PropTypes.bool, placeholder: PropTypes.string, allowCustom: PropTypes.bool, clearButton: PropTypes.bool, iconClassName: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, list: PropTypes.any, valueRender: PropTypes.func });
     /**
      * @hidden
      */
-    ComboBoxWithoutContext.defaultProps = __assign({}, DropDownBase.defaultProps, { size: 'medium', rounded: 'medium', fillMode: 'solid', allowCustom: false, clearButton: true, required: false });
+    ComboBoxWithoutContext.defaultProps = __assign(__assign({}, DropDownBase.defaultProps), { size: 'medium', rounded: 'medium', fillMode: 'solid', allowCustom: false, clearButton: true, required: false });
     return ComboBoxWithoutContext;
 }(React.Component));
 export { ComboBoxWithoutContext };

package/dist/es/ComboBox/ComboBoxProps.js

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

package/dist/es/DropDownList/DropDownList.d.ts

@@ -19,15 +19,16 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
      */
     static propTypes: {
         value: PropTypes.Requireable<any>;
+        /**
+         * @hidden
+         */
         defaultValue: PropTypes.Requireable<any>;
         filterable: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<string>;
         virtual: PropTypes.Requireable<PropTypes.InferProps<{
             pageSize: PropTypes.Validator<number>;
             skip: PropTypes.Validator<number>;
-            total: PropTypes.Validator<number>; /**
-             * The value of the DropDownList.
-             */
+            total: PropTypes.Validator<number>;
         }>>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
         onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -48,7 +49,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
             }>>;
             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>;
         }>>;
@@ -83,8 +84,8 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
     static defaultProps: {
         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;
         };
@@ -114,28 +115,28 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the DropDownList.
      */
-    readonly value: any;
+    get value(): any;
     /**
      * The index of the selected item.
      */
-    readonly index: number;
+    get index(): number;
     /**
      * Gets the `name` property of the DropDownList.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the DropDownList is set.
      */
-    readonly validity: FormComponentValidity;
-    protected readonly validityStyles: boolean;
+    get validity(): FormComponentValidity;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */

package/dist/es/DropDownList/DropDownList.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 __());
@@ -332,7 +334,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "value", {
@@ -358,7 +360,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
             }
             return value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "index", {
@@ -371,7 +373,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
             // TO DO: deprecate it!
             return data.findIndex(function (i) { return areSame(i, value, dataItemKey); });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "name", {
@@ -381,7 +383,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "validity", {
@@ -399,7 +401,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "validityStyles", {
@@ -408,7 +410,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DropDownListWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DropDownListWithoutContext.prototype, "required", {
@@ -420,7 +422,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DropDownListWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -514,7 +516,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 _a['k-required'] = this.required,
                 _a)), style: !label
                 ? style
-                : __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 },
+                : __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 },
             valueElement,
             loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
             React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: classNames('k-input-button k-button k-icon-button', (_b = {},
@@ -588,7 +590,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DropDownListWithoutContext.defaultProps = __assign({ delay: 500, tabIndex: 0, ignoreCase: true }, DropDownBase.defaultProps, { required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    DropDownListWithoutContext.defaultProps = __assign(__assign({ delay: 500, tabIndex: 0, ignoreCase: true }, DropDownBase.defaultProps), { required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return DropDownListWithoutContext;
 }(React.Component));
 export { DropDownListWithoutContext };

package/dist/es/DropDownList/DropDownListProps.js

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

package/dist/es/DropDownTree/DropDownTree.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, mapTree, extendDataItem, guid, createPropsContext, kendoThemeMaps, usePropsContext } from '@progress/kendo-react-common';
@@ -170,7 +175,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
                     keyCode === Keys.home || keyCode === Keys.end)) {
                 if (keyCode === Keys.up && inputRef.current) {
                     var items = Array.from(treeview.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); });
                     }
@@ -297,7 +302,10 @@ export var DropDownTree = 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: target.current
+                item: item,
+                nativeEvent: nativeEvent,
+                syntheticEvent: syntheticEvent,
+                target: target.current
             };
             props.onExpandChange.call(undefined, expandEvent);
         }
@@ -338,7 +346,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
             _a['k-loading'] = props.loading,
             _a['k-required'] = required,
             _a['k-disabled'] = props.disabled,
-            _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, 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 },
+            _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 },
         React.createElement("span", { className: "k-input-inner" },
             React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
         props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
@@ -393,7 +401,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/DropDownTree/DropDownTreeProps.js

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

package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -49,7 +51,7 @@ export var MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
     var target = React.useRef(null);
     var comboBoxRef = React.useRef(null);
     var scrollbarWidth = getScrollbarWidth();
-    var _a = props.columns, columns = _a === void 0 ? defaultProps.columns : _a, _b = props.popupSettings, popupSettings = _b === void 0 ? defaultProps.popupSettings : _b, size = props.size, onOpen = props.onOpen, onClose = props.onClose, onFocus = props.onFocus, onBlur = props.onBlur, onChange = props.onChange, onFilterChange = props.onFilterChange, onPageChange = props.onPageChange, other = __rest(props, ["columns", "popupSettings", "size", "onOpen", "onClose", "onFocus", "onBlur", "onChange", "onFilterChange", "onPageChange"]);
+    var _a = props.columns, columns = _a === void 0 ? defaultProps.columns : _a, _b = props.popupSettings, popupSettings = _b === void 0 ? defaultProps.popupSettings : _b, className = props.className, size = props.size, onOpen = props.onOpen, onClose = props.onClose, onFocus = props.onFocus, onBlur = props.onBlur, onChange = props.onChange, onFilterChange = props.onFilterChange, onPageChange = props.onPageChange, other = __rest(props, ["columns", "popupSettings", "className", "size", "onOpen", "onClose", "onFocus", "onBlur", "onChange", "onFilterChange", "onPageChange"]);
     React.useImperativeHandle(target, function () {
         return ({
             element: comboBoxRef.current && comboBoxRef.current.element,
@@ -107,7 +109,7 @@ export var MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
             children.push(React.createElement("div", { key: "group", className: "k-table-td k-table-group-td" },
                 React.createElement("span", null, group)));
         }
-        var rendering = React.cloneElement(li, __assign({}, li.props, { className: classNames('k-table-row', {
+        var rendering = React.cloneElement(li, __assign(__assign({}, li.props), { className: classNames('k-table-row', {
                 'k-table-alt-row': liProps.index % 2 !== 0,
                 'k-focus': liProps.focused,
                 'k-selected': liProps.selected,
@@ -117,7 +119,7 @@ export var MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
     }, [columns, props.groupField, props.itemRender, props.data, skip]);
     var handleEvent = React.useCallback(function (handler, event) {
         if (handler) {
-            handler.call(undefined, __assign({}, event, { target: target.current }));
+            handler.call(undefined, __assign(__assign({}, event), { target: target.current }));
         }
     }, []);
     var onOpenHandler = React.useCallback(function (event) { return handleEvent(onOpen, event); }, [onOpen]);
@@ -132,9 +134,9 @@ export var MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
     }, []);
     React.useEffect(function () { setScrollbarWidth(); });
     var List = React.useCallback(function (listProps) { return React.createElement(MultiColumnList, __assign({}, listProps)); }, []);
-    return (React.createElement(ComboBox, __assign({}, other, { list: List, popupSettings: __assign({ width: popupWidth }, popupSettings, { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll, className: 'k-dropdowngrid' })));
+    return (React.createElement(ComboBox, __assign({}, other, { list: List, popupSettings: __assign(__assign({ width: popupWidth }, popupSettings), { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll, className: classNames('k-dropdowngrid', className) })));
 });
-var propTypes = __assign({}, ComboBoxWithoutContext.propTypes, { columns: PropTypes.any.isRequired });
+var propTypes = __assign(__assign({}, ComboBoxWithoutContext.propTypes), { columns: PropTypes.any.isRequired });
 var defaultProps = {
     columns: [],
     popupSettings: {},