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

package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js

@@ -15,11 +15,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiColumnComboBox = exports.MultiColumnComboBoxPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var MultiColumnList_1 = require("./../common/MultiColumnList");
@@ -51,7 +54,7 @@ exports.MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
     var target = React.useRef(null);
     var comboBoxRef = React.useRef(null);
     var scrollbarWidth = kendo_react_common_1.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,
@@ -109,7 +112,7 @@ exports.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: kendo_react_common_1.classNames('k-table-row', {
+        var rendering = React.cloneElement(li, __assign(__assign({}, li.props), { className: kendo_react_common_1.classNames('k-table-row', {
                 'k-table-alt-row': liProps.index % 2 !== 0,
                 'k-focus': liProps.focused,
                 'k-selected': liProps.selected,
@@ -119,7 +122,7 @@ exports.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]);
@@ -134,9 +137,9 @@ exports.MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
     }, []);
     React.useEffect(function () { kendo_react_common_1.setScrollbarWidth(); });
     var List = React.useCallback(function (listProps) { return React.createElement(MultiColumnList_1.MultiColumnList, __assign({}, listProps)); }, []);
-    return (React.createElement(ComboBox_1.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_1.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: kendo_react_common_1.classNames('k-dropdowngrid', className) })));
 });
-var propTypes = __assign({}, ComboBox_1.ComboBoxWithoutContext.propTypes, { columns: PropTypes.any.isRequired });
+var propTypes = __assign(__assign({}, ComboBox_1.ComboBoxWithoutContext.propTypes), { columns: PropTypes.any.isRequired });
 var defaultProps = {
     columns: [],
     popupSettings: {},

package/dist/npm/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/npm/MultiSelect/MultiSelect.js

@@ -3,10 +3,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,7 +25,13 @@ 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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = exports.MultiSelectPropsContext = exports.MultiSelectWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -87,7 +95,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) {
@@ -301,7 +309,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);
@@ -387,7 +395,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "value", {
@@ -410,7 +418,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
             }
             return result;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "name", {
@@ -420,7 +428,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "validity", {
@@ -438,7 +446,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "required", {
@@ -450,7 +458,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : MultiSelectWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MultiSelectWithoutContext.prototype, "validityStyles", {
@@ -459,7 +467,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : MultiSelectWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -572,7 +580,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: utils_1.preventDefaultNonInputs },
+                : __assign(__assign({}, style), { width: undefined }), dir: dir, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleWrapperClick, onMouseDown: utils_1.preventDefaultNonInputs },
             React.createElement("div", { className: kendo_react_common_1.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 },
@@ -655,7 +663,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);
@@ -728,14 +736,14 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MultiSelectWithoutContext.propTypes = __assign({}, DropDownBase_1.default.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_1.default.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_1.default.defaultProps, { autoClose: true, required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    MultiSelectWithoutContext.defaultProps = __assign(__assign({}, DropDownBase_1.default.defaultProps), { autoClose: true, required: false, size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return MultiSelectWithoutContext;
 }(React.Component));
 exports.MultiSelectWithoutContext = MultiSelectWithoutContext;

package/dist/npm/MultiSelect/TagList.js

@@ -3,10 +3,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/npm/MultiSelectTree/MultiSelectTree.js

@@ -10,7 +10,13 @@ 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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectTree = exports.MultiSelectTreePropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -98,7 +104,7 @@ exports.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: utils_1.getItemValue(item, props.textField), data: [item] }); }) : tags.slice();
+        (value || []).map(function (item) { return ({ text: utils_1.getItemValue(item, props.textField), data: [item] }); }) : __spreadArray([], tags);
     React.useImperativeHandle(targetRef, function () { return ({
         props: props,
         element: elementRef.current,
@@ -298,7 +304,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
                     keyCode === kendo_react_common_1.Keys.home || keyCode === kendo_react_common_1.Keys.end)) {
                 if (keyCode === kendo_react_common_1.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); });
                     }
@@ -355,7 +361,10 @@ exports.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);
         }
@@ -388,7 +397,7 @@ exports.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: kendo_react_common_1.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 },
@@ -445,7 +454,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/npm/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/npm/MultiSelectTree/utils.js

@@ -1,8 +1,14 @@
 "use strict";
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMultiSelectTreeValue = exports.getValueMap = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /** @hidden */
-exports.getValueMap = function (value, idGetter) {
+var getValueMap = function (value, idGetter) {
     var map = {};
     if (value && value.length) {
         value.forEach(function (item) {
@@ -11,6 +17,7 @@ exports.getValueMap = function (value, idGetter) {
     }
     return map;
 };
+exports.getValueMap = getValueMap;
 /**
  * Get MultiSelectTree new value from the component `onChange` event.
  *
@@ -18,7 +25,7 @@ exports.getValueMap = function (value, idGetter) {
  * @param {object} options
  * @returns {any[]}
  */
-exports.getMultiSelectTreeValue = function (data, options) {
+var getMultiSelectTreeValue = function (data, options) {
     var items = options.items, dataItemKey = options.dataItemKey, value = options.value, _a = options.subItemsField, subItemsField = _a === void 0 ? 'items' : _a, operation = options.operation;
     var idGetter = kendo_react_common_1.getter(dataItemKey);
     var valueMap = exports.getValueMap(value, idGetter);
@@ -33,7 +40,7 @@ exports.getMultiSelectTreeValue = function (data, options) {
     var selectedItem = items[0];
     var selectedId = idGetter(selectedItem);
     var subItemGetter = kendo_react_common_1.getter(subItemsField);
-    var stack = data.slice();
+    var stack = __spreadArray([], data);
     var context = [];
     var parents;
     var foundItem;
@@ -57,7 +64,7 @@ exports.getMultiSelectTreeValue = function (data, options) {
             }
         }
     }
-    var childrenStack = (subItemGetter(foundItem) || []).slice();
+    var childrenStack = __spreadArray([], (subItemGetter(foundItem) || []));
     var children = [];
     while (childrenStack.length) {
         var currentItem = childrenStack.pop();
@@ -100,6 +107,7 @@ exports.getMultiSelectTreeValue = function (data, options) {
     }
     return newValue;
 };
+exports.getMultiSelectTreeValue = getMultiSelectTreeValue;
 // /** @hidden */
 // const mapCheckAndIntermidiate = (
 //     data,

package/dist/npm/common/ClearButton.js

@@ -3,10 +3,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/npm/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/npm/common/DropDownBase.js

@@ -169,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));
             }
         });
     };
@@ -221,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])
         }),
@@ -236,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/npm/common/List.js

@@ -3,10 +3,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/npm/common/ListContainer.js

@@ -3,10 +3,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/npm/common/ListDefaultItem.js

@@ -3,10 +3,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/npm/common/ListFilter.js

@@ -3,10 +3,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 __());
@@ -25,8 +27,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: kendo_react_common_1.classNames('k-searchbox k-input', (_a = {},

package/dist/npm/common/ListItem.js

@@ -3,10 +3,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/npm/common/MultiColumnList.js

@@ -11,11 +11,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiColumnList = void 0;
 var React = require("react");
 var List_1 = require("./List");
 /**
  * @hidden
  */
-exports.MultiColumnList = function (props) {
+var MultiColumnList = function (props) {
     return (React.createElement(List_1.default, __assign({}, props, { wrapperCssClass: "k-table-body k-table-scroller", listClassName: "k-table k-table-list", listStyle: __assign({}, props.listStyle) })));
 };
+exports.MultiColumnList = MultiColumnList;

package/dist/npm/common/Navigation.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
 var utils_1 = require("./utils");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**

package/dist/npm/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/npm/common/SearchBar.js

@@ -3,10 +3,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 __());
@@ -29,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/npm/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;