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

package/dist/npm/MultiSelectTree/utils.js

@@ -1,8 +1,18 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 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 +21,7 @@ exports.getValueMap = function (value, idGetter) {
     }
     return map;
 };
+exports.getValueMap = getValueMap;
 /**
  * Get MultiSelectTree new value from the component `onChange` event.
  *
@@ -18,22 +29,22 @@ 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);
+    var idGetter = (0, kendo_react_common_1.getter)(dataItemKey);
+    var valueMap = (0, exports.getValueMap)(value, idGetter);
     if (operation === 'clear') {
         return [];
     }
     else if (operation === 'delete') {
-        var deletedItemsMap_1 = exports.getValueMap(items, idGetter);
+        var deletedItemsMap_1 = (0, exports.getValueMap)(items, idGetter);
         return value.filter(function (item) { return !deletedItemsMap_1[idGetter(item)]; });
     }
     // operation === 'toggle'
     var selectedItem = items[0];
     var selectedId = idGetter(selectedItem);
-    var subItemGetter = kendo_react_common_1.getter(subItemsField);
-    var stack = data.slice();
+    var subItemGetter = (0, kendo_react_common_1.getter)(subItemsField);
+    var stack = __spreadArray([], data, true);
     var context = [];
     var parents;
     var foundItem;
@@ -57,7 +68,7 @@ exports.getMultiSelectTreeValue = function (data, options) {
             }
         }
     }
-    var childrenStack = (subItemGetter(foundItem) || []).slice();
+    var childrenStack = __spreadArray([], (subItemGetter(foundItem) || []), true);
     var children = [];
     while (childrenStack.length) {
         var currentItem = childrenStack.pop();
@@ -74,7 +85,7 @@ exports.getMultiSelectTreeValue = function (data, options) {
         newValue.push(foundItem);
         newValue.push.apply(newValue, children.filter(function (item) { return !valueMap[idGetter(item)]; }));
         var parentCandidates = parents.filter(function (item) { return !valueMap[idGetter(item)]; });
-        var newValueMap_1 = exports.getValueMap(newValue, idGetter);
+        var newValueMap_1 = (0, exports.getValueMap)(newValue, idGetter);
         for (var i = parentCandidates.length - 1; i > -1; i--) {
             var candidate = parentCandidates[i];
             var subItems = subItemGetter(candidate);
@@ -90,8 +101,8 @@ exports.getMultiSelectTreeValue = function (data, options) {
     }
     else {
         var foundId_1 = idGetter(foundItem);
-        var childrenMap_1 = exports.getValueMap(children, idGetter);
-        var parentsMap_1 = exports.getValueMap(parents, idGetter);
+        var childrenMap_1 = (0, exports.getValueMap)(children, idGetter);
+        var parentsMap_1 = (0, exports.getValueMap)(parents, idGetter);
         newValue.push.apply(newValue, (value
             .filter(function (item) {
             var itemId = idGetter(item);
@@ -100,6 +111,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 __());
@@ -27,11 +29,11 @@ var ClearButton = /** @class */ (function (_super) {
         return _this;
     }
     ClearButton.prototype.render = function () {
-        var title = kendo_react_intl_1.provideLocalizationService(this).toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]);
+        var title = (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]);
         return (React.createElement("span", { className: "k-clear-value", role: "button", onClick: this.props.onClick, onMouseDown: this.onMouseDown, tabIndex: -1, title: title, key: "clearbutton" },
             React.createElement("span", { className: "k-icon k-i-x" })));
     };
     return ClearButton;
 }(React.Component));
 exports.default = ClearButton;
-kendo_react_intl_1.registerForLocalization(ClearButton);
+(0, kendo_react_intl_1.registerForLocalization)(ClearButton);

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

package/dist/npm/common/DropDownBase.js

@@ -23,6 +23,8 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var DropDownBase = /** @class */ (function () {
     function DropDownBase(component) {
         var _this = this;
+        this.wrapper = null;
+        this.list = null;
         this.vs = new VirtualScroll_1.default();
         this.navigation = new Navigation_1.Navigation();
         this.handleItemClick = function (index, event) {
@@ -103,8 +105,8 @@ var DropDownBase = /** @class */ (function () {
             var vs = _this.vs;
             return vs.enabled && (React.createElement("div", { ref: function (element) { return vs.scrollElement = element; }, key: 'scrollElementKey' }));
         };
-        this.listBoxId = kendo_react_common_1.guid();
-        this.guid = kendo_react_common_1.guid();
+        this.listBoxId = (0, kendo_react_common_1.guid)();
+        this.guid = (0, kendo_react_common_1.guid)();
         this.component = component;
         this.vs.PageChange = this.pageChange;
     }
@@ -142,7 +144,7 @@ var DropDownBase = /** @class */ (function () {
             var vs = this.vs;
             var scrollElement = (vs.container || list.parentNode);
             var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
-            utils_1.scrollToItem(scrollElement, list, itemIndex, vs.translate, virtualScroll);
+            (0, utils_1.scrollToItem)(scrollElement, list, itemIndex, vs.translate, virtualScroll);
         }
     };
     DropDownBase.prototype.initState = function () {
@@ -169,7 +171,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));
             }
         });
     };
@@ -190,11 +192,11 @@ var DropDownBase = /** @class */ (function () {
         var _a = props.data, data = _a === void 0 ? [] : _a, dataItemKey = props.dataItemKey, virtual = props.virtual;
         var opened = props.opened !== undefined ? props.opened : this.component.state.opened;
         if (item && virtual && this.vs.enabled) {
-            if (virtual.skip > 0 && utils_1.areSame(item, data[0], dataItemKey)) {
+            if (virtual.skip > 0 && (0, utils_1.areSame)(item, data[0], dataItemKey)) {
                 this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
             }
             else if (!opened && virtual.skip + virtual.pageSize < virtual.total &&
-                utils_1.areSame(item, data[data.length - 1], dataItemKey)) {
+                (0, utils_1.areSame)(item, data[data.length - 1], dataItemKey)) {
                 this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
             }
         }
@@ -221,7 +223,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 +238,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.d.ts

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

package/dist/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 __());
@@ -33,18 +35,18 @@ var List = /** @class */ (function (_super) {
         return data.map(function (item, index) {
             var realIndex = skip + index;
             var selected = highlightSelected &&
-                ((!isArray && utils_1.areSame(item, value, valueField)) ||
-                    (isArray && value.findIndex(function (i) { return utils_1.areSame(i, item, valueField); }) !== -1));
+                ((!isArray && (0, utils_1.areSame)(item, value, valueField)) ||
+                    (isArray && value.findIndex(function (i) { return (0, utils_1.areSame)(i, item, valueField); }) !== -1));
             var group = undefined;
             var current, previous;
             if (index > 0 && groupField !== undefined) {
-                current = utils_1.getItemValue(item, groupField);
-                previous = utils_1.getItemValue(data[index - 1], groupField);
+                current = (0, utils_1.getItemValue)(item, groupField);
+                previous = (0, utils_1.getItemValue)(data[index - 1], groupField);
                 if (current && previous && current !== previous) {
                     group = current;
                 }
             }
-            return (React.createElement(ListItem_1.default, { id: "option-" + optionsGuid + "-" + realIndex, virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
+            return (React.createElement(ListItem_1.default, { id: "option-".concat(optionsGuid, "-").concat(realIndex), virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
         });
     };
     List.prototype.renderNoValueElement = function (localizationService) {
@@ -55,7 +57,7 @@ var List = /** @class */ (function (_super) {
             noDataRender.call(undefined, noDataElement) : noDataElement;
     };
     List.prototype.render = function () {
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var _a = this.props, id = _a.id, show = _a.show, wrapperCssClass = _a.wrapperCssClass, wrapperStyle = _a.wrapperStyle, listStyle = _a.listStyle, listRef = _a.listRef, wrapperRef = _a.wrapperRef, _b = _a.listClassName, listClassName = _b === void 0 ? 'k-list-ul' : _b;
         var items = this.renderItems();
         return (items.length ? (React.createElement("div", { className: wrapperCssClass, style: wrapperStyle, ref: wrapperRef, onMouseDown: this.props.onMouseDown, onBlur: this.props.onBlur, onScroll: this.props.onScroll, unselectable: "on" },
@@ -65,4 +67,4 @@ var List = /** @class */ (function (_super) {
     return List;
 }(React.Component));
 exports.default = List;
-kendo_react_intl_1.registerForLocalization(List);
+(0, kendo_react_intl_1.registerForLocalization)(List);

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

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

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 __());
@@ -27,9 +29,9 @@ var ListDefaultItem = /** @class */ (function (_super) {
     }
     ListDefaultItem.prototype.render = function () {
         var _a = this.props, selected = _a.selected, defaultItem = _a.defaultItem, textField = _a.textField;
-        return (React.createElement("div", { onClick: this.props.onClick, onMouseDown: preventDefault, style: { position: 'unset' }, className: kendo_react_common_1.classNames('k-list-optionlabel', {
+        return (React.createElement("div", { onClick: this.props.onClick, onMouseDown: preventDefault, style: { position: 'unset' }, className: (0, kendo_react_common_1.classNames)('k-list-optionlabel', {
                 'k-selected': selected
-            }) }, utils_1.getItemValue(defaultItem, textField) || ''));
+            }) }, (0, utils_1.getItemValue)(defaultItem, textField) || ''));
     };
     return ListDefaultItem;
 }(React.Component));

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 __());
@@ -22,17 +24,19 @@ var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_re
 var ListFilter = /** @class */ (function (_super) {
     __extends(ListFilter, _super);
     function ListFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.input = null;
+        return _this;
     }
     ListFilter.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, inputRef = _b.inputRef;
         return (React.createElement("div", { className: "k-list-filter" },
-            React.createElement("span", { className: kendo_react_common_1.classNames('k-searchbox k-input', (_a = {},
-                    _a["k-input-" + (sizeMap[size] || size)] = size,
-                    _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-                    _a["k-input-" + fillMode] = fillMode,
+            React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-searchbox k-input', (_a = {},
+                    _a["k-input-".concat(sizeMap[size] || size)] = size,
+                    _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+                    _a["k-input-".concat(fillMode)] = fillMode,
                     _a)) },
                 React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
                 React.createElement("input", { ref: inputRef ? inputRef : function (input) { return _this.input = input; }, value: this.props.value || '', className: "k-input-inner", onChange: this.props.onChange, onKeyDown: this.props.onKeyDown, tabIndex: this.props.tabIndex, onClick: function (e) { return e.stopPropagation(); } }))));

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

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

package/dist/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 __());
@@ -29,12 +31,12 @@ var ListItem = /** @class */ (function (_super) {
     }
     ListItem.prototype.render = function () {
         var _a = this.props, selected = _a.selected, group = _a.group, dataItem = _a.dataItem, virtual = _a.virtual, renderer = _a.render;
-        var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, className: kendo_react_common_1.classNames('k-list-item', {
+        var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, className: (0, kendo_react_common_1.classNames)('k-list-item', {
                 'k-selected': selected,
                 'k-focus': this.props.focused,
                 'k-first': Boolean(group)
             }), onClick: this.handleClick, style: { position: virtual ? 'relative' : 'unset' } },
-            React.createElement("span", { className: 'k-list-item-text' }, utils_1.getItemValue(dataItem, this.props.textField).toString()),
+            React.createElement("span", { className: 'k-list-item-text' }, (0, utils_1.getItemValue)(dataItem, this.props.textField).toString()),
             group !== undefined ? React.createElement("div", { className: "k-list-item-group-label" }, group) : null));
         return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
     };

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.d.ts

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

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");
 /**
@@ -24,7 +25,7 @@ var Navigation = /** @class */ (function () {
         }
     };
     Navigation.prototype.next = function (args) {
-        if (!utils_1.isPresent(args.current)) {
+        if (!(0, utils_1.isPresent)(args.current)) {
             return args.min;
         }
         else {

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;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

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 __());
@@ -20,7 +22,9 @@ var React = require("react");
 var SearchBar = /** @class */ (function (_super) {
     __extends(SearchBar, _super);
     function SearchBar() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._input = null;
+        return _this;
     }
     Object.defineProperty(SearchBar.prototype, "input", {
         /**
@@ -29,7 +33,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

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

package/dist/npm/common/VirtualScroll.js

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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveDescendant = void 0;
 /**
  * @hidden
  */

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchTags = exports.suggestValue = exports.preventDefaultNonInputs = exports.getFocusedItem = exports.areSame = exports.removeDataItems = exports.matchDataCollections = exports.getItemValue = exports.getItemIndexByText = exports.itemIndexStartsWith = exports.scrollToItem = exports.matchText = exports.shuffleData = exports.sameCharsOnly = exports.isPresent = void 0;
 /**
  * @hidden
  */