@progress/kendo-react-dropdowns 4.14.0 → 5.0.0

package/dist/npm/common/ListFilter.js

@@ -14,6 +14,8 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
 /**
  * @hidden
  */
@@ -24,9 +26,16 @@ var ListFilter = /** @class */ (function (_super) {
     }
     ListFilter.prototype.render = function () {
         var _this = this;
-        return (React.createElement("span", { className: "k-list-filter" },
-            React.createElement("input", { ref: function (input) { return _this.input = input; }, value: this.props.value || '', className: "k-textbox", onChange: this.props.onChange, onKeyDown: this.props.onKeyDown }),
-            React.createElement("span", { className: "k-icon k-i-search" })));
+        var _a;
+        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,
+                    _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(); } }))));
     };
     return ListFilter;
 }(React.Component));

package/dist/npm/common/ListItem.js

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

package/dist/npm/common/MultiColumnList.js

@@ -17,5 +17,5 @@ var List_1 = require("./List");
  * @hidden
  */
 exports.MultiColumnList = function (props) {
-    return React.createElement(List_1.default, __assign({}, props, { listClassName: "k-grid-list" }));
+    return (React.createElement(List_1.default, __assign({}, props, { wrapperCssClass: "k-table-scroller", listClassName: "k-table k-table-list", listStyle: __assign({}, props.listStyle) })));
 };

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

@@ -22,9 +22,6 @@ export interface SearchBarProps {
     role?: string;
     name?: string;
     activedescendant?: string;
-    clearButton?: boolean;
-    clearButtonClick?: React.MouseEventHandler<HTMLSpanElement>;
-    loading?: boolean;
     accessKey?: string;
     ariaLabelledBy?: string;
     ariaDescribedBy?: string;
@@ -39,5 +36,5 @@ export default class SearchBar extends React.Component<SearchBarProps> {
      */
     readonly input: HTMLInputElement | null;
     componentDidUpdate(prevProps: SearchBarProps): void;
-    render(): any[];
+    render(): any;
 }

package/dist/npm/common/SearchBar.js

@@ -14,7 +14,6 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
-var ClearButton_1 = require("./ClearButton");
 /**
  * @hidden
  */
@@ -51,13 +50,8 @@ var SearchBar = /** @class */ (function (_super) {
     SearchBar.prototype.render = function () {
         var _this = this;
         var _a = this.props, _b = _a.expanded, expanded = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.role, role = _c === void 0 ? 'listbox' : _c, render = _a.render;
-        var searchbar = (React.createElement("span", { className: "k-searchbar", key: "searchbar" },
-            React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", size: this.props.size, placeholder: this.props.placeholder, className: "k-input", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy })));
-        return [
-            (render ? render.call(undefined, searchbar) : searchbar),
-            !this.props.loading && this.props.clearButton && React.createElement(ClearButton_1.default, { onClick: this.props.clearButtonClick, key: "clearbutton" }),
-            this.props.loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" })
-        ];
+        var searchbar = (React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", key: "searchbar", size: this.props.size, placeholder: this.props.placeholder, className: "k-input-inner", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy }));
+        return render ? render.call(undefined, searchbar) : searchbar;
     };
     return SearchBar;
 }(React.Component));

package/dist/npm/common/VirtualScroll.js

@@ -71,7 +71,7 @@ var VirtualScroll = /** @class */ (function () {
         if (this.container && this.list) {
             this.calcScrollElementHeight();
             this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
-            this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
+            this.translateTo(this.container.scrollHeight); //  - this.list.offsetHeight
         }
     };
     VirtualScroll.prototype.localScrollUp = function (e) {
@@ -150,7 +150,8 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.validateTranslate = function (translate) {
         translate = Math.max(0, translate);
-        translate = Math.min(this.containerHeight - this.list.offsetHeight, translate);
+        // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
+        translate = Math.min(this.containerHeight, translate);
         return translate;
     };
     return VirtualScroll;

package/dist/npm/package-metadata.js

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