@progress/kendo-react-dropdowns 5.12.1 → 5.13.0-dev.202303301815

package/dist/npm/DropDownList/DropDownList.js

@@ -43,6 +43,8 @@ var package_metadata_1 = require("../package-metadata");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
+var constants_1 = require("../common/constants");
+var kendo_react_layout_1 = require("@progress/kendo-react-layout");
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
 /**
@@ -315,6 +317,13 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
             if (_this._filterInput) {
                 _this.focusElement(_this._filterInput);
             }
+            if (_this.props.adaptive) {
+                setTimeout(function () {
+                    if (_this._filterInput) {
+                        _this.focusElement(_this._filterInput);
+                    }
+                }, 300);
+            }
         };
         _this.onPopupClosed = function () {
             if (_this.state.focused) {
@@ -335,6 +344,17 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
+    Object.defineProperty(DropDownListWithoutContext.prototype, "document", {
+        get: function () {
+            if (!kendo_react_common_2.canUseDOM) {
+                return;
+            }
+            // useful only for user actions
+            return (this.element && this.element.ownerDocument) || document;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DropDownListWithoutContext.prototype, "element", {
         /**
          * @hidden
@@ -464,6 +484,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 this.base.scrollToVirtualItem(virtual, selectedItemIndex);
             }
             else if (opening && !virtual) {
+                this.onPopupOpened();
                 this.base.scrollToItem(selectedItemIndex);
             }
             else if (opened && prevOpened && selectedItem_1 && selectedItemChanged && !this._navigated) {
@@ -485,8 +506,20 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     DropDownListWithoutContext.prototype.componentDidMount = function () {
+        var _a;
+        this.observerResize = kendo_react_common_2.canUseDOM && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this));
         this.base.didMount();
         this.setValidity();
+        if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+            this.observerResize.observe(this.document.body);
+        }
+    };
+    /** @hidden */
+    DropDownListWithoutContext.prototype.componentWillUnmount = function () {
+        var _a;
+        if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+            this.observerResize.disconnect();
+        }
     };
     /**
      * @hidden
@@ -495,48 +528,52 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         var _a;
         var _this = this;
         var btnAriaLabel = (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.dropDownListArrowBtnAriaLabel, messages_1.messages[messages_1.dropDownListArrowBtnAriaLabel]);
-        var _b = this.props, style = _b.style, className = _b.className, label = _b.label, dir = _b.dir, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
+        var _b = this.props, style = _b.style, className = _b.className, label = _b.label, dir = _b.dir, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, adaptive = _b.adaptive;
+        var _c = this.state.windowWidth, windowWidth = _c === void 0 ? 0 : _c;
         var opened = this.props.opened !== undefined ? this.props.opened : this.state.opened;
         var value = this.value;
         var text = (0, utils_1.getItemValue)(value, this.props.textField);
         var isValid = !this.validityStyles || this.validity.valid;
         var base = this.base;
         var vs = base.vs;
+        var renderAdaptive = windowWidth <= constants_1.MOBILE_MEDIUM_DEVISE && adaptive;
         vs.enabled = virtual !== undefined;
         if (virtual !== undefined) {
             base.vs.skip = virtual.skip;
             base.vs.total = virtual.total;
             base.vs.pageSize = virtual.pageSize;
         }
-        var _c = this.props, dataItemKey = _c.dataItemKey, _d = _c.data, data = _d === void 0 ? [] : _d, disabled = _c.disabled, tabIndex = _c.tabIndex, loading = _c.loading, iconClassName = _c.iconClassName, valueRender = _c.valueRender;
+        var _d = this.props, dataItemKey = _d.dataItemKey, _e = _d.data, data = _e === void 0 ? [] : _e, disabled = _d.disabled, tabIndex = _d.tabIndex, loading = _d.loading, iconClassName = _d.iconClassName, valueRender = _d.valueRender;
         var focused = this.state.focused;
         var selectedIndex = data.findIndex(function (i) { return (0, utils_1.areSame)(i, value, dataItemKey); });
         var valueDefaultRendering = (React.createElement("span", { id: this._inputId, className: "k-input-inner" },
             React.createElement("span", { className: "k-input-value-text" }, text)));
         var valueElement = valueRender !== undefined ?
             valueRender.call(undefined, valueDefaultRendering, value) : valueDefaultRendering;
-        var dropdownlist = (React.createElement("span", { ref: this.componentRef, className: (0, kendo_react_common_1.classNames)('k-dropdownlist k-picker', className, (_a = {},
-                _a["k-picker-".concat(sizeMap[size] || size)] = size,
-                _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
-                _a["k-picker-".concat(fillMode)] = fillMode,
-                _a['k-focus'] = focused,
-                _a['k-disabled'] = disabled,
-                _a['k-invalid'] = !isValid,
-                _a['k-loading'] = loading,
-                _a['k-required'] = this.required,
-                _a)), style: !label
-                ? style
-                : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? function (event) {
-                if (event.target.nodeName !== 'INPUT') {
-                    _this.focusElement(_this.base.wrapper);
-                    event.preventDefault();
-                }
-            } : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "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 || this._inputId, id: this.props.id, title: this.props.title },
-            valueElement,
-            loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
-            React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": btnAriaLabel, "aria-hidden": true, size: size, fillMode: fillMode, iconClass: iconClassName, className: "k-input-button", rounded: null, themeColor: 'base', icon: !iconClassName ? 'caret-alt-down' : undefined, svgIcon: !iconClassName ? kendo_svg_icons_1.caretAltDownIcon : this.props.svgIcon, onMouseDown: function (e) { return _this.state.focused && e.preventDefault(); } }),
-            this.dummySelect(value),
-            this.renderListContainer()));
+        var dropdownlist = (React.createElement(React.Fragment, null,
+            React.createElement("span", { ref: this.componentRef, className: (0, kendo_react_common_1.classNames)('k-dropdownlist k-picker', className, (_a = {},
+                    _a["k-picker-".concat(sizeMap[size] || size)] = size,
+                    _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+                    _a["k-picker-".concat(fillMode)] = fillMode,
+                    _a['k-focus'] = focused,
+                    _a['k-disabled'] = disabled,
+                    _a['k-invalid'] = !isValid,
+                    _a['k-loading'] = loading,
+                    _a['k-required'] = this.required,
+                    _a)), style: !label
+                    ? style
+                    : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? function (event) {
+                    if (event.target.nodeName !== 'INPUT') {
+                        _this.focusElement(_this.base.wrapper);
+                        event.preventDefault();
+                    }
+                } : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "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 || this._inputId, id: this.props.id, title: this.props.title },
+                valueElement,
+                loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
+                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": btnAriaLabel, "aria-hidden": true, size: size, fillMode: fillMode, iconClass: iconClassName, className: "k-input-button", rounded: null, themeColor: 'base', icon: !iconClassName ? 'caret-alt-down' : undefined, svgIcon: !iconClassName ? kendo_svg_icons_1.caretAltDownIcon : this.props.svgIcon, onMouseDown: function (e) { return _this.state.focused && e.preventDefault(); } }),
+                this.dummySelect(value),
+                !renderAdaptive && this.renderListContainer()),
+            renderAdaptive && this.renderAdaptiveListContainer()));
         return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorValue: text, editorValid: isValid, editorDisabled: this.props.disabled, style: { width: style ? style.width : undefined }, children: dropdownlist })) : dropdownlist;
     };
     /**
@@ -558,6 +595,39 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         }
         this.applyState(state);
     };
+    DropDownListWithoutContext.prototype.renderAdaptiveListContainer = function () {
+        var _a;
+        var _this = this;
+        var _b = this.state.windowWidth, windowWidth = _b === void 0 ? 0 : _b;
+        var _c = this.props, header = _c.header, footer = _c.footer, size = _c.size, adaptiveTitle = _c.adaptiveTitle;
+        var opened = this.props.opened !== undefined ? this.props.opened : this.state.opened;
+        var actionSheetProps = {
+            navigatable: false,
+            navigatableElements: [],
+            expand: opened,
+            animation: true,
+            onClose: function (event) { return _this.handleWrapperClick(event); },
+            animationStyles: windowWidth <= constants_1.MOBILE_SMALL_DEVISE ? { top: 0, width: '100%', height: '100%' } : undefined,
+            className: windowWidth <= constants_1.MOBILE_SMALL_DEVISE
+                ? 'k-adaptive-actionsheet k-actionsheet-fullscreen'
+                : 'k-adaptive-actionsheet k-actionsheet-bottom'
+        };
+        return (React.createElement(React.Fragment, null,
+            React.createElement(kendo_react_layout_1.ActionSheet, __assign({}, actionSheetProps),
+                React.createElement(kendo_react_layout_1.ActionSheetHeader, { className: 'k-text-center' },
+                    React.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" },
+                        React.createElement("div", { className: "k-actionsheet-title" },
+                            React.createElement("div", null, adaptiveTitle)),
+                        React.createElement("div", { className: "k-actionsheet-actions" },
+                            React.createElement(kendo_react_buttons_1.Button, { tabIndex: 0, "aria-label": "Cancel", "aria-disabled": "false", type: "button", fillMode: "flat", onClick: this.handleWrapperClick, icon: 'x', svgIcon: kendo_svg_icons_1.xIcon }))),
+                    React.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, this.renderListFilter())),
+                React.createElement(kendo_react_layout_1.ActionSheetContent, { className: '!k-overflow-hidden' },
+                    header && React.createElement("div", { className: "k-list-header" }, header),
+                    React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)) },
+                        this.renderDefaultItem(),
+                        this.renderList()),
+                    footer && React.createElement("div", { className: "k-list-footer" }, footer)))));
+    };
     DropDownListWithoutContext.prototype.focusedIndex = function () {
         var filterText = (0, utils_1.isPresent)(this.props.filter) ? this.props.filter : this.state.text;
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.virtual, virtual = _c === void 0 ? { skip: 0 } : _c, dataItemKey = _a.dataItemKey, textField = _a.textField, focusedItemIndex = _a.focusedItemIndex;
@@ -592,6 +662,14 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         this.base.applyState(state);
         this._valueDuringOnChange = undefined;
     };
+    DropDownListWithoutContext.prototype.calculateMedia = function (entries) {
+        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+            var entry = entries_1[_i];
+            this.setState({ windowWidth: entry.target.clientWidth });
+        }
+        ;
+    };
+    ;
     DropDownListWithoutContext.displayName = 'DropDownList';
     /**
      * @hidden

package/dist/npm/DropDownList/DropDownListProps.d.ts

@@ -289,4 +289,12 @@ export interface DropDownListProps extends FormComponentProps {
      * @default `solid`
      */
     fillMode?: null | 'solid' | 'flat' | 'outline';
+    /**
+     * Providing different rendering of the popup element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive popup.
+     */
+    adaptiveTitle?: string;
 }

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

@@ -0,0 +1,4 @@
+/** @hidden */
+export declare const MOBILE_SMALL_DEVISE: number;
+/** @hidden */
+export declare const MOBILE_MEDIUM_DEVISE: number;

package/dist/npm/common/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MOBILE_MEDIUM_DEVISE = exports.MOBILE_SMALL_DEVISE = void 0;
+/** @hidden */
+exports.MOBILE_SMALL_DEVISE = 500;
+/** @hidden */
+exports.MOBILE_MEDIUM_DEVISE = 768;

package/dist/npm/main.d.ts

@@ -1,19 +1,25 @@
 import { FormComponentValidity } from '@progress/kendo-react-common';
-import { DropDownList, DropDownListHandle, DropDownListPropsContext } from './DropDownList/DropDownList';
+import { DropDownList, DropDownListHandle, DropDownListPropsContext, DropDownListWithoutContext } from './DropDownList/DropDownList';
 import { DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent } from './DropDownList/DropDownListProps';
 import { Page, VirtualizationSettings, DropDownsPopupSettings, Suggestion } from './common/settings';
-import { ListItemProps } from './common/ListItem';
-import { ComboBox, ComboBoxPropsContext, ComboBoxHandle } from './ComboBox/ComboBox';
+import ListItem, { ListItemProps } from './common/ListItem';
+import List from './common/List';
+import SearchBar from './common/SearchBar';
+import ListContainer from './common/ListContainer';
+import ListFilter from './common/ListFilter';
+import { messages as dropdownsMessages, nodata } from './messages/index';
+import { scrollToItem } from './common/utils';
+import { ComboBox, ComboBoxPropsContext, ComboBoxHandle, ComboBoxWithoutContext } from './ComboBox/ComboBox';
 import { ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent } from './ComboBox/ComboBoxProps';
-import { AutoComplete, AutoCompleteHandle, AutoCompletePropsContext } from './AutoComplete/AutoComplete';
+import { AutoComplete, AutoCompleteHandle, AutoCompletePropsContext, AutoCompleteWithoutContext } from './AutoComplete/AutoComplete';
 import { AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent } from './AutoComplete/AutoCompleteProps';
-import { MultiSelect, MultiSelectHandle, MultiSelectPropsContext } from './MultiSelect/MultiSelect';
+import { MultiSelect, MultiSelectHandle, MultiSelectPropsContext, MultiSelectWithoutContext } from './MultiSelect/MultiSelect';
 import { MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent } from './MultiSelect/MultiSelectProps';
-import { TagData as MultiSelectTagData, TagData } from './MultiSelect/TagList';
+import TagList, { TagData as MultiSelectTagData, TagData } from './MultiSelect/TagList';
 import { MultiColumnComboBox, MultiColumnComboBoxPropsContext, MultiColumnComboBoxProps, MultiColumnComboBoxHandle, MultiColumnComboBoxColumn, MultiColumnComboBoxChangeEvent } from './MultiColumnComboBox/MultiColumnComboBox';
 import { DropDownTree, DropDownTreePropsContext } from './DropDownTree/DropDownTree';
 export * from './DropDownTree/DropDownTreeProps';
 import { MultiSelectTree, MultiSelectTreePropsContext } from './MultiSelectTree/MultiSelectTree';
 export * from './MultiSelectTree/MultiSelectTreeProps';
 export * from './MultiSelectTree/utils';
-export { AutoComplete, AutoCompleteHandle, AutoCompleteProps, AutoCompletePropsContext, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListHandle, DropDownListProps, DropDownListPropsContext, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxHandle, ComboBoxProps, ComboBoxPropsContext, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectHandle, MultiSelectProps, MultiSelectPropsContext, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity, MultiColumnComboBox, MultiColumnComboBoxColumn, MultiColumnComboBoxProps, MultiColumnComboBoxPropsContext, MultiColumnComboBoxHandle, MultiColumnComboBoxChangeEvent, DropDownTree, DropDownTreePropsContext, MultiSelectTree, MultiSelectTreePropsContext, TagData };
+export { AutoComplete, AutoCompleteHandle, AutoCompleteProps, AutoCompletePropsContext, AutoCompleteWithoutContext, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListHandle, DropDownListProps, DropDownListPropsContext, DropDownListWithoutContext, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxHandle, ComboBoxProps, ComboBoxPropsContext, ComboBoxWithoutContext, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectHandle, MultiSelectProps, MultiSelectPropsContext, MultiSelectWithoutContext, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity, MultiColumnComboBox, MultiColumnComboBoxColumn, MultiColumnComboBoxProps, MultiColumnComboBoxPropsContext, MultiColumnComboBoxHandle, MultiColumnComboBoxChangeEvent, DropDownTree, DropDownTreePropsContext, MultiSelectTree, MultiSelectTreePropsContext, TagData, TagList, SearchBar, List, ListItem, ListContainer, ListFilter, dropdownsMessages, nodata, scrollToItem };

package/dist/npm/main.js

@@ -14,19 +14,40 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSelectTreePropsContext = exports.MultiSelectTree = exports.DropDownTreePropsContext = exports.DropDownTree = exports.MultiColumnComboBoxPropsContext = exports.MultiColumnComboBox = exports.MultiSelectPropsContext = exports.MultiSelect = exports.ComboBoxPropsContext = exports.ComboBox = exports.DropDownListPropsContext = exports.DropDownList = exports.AutoCompletePropsContext = exports.AutoComplete = void 0;
+exports.scrollToItem = exports.nodata = exports.dropdownsMessages = exports.ListFilter = exports.ListContainer = exports.ListItem = exports.List = exports.SearchBar = exports.TagList = exports.MultiSelectTreePropsContext = exports.MultiSelectTree = exports.DropDownTreePropsContext = exports.DropDownTree = exports.MultiColumnComboBoxPropsContext = exports.MultiColumnComboBox = exports.MultiSelectWithoutContext = exports.MultiSelectPropsContext = exports.MultiSelect = exports.ComboBoxWithoutContext = exports.ComboBoxPropsContext = exports.ComboBox = exports.DropDownListWithoutContext = exports.DropDownListPropsContext = exports.DropDownList = exports.AutoCompleteWithoutContext = exports.AutoCompletePropsContext = exports.AutoComplete = void 0;
 var DropDownList_1 = require("./DropDownList/DropDownList");
 Object.defineProperty(exports, "DropDownList", { enumerable: true, get: function () { return DropDownList_1.DropDownList; } });
 Object.defineProperty(exports, "DropDownListPropsContext", { enumerable: true, get: function () { return DropDownList_1.DropDownListPropsContext; } });
+Object.defineProperty(exports, "DropDownListWithoutContext", { enumerable: true, get: function () { return DropDownList_1.DropDownListWithoutContext; } });
+var ListItem_1 = require("./common/ListItem");
+exports.ListItem = ListItem_1.default;
+var List_1 = require("./common/List");
+exports.List = List_1.default;
+var SearchBar_1 = require("./common/SearchBar");
+exports.SearchBar = SearchBar_1.default;
+var ListContainer_1 = require("./common/ListContainer");
+exports.ListContainer = ListContainer_1.default;
+var ListFilter_1 = require("./common/ListFilter");
+exports.ListFilter = ListFilter_1.default;
+var index_1 = require("./messages/index");
+Object.defineProperty(exports, "dropdownsMessages", { enumerable: true, get: function () { return index_1.messages; } });
+Object.defineProperty(exports, "nodata", { enumerable: true, get: function () { return index_1.nodata; } });
+var utils_1 = require("./common/utils");
+Object.defineProperty(exports, "scrollToItem", { enumerable: true, get: function () { return utils_1.scrollToItem; } });
 var ComboBox_1 = require("./ComboBox/ComboBox");
 Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return ComboBox_1.ComboBox; } });
 Object.defineProperty(exports, "ComboBoxPropsContext", { enumerable: true, get: function () { return ComboBox_1.ComboBoxPropsContext; } });
+Object.defineProperty(exports, "ComboBoxWithoutContext", { enumerable: true, get: function () { return ComboBox_1.ComboBoxWithoutContext; } });
 var AutoComplete_1 = require("./AutoComplete/AutoComplete");
 Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return AutoComplete_1.AutoComplete; } });
 Object.defineProperty(exports, "AutoCompletePropsContext", { enumerable: true, get: function () { return AutoComplete_1.AutoCompletePropsContext; } });
+Object.defineProperty(exports, "AutoCompleteWithoutContext", { enumerable: true, get: function () { return AutoComplete_1.AutoCompleteWithoutContext; } });
 var MultiSelect_1 = require("./MultiSelect/MultiSelect");
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
 Object.defineProperty(exports, "MultiSelectPropsContext", { enumerable: true, get: function () { return MultiSelect_1.MultiSelectPropsContext; } });
+Object.defineProperty(exports, "MultiSelectWithoutContext", { enumerable: true, get: function () { return MultiSelect_1.MultiSelectWithoutContext; } });
+var TagList_1 = require("./MultiSelect/TagList");
+exports.TagList = TagList_1.default;
 var MultiColumnComboBox_1 = require("./MultiColumnComboBox/MultiColumnComboBox");
 Object.defineProperty(exports, "MultiColumnComboBox", { enumerable: true, get: function () { return MultiColumnComboBox_1.MultiColumnComboBox; } });
 Object.defineProperty(exports, "MultiColumnComboBoxPropsContext", { enumerable: true, get: function () { return MultiColumnComboBox_1.MultiColumnComboBoxPropsContext; } });

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1680171876,
+    publishDate: 1680198554,
     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'
 };