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

package/dist/npm/menu/components/Menu.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -56,8 +59,10 @@ var Menu = /** @class */ (function (_super) {
     __extends(Menu, _super);
     function Menu(props) {
         var _this = _super.call(this, props) || this;
-        _this.guid = kendo_react_common_1.guid();
+        _this.guid = (0, kendo_react_common_1.guid)();
         _this.directionHolder = new DirectionHolder_1.DirectionHolder();
+        _this.inputItems = [];
+        _this.items = [];
         /**
          * Resets the selection and opening of Menu items.
          */
@@ -69,8 +74,8 @@ var Menu = /** @class */ (function (_super) {
             // The focusedItemId may be empty when contentRender is used.
             // For example, content with input.
             if (_this.state.focusedItemId !== itemsIdsUtils_1.EMPTY_ID) {
-                var currentItem = itemsIdsUtils_1.getItemById(_this.state.focusedItemId, _this.items);
-                var newItemId = getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation(_this.items, currentItem.id, event.keyCode, event.key, _this.props.vertical, _this.directionHolder.getIsDirectionRightToLeft());
+                var currentItem = (0, itemsIdsUtils_1.getItemById)(_this.state.focusedItemId, _this.items);
+                var newItemId = (0, getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation)(_this.items, currentItem.id, event.keyCode, event.key, _this.props.vertical, _this.directionHolder.getIsDirectionRightToLeft());
                 if (currentItem.id !== newItemId) {
                     event.preventDefault();
                     _this.setFocusedItemId(newItemId);
@@ -92,7 +97,7 @@ var Menu = /** @class */ (function (_super) {
                 _this.itemHoverRequest = window.setTimeout(function () {
                     _this.setHoveredItemId(itemId);
                     _this.itemHoverRequest = null;
-                }, hoverDelay_1.getHoverOpenDelay(_this.props));
+                }, (0, hoverDelay_1.getHoverOpenDelay)(_this.props));
             }
         };
         _this.onItemMouseLeave = function (itemId) {
@@ -103,7 +108,7 @@ var Menu = /** @class */ (function (_super) {
                 _this.itemLeaveRequest = window.setTimeout(function () {
                     _this.setHoveredItemId(itemsIdsUtils_1.EMPTY_ID);
                     _this.itemLeaveRequest = null;
-                }, hoverDelay_1.getHoverCloseDelay(_this.props));
+                }, (0, hoverDelay_1.getHoverCloseDelay)(_this.props));
             }
         };
         _this.onItemMouseDown = function () {
@@ -114,7 +119,7 @@ var Menu = /** @class */ (function (_super) {
             _this.mouseOverHandler.handleItemFocus();
         };
         _this.onItemClick = function (event, itemId) {
-            var item = itemsIdsUtils_1.getItemById(itemId, _this.items);
+            var item = (0, itemsIdsUtils_1.getItemById)(itemId, _this.items);
             if (!item.disabled) {
                 _this.setFocusedItemId(itemId);
                 _this.mouseOverHandler.handleItemClick(itemId, _this.isItemWithDefaultClose(itemId));
@@ -130,9 +135,9 @@ var Menu = /** @class */ (function (_super) {
             }
         };
         _this.getInputItem = function (itemId) {
-            return itemsIdsUtils_1.getItemById(itemId, _this.inputItems);
+            return (0, itemsIdsUtils_1.getItemById)(itemId, _this.inputItems);
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(_this.props.openOnClick, _this.reset, _this.onItemMouseOver);
         _this.state = Object.assign({}, initialItemsIds, { isFirstRender: true });
         return _this;
@@ -148,7 +153,7 @@ var Menu = /** @class */ (function (_super) {
         }
         var lastItemIdToBeOpened = this.state.hoveredItemId ?
             this.state.hoveredItemId :
-            this.state.focusedItemId ? itemsIdsUtils_1.getDirectParentId(this.state.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
+            this.state.focusedItemId ? (0, itemsIdsUtils_1.getDirectParentId)(this.state.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
         return (React.createElement("div", { onKeyDown: this.onKeyDown, style: this.props.style, className: this.getMenuWrapperClassName(), ref: function (el) { return _this.menuWrapperEl = el; } },
             React.createElement(MenuItemInternalsList_1.MenuItemInternalsList, { className: this.getMenuClassName(), "aria-orientation": this.props.vertical ? 'vertical' : undefined, items: this.items, isMenuVertical: this.props.vertical, isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(), focusedItemId: this.state.focusedItemId, lastItemIdToBeOpened: lastItemIdToBeOpened, tabbableItemId: this.state.tabbableItemId, itemRender: this.props.itemRender, linkRender: this.props.linkRender, menuGuid: this.guid, onMouseLeave: this.onItemMouseLeave, onMouseOver: this.onItemMouseOver, onMouseDown: this.onItemMouseDown, onFocus: this.onItemFocus, onClick: this.onItemClick, onBlur: this.onItemBlur, onOriginalItemNeeded: this.getInputItem })));
     };
@@ -180,16 +185,16 @@ var Menu = /** @class */ (function (_super) {
     Menu.prototype.setFocusedItemId = function (focusedItemId) {
         this.setState(function (prevState) {
             var tabbableItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ?
-                prevState.tabbableItemId : itemsIdsUtils_1.getRootParentId(focusedItemId);
+                prevState.tabbableItemId : (0, itemsIdsUtils_1.getRootParentId)(focusedItemId);
             var hoveredItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ||
-                (itemsIdsUtils_1.isIdEmptyOrZeroLevel(prevState.hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(focusedItemId)) ?
+                ((0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(prevState.hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(focusedItemId)) ?
                 prevState.hoveredItemId : itemsIdsUtils_1.EMPTY_ID;
             return { hoveredItemId: hoveredItemId, focusedItemId: focusedItemId, tabbableItemId: tabbableItemId };
         });
     };
     Menu.prototype.setHoveredItemId = function (hoveredItemId) {
         this.setState(function (prevState) {
-            if (itemsIdsUtils_1.isIdEmptyOrZeroLevel(hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(prevState.focusedItemId)) {
+            if ((0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(prevState.focusedItemId)) {
                 return {
                     hoveredItemId: hoveredItemId,
                     focusedItemId: prevState.focusedItemId,
@@ -202,12 +207,12 @@ var Menu = /** @class */ (function (_super) {
         });
     };
     Menu.prototype.getMenuWrapperClassName = function () {
-        return kendo_react_common_1.classNames({
+        return (0, kendo_react_common_1.classNames)({
             'k-rtl': this.directionHolder.getIsDirectionRightToLeft()
         }, this.props.className);
     };
     Menu.prototype.getMenuClassName = function () {
-        return kendo_react_common_1.classNames('k-widget', 'k-reset', 'k-header', 'k-menu', { 'k-menu-horizontal': !this.props.vertical }, { 'k-menu-vertical': this.props.vertical });
+        return (0, kendo_react_common_1.classNames)('k-widget', 'k-reset', 'k-header', 'k-menu', { 'k-menu-horizontal': !this.props.vertical }, { 'k-menu-vertical': this.props.vertical });
     };
     Menu.prototype.clearItemHoverAndLeaveRequestsIfApplicable = function () {
         if (this.itemHoverRequest) {
@@ -227,12 +232,12 @@ var Menu = /** @class */ (function (_super) {
             this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === 'rtl';
     };
     Menu.prototype.prepareItems = function () {
-        var _a = prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork(this.props.items, this.props.children), items = _a.items, inputItems = _a.inputItems;
+        var _a = (0, prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork)(this.props.items, this.props.children), items = _a.items, inputItems = _a.inputItems;
         this.items = items;
         this.inputItems = inputItems;
     };
     Menu.prototype.dispatchSelectEventIfWired = function (event, itemId) {
-        kendo_react_common_1.dispatchEvent(this.props.onSelect, event, this, { item: this.getInputItem(itemId), itemId: itemId });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onSelect, event, this, { item: this.getInputItem(itemId), itemId: itemId });
     };
     /**
      * @hidden

package/dist/npm/menu/components/MenuItem.d.ts

@@ -25,5 +25,5 @@ export declare class MenuItem extends React.Component<MenuItemProps, {}> {
     /**
      * @hidden
      */
-    render(): any;
+    render(): null;
 }

package/dist/npm/menu/components/MenuItem.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var MenuItem = /** @class */ (function (_super) {

package/dist/npm/menu/components/MenuItemArrow.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemArrow = exports.leftArrowClass = exports.rightArrowClass = exports.downArrowClass = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -43,8 +46,8 @@ var MenuItemArrow = /** @class */ (function (_super) {
     };
     MenuItemArrow.prototype.getArrowClassName = function () {
         var _a;
-        var childrenPosition = misc_1.getChildrenPosition(this.props.itemId, this.props.verticalMenu === true, this.props.dir === 'rtl');
-        return kendo_react_common_1.classNames('k-icon', (_a = {},
+        var childrenPosition = (0, misc_1.getChildrenPosition)(this.props.itemId, this.props.verticalMenu === true, this.props.dir === 'rtl');
+        return (0, kendo_react_common_1.classNames)('k-icon', (_a = {},
             _a[exports.downArrowClass] = childrenPosition === 'downward',
             _a[exports.rightArrowClass] = childrenPosition === 'rightward',
             _a[exports.leftArrowClass] = childrenPosition === 'leftward',

package/dist/npm/menu/components/MenuItemInternal.d.ts

@@ -31,10 +31,10 @@ export declare class MenuItemInternal extends React.Component<MenuItemInternalPr
     private renderArrowIfApplicable;
     private onMouseOver;
     private onMouseLeave;
-    private readonly itemRender;
-    private readonly linkRender;
-    private readonly contentRender;
-    private readonly Opened;
+    private get itemRender();
+    private get linkRender();
+    private get contentRender();
+    private get Opened();
     private getPopupClassName;
     private getMenuItemClassName;
 }

package/dist/npm/menu/components/MenuItemInternal.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemInternal = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -74,7 +77,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
         var item = this.props.item;
         var itemId = item.id;
         return (React.createElement(React.Fragment, null,
-            React.createElement("li", { className: this.getMenuItemClassName(item), style: item.cssStyle, tabIndex: itemId === this.props.tabbableItemId ? 0 : -1, onMouseOver: this.onMouseOver, onMouseLeave: this.onMouseLeave, onMouseDown: function (event) { return _this.props.onMouseDown(event); }, onBlur: function () { return _this.props.onBlur(itemId); }, onFocus: function () { return _this.props.onFocus(itemId); }, onClick: function (event) { return _this.props.onClick(event, itemId); }, role: "menuitem", "aria-disabled": item.disabled ? true : undefined, "aria-haspopup": item.items.length > 0 ? true : undefined, "aria-expanded": item.items.length > 0 ? this.Opened : undefined, "aria-label": item.text, "aria-owns": this.Opened ? misc_1.getDOMElementId(this.props.menuGuid, itemId) : undefined, ref: function (el) { return _this.itemElement = el; }, key: "0" }, this.contentRender ? this.renderContent() : this.renderMenuItemLink()),
+            React.createElement("li", { className: this.getMenuItemClassName(item), style: item.cssStyle, tabIndex: itemId === this.props.tabbableItemId ? 0 : -1, onMouseOver: this.onMouseOver, onMouseLeave: this.onMouseLeave, onMouseDown: function (event) { return _this.props.onMouseDown(event); }, onBlur: function () { return _this.props.onBlur(itemId); }, onFocus: function () { return _this.props.onFocus(itemId); }, onClick: function (event) { return _this.props.onClick(event, itemId); }, role: "menuitem", "aria-disabled": item.disabled ? true : undefined, "aria-haspopup": item.items.length > 0 ? true : undefined, "aria-expanded": item.items.length > 0 ? this.Opened : undefined, "aria-label": item.text, "aria-owns": this.Opened ? (0, misc_1.getDOMElementId)(this.props.menuGuid, itemId) : undefined, ref: function (el) { return _this.itemElement = el; }, key: "0" }, this.contentRender ? this.renderContent() : this.renderMenuItemLink()),
             this.renderPopupIfOpened()));
     };
     MenuItemInternal.prototype.renderContent = function () {
@@ -85,7 +88,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
     MenuItemInternal.prototype.renderMenuItemLink = function () {
         var item = this.props.item;
         if (this.linkRender) {
-            return (React.createElement(this.linkRender, { item: this.props.onOriginalItemNeeded(item.id), itemId: item.id, opened: this.Opened, dir: misc_1.convertBoolDirectionToString(this.props.isDirectionRightToLeft) }));
+            return (React.createElement(this.linkRender, { item: this.props.onOriginalItemNeeded(item.id), itemId: item.id, opened: this.Opened, dir: (0, misc_1.convertBoolDirectionToString)(this.props.isDirectionRightToLeft) }));
         }
         else {
             var textOrItemRender = this.itemRender ?
@@ -100,7 +103,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
     MenuItemInternal.prototype.renderPopupIfOpened = function () {
         if (this.Opened) {
             var itemId = this.props.item.id;
-            var _a = misc_1.getPopupSettings(itemId, this.props.isMenuVertical, this.props.isDirectionRightToLeft), anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision;
+            var _a = (0, misc_1.getPopupSettings)(itemId, this.props.isMenuVertical, this.props.isDirectionRightToLeft), anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision;
             return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.itemElement, show: true, popupClass: this.getPopupClassName(), anchorAlign: anchorAlign, popupAlign: popupAlign, collision: collision, animate: false, key: "1" },
                 React.createElement(MenuItemInternalsList_1.MenuItemInternalsList, { parentItemId: itemId, items: this.props.item.items, menuGuid: this.props.menuGuid, focusedItemId: this.props.focusedItemId, lastItemIdToBeOpened: this.props.lastItemIdToBeOpened, tabbableItemId: this.props.tabbableItemId, itemRender: this.props.itemRender, linkRender: this.props.linkRender, isMenuVertical: this.props.isMenuVertical, isDirectionRightToLeft: this.props.isDirectionRightToLeft, className: "k-group k-menu-group k-reset", onMouseOver: this.props.onMouseOver, onMouseLeave: this.props.onMouseLeave, onMouseDown: this.props.onMouseDown, onBlur: this.props.onBlur, onFocus: this.props.onFocus, onClick: this.props.onClick, onOriginalItemNeeded: this.props.onOriginalItemNeeded })));
         }
@@ -110,51 +113,51 @@ var MenuItemInternal = /** @class */ (function (_super) {
     };
     MenuItemInternal.prototype.renderMenuIconIfApplicable = function () {
         return this.props.item.icon ?
-            React.createElement("span", { className: "k-icon k-i-" + this.props.item.icon, role: "presentation", key: "0" }) : null;
+            React.createElement("span", { className: "k-icon k-i-".concat(this.props.item.icon), role: "presentation", key: "0" }) : null;
     };
     MenuItemInternal.prototype.renderArrowIfApplicable = function () {
         return this.props.item.items.length > 0 ?
-            (React.createElement(MenuItemArrow_1.MenuItemArrow, { itemId: this.props.item.id, verticalMenu: this.props.isMenuVertical, dir: misc_1.convertBoolDirectionToString(this.props.isDirectionRightToLeft), key: "2" })) : null;
+            (React.createElement(MenuItemArrow_1.MenuItemArrow, { itemId: this.props.item.id, verticalMenu: this.props.isMenuVertical, dir: (0, misc_1.convertBoolDirectionToString)(this.props.isDirectionRightToLeft), key: "2" })) : null;
     };
     Object.defineProperty(MenuItemInternal.prototype, "itemRender", {
         get: function () {
             return this.props.item.render || this.props.itemRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "linkRender", {
         get: function () {
             return this.props.item.linkRender || this.props.linkRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "contentRender", {
         get: function () {
             return this.props.item.contentParentItemId ? this.props.item.contentRender : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "Opened", {
         get: function () {
             var props = this.props;
             return props.item.items.length > 0 &&
-                itemsIdsUtils_1.shouldOpenItem(props.item.id, props.lastItemIdToBeOpened) &&
+                (0, itemsIdsUtils_1.shouldOpenItem)(props.item.id, props.lastItemIdToBeOpened) &&
                 // HACK: Wait for the second render because otherwise the scenario of
                 // popup inside popup throws an error (for example, hover of item with id '0_0').
                 !this.isFirstRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MenuItemInternal.prototype.getPopupClassName = function () {
-        return kendo_react_common_1.classNames('k-menu-popup', { 'k-rtl': this.props.isDirectionRightToLeft });
+        return (0, kendo_react_common_1.classNames)('k-menu-popup', { 'k-rtl': this.props.isDirectionRightToLeft });
     };
     MenuItemInternal.prototype.getMenuItemClassName = function (item) {
-        return kendo_react_common_1.classNames('k-item', 'k-menu-item', {
-            'k-first': itemsIdsUtils_1.isFirstItemFromSiblings(item.id),
+        return (0, kendo_react_common_1.classNames)('k-item', 'k-menu-item', {
+            'k-first': (0, itemsIdsUtils_1.isFirstItemFromSiblings)(item.id),
             'k-last': item.isLastFromSiblings,
             'k-disabled': item.disabled
         }, item.cssClass);

package/dist/npm/menu/components/MenuItemInternalsList.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemInternalsList = void 0;
 var React = require("react");
 var MenuItemInternal_1 = require("./MenuItemInternal");
 var misc_1 = require("./../utils/misc");
@@ -35,7 +38,7 @@ var MenuItemInternalsList = /** @class */ (function (_super) {
     }
     MenuItemInternalsList.prototype.render = function () {
         var parentItemId = this.props.parentItemId;
-        return (React.createElement("ul", { className: this.props.className, role: parentItemId !== undefined ? 'menu' : 'menubar', id: parentItemId !== undefined ? misc_1.getDOMElementId(this.props.menuGuid, parentItemId) : undefined, onMouseOver: parentItemId !== undefined ? this.onMouseOver : undefined, onMouseLeave: parentItemId !== undefined ? this.onMouseLeave : undefined, "aria-orientation": this.props['aria-orientation'] }, this.renderChildItems()));
+        return (React.createElement("ul", { className: this.props.className, role: parentItemId !== undefined ? 'menu' : 'menubar', id: parentItemId !== undefined ? (0, misc_1.getDOMElementId)(this.props.menuGuid, parentItemId) : undefined, onMouseOver: parentItemId !== undefined ? this.onMouseOver : undefined, onMouseLeave: parentItemId !== undefined ? this.onMouseLeave : undefined, "aria-orientation": this.props['aria-orientation'] }, this.renderChildItems()));
     };
     MenuItemInternalsList.prototype.renderChildItems = function () {
         var _this = this;

package/dist/npm/menu/components/MenuItemLink.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemLink = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -29,11 +32,11 @@ var MenuItemLink = /** @class */ (function (_super) {
             return (React.createElement("a", { className: this.getMenuItemClassName(), role: "presentation", href: this.props.url, tabIndex: -1 }, this.props.children));
         }
         else {
-            return (React.createElement("span", { id: this.props.id, className: kendo_react_common_1.classNames(this.getMenuItemClassName(), this.props.className), style: this.props.style, role: "presentation" }, this.props.children));
+            return (React.createElement("span", { id: this.props.id, className: (0, kendo_react_common_1.classNames)(this.getMenuItemClassName(), this.props.className), style: this.props.style, role: "presentation" }, this.props.children));
         }
     };
     MenuItemLink.prototype.getMenuItemClassName = function () {
-        return kendo_react_common_1.classNames('k-link', 'k-menu-link', {
+        return (0, kendo_react_common_1.classNames)('k-link', 'k-menu-link', {
             'k-active': this.props.opened
         });
     };

package/dist/npm/menu/consts.js

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

package/dist/npm/menu/models/BaseMenuItem.d.ts

@@ -43,4 +43,8 @@ export interface BaseMenuItem {
      * Represents any additional data that is associated with the Menu item.
      */
     data?: any;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
 }

package/dist/npm/menu/utils/DirectionHolder.d.ts

@@ -5,7 +5,7 @@ export declare class DirectionHolder {
     private phase;
     private previousIsDirectionRightToLeft?;
     private isDirectionRightToLeft?;
-    getIsDirectionRightToLeft(): boolean;
+    getIsDirectionRightToLeft(): boolean | undefined;
     setIsDirectionRightToLeft(value: boolean): void;
     hasDirectionChanged(): boolean;
 }

package/dist/npm/menu/utils/DirectionHolder.js

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

package/dist/npm/menu/utils/MouseOverHandler.d.ts

@@ -8,9 +8,9 @@ export declare class MouseOverHandler {
     private isMouseOverEnabled;
     private mouseDown;
     constructor(openOnClick: boolean | undefined, resetMenu: any, openItem: any);
-    OpenOnClick: boolean | undefined;
+    set OpenOnClick(value: boolean | undefined);
     handleItemSelectedViaKeyboard(): void;
-    readonly IsMouseOverEnabled: boolean;
+    get IsMouseOverEnabled(): boolean;
     handleItemMouseDown(): void;
     handleItemFocus(): void;
     handleItemClick(itemId: string, clickedItemIsWithDefaultClose: boolean): void;

package/dist/npm/menu/utils/MouseOverHandler.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouseOverHandler = void 0;
 /**
  * @hidden
  */
@@ -8,6 +9,7 @@ var MouseOverHandler = /** @class */ (function () {
         this.openOnClick = openOnClick;
         this.resetMenu = resetMenu;
         this.openItem = openItem;
+        this.mouseDown = false;
         this.openOnClick = openOnClick;
         this.isMouseOverEnabled = openOnClick ? false : true;
     }
@@ -19,7 +21,7 @@ var MouseOverHandler = /** @class */ (function () {
             }
             this.openOnClick = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
@@ -32,7 +34,7 @@ var MouseOverHandler = /** @class */ (function () {
         get: function () {
             return this.isMouseOverEnabled;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemMouseDown = function () {

package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNewItemIdUponKeyboardNavigation = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 var NO_WHITESPACE_REGEX = /\S/;
@@ -54,7 +55,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return getNextSiblingId();
         }
         else {
-            if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+            if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
                 return getFirstChildIdForEnabledItemOrGetSameId();
             }
             else {
@@ -67,7 +68,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return getPrevSiblingId();
         }
         else {
-            if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+            if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
                 return getLastChildIdForEnabledItemOrGetSameId();
             }
             else {
@@ -80,7 +81,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return sourceItemId;
         }
         else {
-            return hasChildren() ? itemsIdsUtils_1.getFirstChildId(sourceItemId) : itemsIdsUtils_1.getRootParentId(sourceItemId);
+            return hasChildren() ? (0, itemsIdsUtils_1.getFirstChildId)(sourceItemId) : (0, itemsIdsUtils_1.getRootParentId)(sourceItemId);
         }
     }
     function getIdUponHomeKey() {
@@ -91,12 +92,12 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         return siblings[siblings.length - 1].id;
     }
     function getIdUponEscKey() {
-        return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ? sourceItemId : itemsIdsUtils_1.getDirectParentId(sourceItemId);
+        return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ? sourceItemId : (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
     }
     function getIdUponSearchByChar() {
         var searchChar = key.toLowerCase();
         var siblings = getSiblings();
-        var currentItemIndex = Number(itemsIdsUtils_1.getShortId(sourceItemId));
+        var currentItemIndex = Number((0, itemsIdsUtils_1.getShortId)(sourceItemId));
         var itemsToSearch = siblings.slice(currentItemIndex + 1).concat(siblings.slice(0, currentItemIndex + 1));
         var matchedSibling = itemsToSearch.find(function (item) {
             return (item.text || '').toLowerCase().startsWith(searchChar);
@@ -105,37 +106,37 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
     }
     // #region Left Key Internals
     function getIdUponLeftKeyForHorizontalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getPrevSiblingId();
         }
-        else if (itemsIdsUtils_1.isIdFirstLevel(sourceItemId)) {
-            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+        else if ((0, itemsIdsUtils_1.isIdFirstLevel)(sourceItemId)) {
+            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
         }
         else {
-            return itemsIdsUtils_1.getDirectParentId(sourceItemId);
+            return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
         }
     }
     function getIdUponLeftKeyForVerticalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getLastChildIdForEnabledItemOrGetSameId();
         }
         else {
-            return itemsIdsUtils_1.getDirectParentId(sourceItemId);
+            return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
         }
     }
     // #endregion
     // #region Right Key Internals
     function getIdUponRightKeyForHorizontalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getNextSiblingId();
         }
         else {
-            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
         }
     }
     function getIdUponRightKeyForVerticalMenu() {
-        return getFirstChildIdForEnabledItemOrGetSameId(itemsIdsUtils_1.isIdZeroLevel(sourceItemId) || hasChildren() ?
-            sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+        return getFirstChildIdForEnabledItemOrGetSameId((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) || hasChildren() ?
+            sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
     }
     // #endregion
     // #region Utils
@@ -155,7 +156,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         if (items === undefined) {
             items = sourceItems;
         }
-        return itemsIdsUtils_1.getItemById(itemId, items);
+        return (0, itemsIdsUtils_1.getItemById)(itemId, items);
     }
     function hasChildren(itemId) {
         return getItemById(itemId).items.length > 0;
@@ -171,8 +172,8 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         return itemChildren[itemChildren.length - 1].id;
     }
     function getSiblings() {
-        return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ?
-            sourceItems : getItemById(itemsIdsUtils_1.getDirectParentId(sourceItemId), sourceItems).items;
+        return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ?
+            sourceItems : getItemById((0, itemsIdsUtils_1.getDirectParentId)(sourceItemId), sourceItems).items;
     }
     function getFirstOrLastChildIdForEnabledItemOrGetSameId(getFirstChild, itemId) {
         if (itemId === undefined) {
@@ -180,7 +181,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         }
         var item = getItemById(itemId);
         if (hasChildren(itemId) && !item.disabled) {
-            return getFirstChild ? itemsIdsUtils_1.getFirstChildId(itemId) : getLastChildId(itemId);
+            return getFirstChild ? (0, itemsIdsUtils_1.getFirstChildId)(itemId) : getLastChildId(itemId);
         }
         else {
             return itemId;
@@ -190,14 +191,14 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         if (itemId === undefined) {
             itemId = sourceItemId;
         }
-        if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
-            return itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, itemId, sourceItems.length);
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
+            return (0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, itemId, sourceItems.length);
         }
         else {
-            var directParentId = itemsIdsUtils_1.getDirectParentId(itemId);
-            var shortId = itemsIdsUtils_1.getShortId(itemId);
+            var directParentId = (0, itemsIdsUtils_1.getDirectParentId)(itemId);
+            var shortId = (0, itemsIdsUtils_1.getShortId)(itemId);
             var siblingsCount = getItemById(directParentId).items.length;
-            return itemsIdsUtils_1.createId(itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, shortId, siblingsCount), directParentId);
+            return (0, itemsIdsUtils_1.createId)((0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, shortId, siblingsCount), directParentId);
         }
     }
     // #endregion

package/dist/npm/menu/utils/hoverDelay.js

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