@progress/kendo-react-dropdowns 5.0.2-dev.202201251006 → 5.1.0-dev.202202091038

package/dist/es/ComboBox/ComboBox.js

@@ -385,7 +385,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             this.renderSearchBar(inputText || '', id),
             renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
             loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
-            React.createElement("button", { type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
+            React.createElement("button", { tabIndex: -1, type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
                     _b["k-button-" + (sizeMap[size] || size)] = size,
                     _b["k-button-" + fillMode] = fillMode,
                     _b["k-button-" + fillMode + "-base"] = fillMode,

package/dist/es/DropDownList/DropDownList.d.ts

@@ -112,10 +112,6 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
      * @hidden
      */
     readonly element: HTMLSpanElement | null;
-    /**
-     * @hidden
-     */
-    readonly actionElement: HTMLSpanElement | null;
     /**
      * The value of the DropDownList.
      */

package/dist/es/DropDownList/DropDownList.js

@@ -335,16 +335,6 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DropDownListWithoutContext.prototype, "actionElement", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.base.wrapper;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(DropDownListWithoutContext.prototype, "value", {
         /**
          * The value of the DropDownList.
@@ -528,7 +518,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 : __assign({}, style, { width: undefined }), dir: dir, onMouseDown: opened ? preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-disabled": disabled || undefined, "aria-haspopup": true, "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.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
             valueElement,
             loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
-            React.createElement("button", { type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
+            React.createElement("button", { tabIndex: -1, type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
                     _b["k-button-" + (sizeMap[size] || size)] = size,
                     _b["k-button-" + fillMode] = fillMode,
                     _b["k-button-" + fillMode + "-base"] = fillMode,

package/dist/es/DropDownTree/DropDownTree.js

@@ -90,7 +90,6 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
     React.useImperativeHandle(target, function () { return ({
         props: props,
         element: elementRef.current,
-        actionElement: elementRef.current,
         focus: focus
     }); });
     React.useImperativeHandle(ref, function () { return target.current; });
@@ -162,6 +161,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
         };
         if (isOpen) {
             if (keyCode === Keys.esc || (altKey && keyCode === Keys.up)) {
+                event.preventDefault();
                 closePopup(ev);
             }
             else if (treeview && treeview.querySelector('.k-focus') &&
@@ -183,6 +183,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
         }
         else {
             if (altKey && keyCode === Keys.down) {
+                event.preventDefault();
                 openPopup(ev);
             }
         }
@@ -344,7 +345,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
         props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
         hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(clear, messages[clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
             React.createElement("span", { className: "k-icon k-i-x" }))),
-        React.createElement("button", { type: "button", "aria-label": "select", className: classNames('k-input-button k-button k-icon-button', (_b = {},
+        React.createElement("button", { tabIndex: -1, type: "button", "aria-label": "select", className: classNames('k-input-button k-button k-icon-button', (_b = {},
                 _b["k-button-" + (sizeMap[size] || size)] = size,
                 _b["k-button-" + fillMode] = fillMode,
                 _b["k-button-" + fillMode + "-base"] = fillMode,

package/dist/es/MultiSelectTree/MultiSelectTree.js

@@ -100,7 +100,6 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
     React.useImperativeHandle(targetRef, function () { return ({
         props: props,
         element: elementRef.current,
-        actionElement: elementRef.current,
         focus: focus
     }); });
     React.useImperativeHandle(ref, function () { return targetRef.current; });
@@ -288,6 +287,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
         }
         if (isOpen) {
             if (keyCode === Keys.esc || (altKey && keyCode === Keys.up)) {
+                event.preventDefault();
                 closePopup(ev);
             }
             else if (treeviewElement && treeviewElement.querySelector('.k-focus') &&
@@ -309,6 +309,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
         }
         else {
             if (altKey && keyCode === Keys.down) {
+                event.preventDefault();
                 openPopup(ev);
             }
         }

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

@@ -57,6 +57,7 @@ export interface DropDownsPopupSettings {
     /**
      * Defines the container to which the Popup will be appended.
      * 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;
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1643103790,
+    publishDate: 1644402207,
     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/ComboBox/ComboBox.js

@@ -387,7 +387,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             this.renderSearchBar(inputText || '', id),
             renderClearButton && !loading && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick, key: "clearbutton" }),
             loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
-            React.createElement("button", { type: "button", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
+            React.createElement("button", { tabIndex: -1, type: "button", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
                     _b["k-button-" + (sizeMap[size] || size)] = size,
                     _b["k-button-" + fillMode] = fillMode,
                     _b["k-button-" + fillMode + "-base"] = fillMode,

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

@@ -112,10 +112,6 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
      * @hidden
      */
     readonly element: HTMLSpanElement | null;
-    /**
-     * @hidden
-     */
-    readonly actionElement: HTMLSpanElement | null;
     /**
      * The value of the DropDownList.
      */

package/dist/npm/DropDownList/DropDownList.js

@@ -337,16 +337,6 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DropDownListWithoutContext.prototype, "actionElement", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.base.wrapper;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(DropDownListWithoutContext.prototype, "value", {
         /**
          * The value of the DropDownList.
@@ -530,7 +520,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 : __assign({}, style, { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-disabled": disabled || undefined, "aria-haspopup": true, "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.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
             valueElement,
             loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
-            React.createElement("button", { type: "button", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
+            React.createElement("button", { tabIndex: -1, type: "button", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
                     _b["k-button-" + (sizeMap[size] || size)] = size,
                     _b["k-button-" + fillMode] = fillMode,
                     _b["k-button-" + fillMode + "-base"] = fillMode,

package/dist/npm/DropDownTree/DropDownTree.js

@@ -92,7 +92,6 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
     React.useImperativeHandle(target, function () { return ({
         props: props,
         element: elementRef.current,
-        actionElement: elementRef.current,
         focus: focus
     }); });
     React.useImperativeHandle(ref, function () { return target.current; });
@@ -164,6 +163,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
         };
         if (isOpen) {
             if (keyCode === kendo_react_common_1.Keys.esc || (altKey && keyCode === kendo_react_common_1.Keys.up)) {
+                event.preventDefault();
                 closePopup(ev);
             }
             else if (treeview && treeview.querySelector('.k-focus') &&
@@ -185,6 +185,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
         }
         else {
             if (altKey && keyCode === kendo_react_common_1.Keys.down) {
+                event.preventDefault();
                 openPopup(ev);
             }
         }
@@ -346,7 +347,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
         props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
         hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
             React.createElement("span", { className: "k-icon k-i-x" }))),
-        React.createElement("button", { type: "button", "aria-label": "select", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
+        React.createElement("button", { tabIndex: -1, type: "button", "aria-label": "select", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
                 _b["k-button-" + (sizeMap[size] || size)] = size,
                 _b["k-button-" + fillMode] = fillMode,
                 _b["k-button-" + fillMode + "-base"] = fillMode,

package/dist/npm/MultiSelectTree/MultiSelectTree.js

@@ -102,7 +102,6 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
     React.useImperativeHandle(targetRef, function () { return ({
         props: props,
         element: elementRef.current,
-        actionElement: elementRef.current,
         focus: focus
     }); });
     React.useImperativeHandle(ref, function () { return targetRef.current; });
@@ -290,6 +289,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
         }
         if (isOpen) {
             if (keyCode === kendo_react_common_1.Keys.esc || (altKey && keyCode === kendo_react_common_1.Keys.up)) {
+                event.preventDefault();
                 closePopup(ev);
             }
             else if (treeviewElement && treeviewElement.querySelector('.k-focus') &&
@@ -311,6 +311,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
         }
         else {
             if (altKey && keyCode === kendo_react_common_1.Keys.down) {
+                event.preventDefault();
                 openPopup(ev);
             }
         }

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

@@ -57,6 +57,7 @@ export interface DropDownsPopupSettings {
     /**
      * Defines the container to which the Popup will be appended.
      * 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;
 }

package/dist/npm/package-metadata.js

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