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

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

@@ -59,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.
          */
@@ -72,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);
@@ -95,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) {
@@ -106,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 () {
@@ -117,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));
@@ -133,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;
@@ -151,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 })));
     };
@@ -183,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,
@@ -205,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) {
@@ -230,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/MenuItemArrow.js

@@ -46,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.js

@@ -77,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 () {
@@ -88,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 ?
@@ -103,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 })));
         }
@@ -113,11 +113,11 @@ 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 () {
@@ -144,7 +144,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
         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;
@@ -153,11 +153,11 @@ var MenuItemInternal = /** @class */ (function (_super) {
         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

@@ -38,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

@@ -32,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/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/MouseOverHandler.js

@@ -9,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;
     }

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

@@ -55,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 {
@@ -68,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 {
@@ -81,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() {
@@ -92,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);
@@ -106,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
@@ -156,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;
@@ -172,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) {
@@ -181,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;
@@ -191,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/misc.js

@@ -20,7 +20,7 @@ exports.getPopupSettings = getPopupSettings;
  * @hidden
  */
 function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
-    if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
+    if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
         if (isMenuVertical) {
             return isDirectionRightToLeft ? 'leftward' : 'rightward';
         }
@@ -44,6 +44,6 @@ exports.convertBoolDirectionToString = convertBoolDirectionToString;
  * @hidden
  */
 function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }
 exports.getDOMElementId = getDOMElementId;

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

@@ -80,7 +80,7 @@ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
     for (var index = 0; index < inputModels.length; index++) {
         var inputModel = inputModels[index];
         var internalModel = copyInputItemWithoutChildren(inputModel);
-        internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
+        internalModel.id = (0, itemsIdsUtils_1.createId)(index.toString(), parentId);
         internalModel.isLastFromSiblings = index === inputModels.length - 1;
         internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
         result.push(internalModel);
@@ -91,7 +91,7 @@ function copyOrCreateModelChildren(inputModel, internalModel) {
     if (inputModel.contentRender) {
         return [{
                 contentParentItemId: internalModel.id,
-                id: itemsIdsUtils_1.createId(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
+                id: (0, itemsIdsUtils_1.createId)(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
                 isLastFromSiblings: true,
                 contentRender: inputModel.contentRender,
                 items: []

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648336,
+    publishDate: 1654762104,
     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/panelbar/PanelBar.d.ts

@@ -18,10 +18,10 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
      */
     static propTypes: {
         animation: PropTypes.Requireable<boolean>;
-        children: (props: PanelBarProps, propName: any) => Error;
+        children: (props: PanelBarProps, propName: any) => Error | null | undefined;
         dir: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<string[]>;
+        expanded: PropTypes.Requireable<(string | null | undefined)[]>;
         focused: PropTypes.Requireable<string>;
         expandMode: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/dist/npm/panelbar/PanelBar.js

@@ -25,10 +25,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelBar = void 0;
@@ -56,7 +60,7 @@ var PanelBar = /** @class */ (function (_super) {
          * @hidden
          */
         _this.onSelect = function (event) {
-            var flattenChildren = util_1.flatChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatChildren)(React.Children.toArray(_this.children));
             var selectedChild;
             var newExpanded;
             flattenChildren.forEach(function (child) {
@@ -66,10 +70,10 @@ var PanelBar = /** @class */ (function (_super) {
             });
             switch (_this.expandMode) {
                 case 'single':
-                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey), [selectedChild.props.uniquePrivateKey]);
-                    if (util_1.isArrayEqual(_this.expandedItems, newExpanded)) {
+                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
+                    if ((0, util_1.isArrayEqual)(_this.expandedItems, newExpanded)) {
                         if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey);
+                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
                         }
                         else {
                             newExpanded = [];
@@ -98,7 +102,7 @@ var PanelBar = /** @class */ (function (_super) {
          */
         _this.onFocus = function (event, step) {
             if (step === void 0) { step = 0; }
-            var flattenChildren = util_1.flatVisibleChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatVisibleChildren)(React.Children.toArray(_this.children));
             var focusedChild;
             flattenChildren.forEach(function (child, ixd) {
                 if (child.props.uniquePrivateKey === (event.uniquePrivateKey || _this.state.focused)) {
@@ -178,10 +182,10 @@ var PanelBar = /** @class */ (function (_super) {
                 }
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-        var initialState = util_1.getInitialState(props, _this.expandMode);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+        var initialState = (0, util_1.getInitialState)(props, _this.expandMode);
         if (!initialState.focused) {
-            initialState.focused = util_1.getFirstId(props);
+            initialState.focused = (0, util_1.getFirstId)(props);
         }
         _this.state = initialState;
         return _this;
@@ -220,7 +224,7 @@ var PanelBar = /** @class */ (function (_super) {
                 handleSelect: this.handleSelect,
                 children: this.props.children
             };
-            return util_1.renderChildren(renderState);
+            return (0, util_1.renderChildren)(renderState);
         },
         enumerable: false,
         configurable: true
@@ -233,7 +237,7 @@ var PanelBar = /** @class */ (function (_super) {
         var ariaProps = {
             'aria-activedescendant': this.activeDescendant
         };
-        var className = kendo_react_common_1.classNames('k-panelbar', this.props.className);
+        var className = (0, kendo_react_common_1.classNames)('k-panelbar', this.props.className);
         return (React.createElement("ul", __assign({ ref: function (div) { _this._element = div; }, dir: this.props.dir, role: 'tree', tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, className: className, style: this.props.style }, ariaProps), this.children));
     };
     PanelBar.prototype.nextTick = function (f) {

package/dist/npm/panelbar/PanelBarItem.d.ts

@@ -29,7 +29,7 @@ export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps,
     static defaultProps: {
         title: string;
     };
-    constructor(props: any);
+    constructor(props: PanelBarItemProps);
     /**
      * @hidden
      */

package/dist/npm/panelbar/PanelBarItem.js

@@ -40,7 +40,7 @@ function iconElement(_a) {
         return (React.createElement("img", { role: "presentation", className: 'k-panelbar-item-icon k-image', src: imageUrl }));
     }
     else if (icon) {
-        var iconClasses = kendo_react_common_1.classNames('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
+        var iconClasses = (0, kendo_react_common_1.classNames)('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
         return (React.createElement("span", { role: "presentation", className: iconClasses }));
     }
     else if (iconClass) {
@@ -69,7 +69,7 @@ var PanelBarItem = /** @class */ (function (_super) {
             return child;
         };
         _this.state = {
-            show: props.expanded
+            show: props.expanded || false
         };
         return _this;
     }
@@ -87,17 +87,17 @@ var PanelBarItem = /** @class */ (function (_super) {
             'aria-selected': !disabled && selected,
             'aria-expanded': !disabled && expanded && !!children
         };
-        var panelBarItemClassName = kendo_react_common_1.classNames('k-item', {
+        var panelBarItemClassName = (0, kendo_react_common_1.classNames)('k-item', {
             'k-panelbar-header': level === 0,
             'k-panelbar-item': level !== 0,
             'k-state-expanded': expanded && !!children
-        }, "k-level-" + level, className);
-        var panelBarLinkClassName = kendo_react_common_1.classNames('k-link', {
+        }, "k-level-".concat(level), className);
+        var panelBarLinkClassName = (0, kendo_react_common_1.classNames)('k-link', {
             'k-selected': !disabled && selected,
             'k-focus': !disabled && focused,
             'k-disabled': disabled
         }, headerClassName);
-        var panelBarItemArrowClassName = kendo_react_common_1.classNames('k-panelbar-toggle', 'k-icon', (_a = {},
+        var panelBarItemArrowClassName = (0, kendo_react_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {},
             _a['k-i-arrow-chevron-up'] = expanded && !!children,
             _a['k-panelbar-collapse'] = expanded && !!children,
             _a['k-i-arrow-chevron-down'] = !expanded && !!children,