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

package/dist/es/MultiSelectTree/utils.js

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

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

@@ -158,6 +158,6 @@ export default class DropDownBase {
     triggerOnPageChange(state: InternalState, skip: number, take: number): void;
     triggerPageChangeCornerItems(item: any, state: InternalState): void;
     scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
-    renderScrollElement: () => JSX.Element;
+    renderScrollElement: () => false | JSX.Element;
     getPopupSettings(): DropDownsPopupSettings;
 }

package/dist/es/common/DropDownBase.js

@@ -21,6 +21,8 @@ import { guid } from '@progress/kendo-react-common';
 var DropDownBase = /** @class */ (function () {
     function DropDownBase(component) {
         var _this = this;
+        this.wrapper = null;
+        this.list = null;
         this.vs = new VirtualScroll();
         this.navigation = new Navigation();
         this.handleItemClick = function (index, event) {

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

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

package/dist/es/common/List.js

@@ -44,7 +44,7 @@ var List = /** @class */ (function (_super) {
                     group = current;
                 }
             }
-            return (React.createElement(ListItem, { id: "option-" + optionsGuid + "-" + realIndex, virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
+            return (React.createElement(ListItem, { id: "option-".concat(optionsGuid, "-").concat(realIndex), virtual: virtual, dataItem: item, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender }));
         });
     };
     List.prototype.renderNoValueElement = function (localizationService) {

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

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

package/dist/es/common/ListFilter.js

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

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { ListProps } from './List';
 /**
  * @hidden
  */
-export declare const MultiColumnList: (props: any) => JSX.Element;
+export declare const MultiColumnList: (props: ListProps) => JSX.Element;

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

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

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

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

package/dist/es/common/SearchBar.js

@@ -20,7 +20,9 @@ import * as React from 'react';
 var SearchBar = /** @class */ (function (_super) {
     __extends(SearchBar, _super);
     function SearchBar() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._input = null;
+        return _this;
     }
     Object.defineProperty(SearchBar.prototype, "input", {
         /**

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

@@ -22,7 +22,7 @@ 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;

package/dist/es/common/VirtualScroll.js

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

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648175,
+    publishDate: 1654761911,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/AutoComplete/AutoComplete.d.ts

@@ -24,9 +24,9 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         suggest: PropTypes.Requireable<string | boolean>;
         placeholder: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
@@ -77,9 +77,9 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      * @hidden
      */
     static defaultProps: {
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
         popupSettings: {
             height: string;
         };

package/dist/npm/AutoComplete/AutoComplete.js

@@ -51,8 +51,10 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
          */
         _this.state = {};
         _this.base = new DropDownBase_1.default(_this);
-        _this._inputId = kendo_react_common_1.guid();
+        _this._element = null;
+        _this._inputId = (0, kendo_react_common_1.guid)();
         _this._suggested = '';
+        _this._input = null;
         /**
          * @hidden
          */
@@ -66,7 +68,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
          */
         _this.handleItemSelect = function (index, state) {
             var _a = _this.props.data, data = _a === void 0 ? [] : _a;
-            var newText = utils_1.getItemValue(data[index], _this.props.textField);
+            var newText = (0, utils_1.getItemValue)(data[index], _this.props.textField);
             _this.triggerOnChange(newText, state);
         };
         /**
@@ -75,7 +77,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         _this.itemFocus = function (index, state) {
             var _a = _this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
             var focusedItem = data[index];
-            if (!utils_1.areSame(_this.state.focusedItem, focusedItem, textField)) {
+            if (!(0, utils_1.areSame)(_this.state.focusedItem, focusedItem, textField)) {
                 state.data.focusedItem = focusedItem;
             }
         };
@@ -177,7 +179,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 _this.applyInputValue(event.currentTarget.value, state);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "element", {
@@ -305,10 +307,10 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         if (typeof suggest === 'string') {
             this._suggested = suggest;
         }
-        var autoComplete = (React.createElement("span", { className: kendo_react_common_1.classNames('k-autocomplete k-input', className, (_a = {},
-                _a["k-input-" + (sizeMap[size] || size)] = size,
-                _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-                _a["k-input-" + fillMode] = fillMode,
+        var autoComplete = (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-autocomplete k-input', className, (_a = {},
+                _a["k-input-".concat(sizeMap[size] || size)] = size,
+                _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+                _a["k-input-".concat(fillMode)] = fillMode,
                 _a['k-invalid'] = !isValid,
                 _a['k-loading'] = loading,
                 _a['k-required'] = this.required,
@@ -335,9 +337,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var typedText = this.value;
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField, focusedItemIndex = _a.focusedItemIndex;
         var focusedIndex = this.state.focusedItem !== undefined ?
-            data.findIndex(function (i) { return utils_1.areSame(i, _this.state.focusedItem, textField); }) :
+            data.findIndex(function (i) { return (0, utils_1.areSame)(i, _this.state.focusedItem, textField); }) :
             (focusedItemIndex ? focusedItemIndex(data, typedText, textField) :
-                data.indexOf(utils_1.getFocusedItem(data, typedText, textField)));
+                data.indexOf((0, utils_1.getFocusedItem)(data, typedText, textField)));
         var newFocused = this.base.navigation.navigate({
             keyCode: keyCode,
             current: focusedIndex,
@@ -357,7 +359,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
         this._suggested = '';
         if (opened && eventKey === kendo_react_common_1.Keys.enter) {
-            var newValue = utils_1.getItemValue(data[this.focusedIndex(value)], textField);
+            var newValue = (0, utils_1.getItemValue)(data[this.focusedIndex(value)], textField);
             this.triggerOnChange(newValue, state);
         }
         if (opened) {
@@ -384,8 +386,8 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 animate: popupSettings.animate,
                 anchor: this.element,
                 show: opened,
-                popupClass: kendo_react_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {},
-                    _a["k-list-" + (sizeMap[size] || size)] = size,
+                popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {},
+                    _a["k-list-".concat(sizeMap[size] || size)] = size,
                     _a)),
                 className: popupSettings.className,
                 appendTo: popupSettings.appendTo
@@ -418,9 +420,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         this._suggested = '';
         if (value) {
             var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
-            var suggestedItem = data[utils_1.itemIndexStartsWith(data, value, textField)];
+            var suggestedItem = data[(0, utils_1.itemIndexStartsWith)(data, value, textField)];
             if (suggestedItem) {
-                var suggestedText = utils_1.getItemValue(suggestedItem, textField);
+                var suggestedText = (0, utils_1.getItemValue)(suggestedItem, textField);
                 if (value.toLowerCase() !== suggestedText.toLowerCase()) {
                     this._suggested = suggestedText.substring(value.length);
                 }
@@ -432,9 +434,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField, focusedItemIndex = _a.focusedItemIndex;
         var inputValue = value !== undefined ? value : this.value;
         return this.state.focusedItem !== undefined ?
-            data.findIndex(function (i) { return utils_1.areSame(i, _this.state.focusedItem, textField); }) :
+            data.findIndex(function (i) { return (0, utils_1.areSame)(i, _this.state.focusedItem, textField); }) :
             (focusedItemIndex ? focusedItemIndex(data, inputValue, textField) :
-                Math.max(0, data.indexOf(utils_1.getFocusedItem(data, inputValue, textField))));
+                Math.max(0, data.indexOf((0, utils_1.getFocusedItem)(data, inputValue, textField))));
     };
     AutoCompleteWithoutContext.displayName = 'AutoComplete';
     /**
@@ -454,7 +456,7 @@ exports.AutoCompleteWithoutContext = AutoCompleteWithoutContext;
  *
  * For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
  */
-exports.AutoCompletePropsContext = kendo_react_common_1.createPropsContext();
+exports.AutoCompletePropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the [KendoReact AutoComplete component]({% slug overview_autocomplete %}).
@@ -481,5 +483,5 @@ exports.AutoCompletePropsContext = kendo_react_common_1.createPropsContext();
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-exports.AutoComplete = kendo_react_common_1.withPropsContext(exports.AutoCompletePropsContext, AutoCompleteWithoutContext);
+exports.AutoComplete = (0, kendo_react_common_1.withPropsContext)(exports.AutoCompletePropsContext, AutoCompleteWithoutContext);
 exports.AutoComplete.displayName = 'KendoReactAutoComplete';

package/dist/npm/ComboBox/ComboBox.d.ts

@@ -24,9 +24,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         dataItemKey: PropTypes.Requireable<string>;
         groupField: PropTypes.Requireable<string>;
         suggest: PropTypes.Requireable<boolean>;
@@ -88,9 +88,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      * @hidden
      */
     static defaultProps: {
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
         allowCustom: boolean;
         clearButton: boolean;
         required: boolean;