@progress/kendo-react-layout 13.2.0 → 13.3.0-develop.1

package/drawer/Drawer.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/Drawer.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerContent.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerContent.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerItem.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerItem.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerNavigation.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/DrawerNavigation.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/context/DrawerContext.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/drawer/context/DrawerContext.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/expansionpanel/ExpansionPanel.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/expansionpanel/ExpansionPanel.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/expansionpanel/ExpansionPanelContent.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/expansionpanel/ExpansionPanelContent.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/gridlayout/GridLayout.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/gridlayout/GridLayout.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/gridlayout/GridLayoutItem.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/gridlayout/GridLayoutItem.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/index.d.mts

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
@@ -15,6 +15,7 @@ import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 import { Navigation } from '@progress/kendo-react-common';
 import { Offset } from '@progress/kendo-react-popup';
 import { PopupAnimation } from '@progress/kendo-react-popup';
+import { PopupCloseEvent } from '@progress/kendo-react-popup';
 import * as React_2 from 'react';
 import { RefAttributes } from 'react';
 import { SVGIcon } from '@progress/kendo-react-common';
@@ -950,6 +951,7 @@ declare interface BaseMenuItemInternalProps {
     onClick: any;
     onBlur: any;
     onOriginalItemNeeded: any;
+    onPopupClose: (itemId: string, popupCloseEvent: PopupCloseEvent) => void;
 }
 
 /**
@@ -2308,10 +2310,10 @@ export declare interface ContextMenuProps extends Omit<MenuProps, 'onClose' | 'o
      *
      * Example:
      * ```jsx
-     * <ContextMenu onClose={(e) => console.log('ContextMenu closed')} />
+     * <ContextMenu onClose={(e) => setShow(false)} />
      * ```
      */
-    onClose: (event: React_2.SyntheticEvent<HTMLElement>) => void;
+    onClose: (event: MenuCloseEvent) => void;
 }
 
 /**
@@ -3412,6 +3414,7 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
         linkRender: default_2.Requireable<any>;
         customCloseItemIds: default_2.Requireable<(string | null | undefined)[]>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
+        onClose: default_2.Requireable<(...args: any[]) => any>;
         role: default_2.Requireable<string>;
     };
     /**
@@ -3465,6 +3468,7 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
     private onItemMouseDown;
     private onItemFocus;
     private onItemClick;
+    private onPopupClose;
     private onItemBlur;
     private getInputItem;
     private setFocusedItemId;
@@ -3477,6 +3481,28 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
     private dispatchSelectEventIfWired;
 }
 
+/**
+ * The arguments for the `itemClose` event of the Menu.
+ */
+export declare interface MenuCloseEvent {
+    /**
+     * The Menu component instance.
+     */
+    target: MenuClassComponent;
+    /**
+     * The id of the item whose popup was closed. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child acquires a `0_0` id and the second acquires a `0_1` id.
+     */
+    itemId: string;
+    /**
+     * The closed item.
+     */
+    item: MenuItemModel;
+    /**
+     * The popup close event if the close was triggered by a popup closing .
+     */
+    popupCloseEvent?: PopupCloseEvent;
+}
+
 /**
  * Represent the `ref` of the Menu component.
  */
@@ -3797,9 +3823,14 @@ export declare interface MenuProps {
      */
     onSelect?: (event: MenuSelectEvent) => void;
     /**
-     * @hidden
+     * Fires when a Menu item is closed.
+     *
+     * @example
+     * ```jsx
+     * <Menu onClose={(event) => console.log('Item closed:', event.item.text)} />
+     * ```
      */
-    onClose?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onClose?: (event: MenuCloseEvent) => void;
 }
 
 /**

package/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
@@ -15,6 +15,7 @@ import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 import { Navigation } from '@progress/kendo-react-common';
 import { Offset } from '@progress/kendo-react-popup';
 import { PopupAnimation } from '@progress/kendo-react-popup';
+import { PopupCloseEvent } from '@progress/kendo-react-popup';
 import * as React_2 from 'react';
 import { RefAttributes } from 'react';
 import { SVGIcon } from '@progress/kendo-react-common';
@@ -950,6 +951,7 @@ declare interface BaseMenuItemInternalProps {
     onClick: any;
     onBlur: any;
     onOriginalItemNeeded: any;
+    onPopupClose: (itemId: string, popupCloseEvent: PopupCloseEvent) => void;
 }
 
 /**
@@ -2308,10 +2310,10 @@ export declare interface ContextMenuProps extends Omit<MenuProps, 'onClose' | 'o
      *
      * Example:
      * ```jsx
-     * <ContextMenu onClose={(e) => console.log('ContextMenu closed')} />
+     * <ContextMenu onClose={(e) => setShow(false)} />
      * ```
      */
-    onClose: (event: React_2.SyntheticEvent<HTMLElement>) => void;
+    onClose: (event: MenuCloseEvent) => void;
 }
 
 /**
@@ -3412,6 +3414,7 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
         linkRender: default_2.Requireable<any>;
         customCloseItemIds: default_2.Requireable<(string | null | undefined)[]>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
+        onClose: default_2.Requireable<(...args: any[]) => any>;
         role: default_2.Requireable<string>;
     };
     /**
@@ -3465,6 +3468,7 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
     private onItemMouseDown;
     private onItemFocus;
     private onItemClick;
+    private onPopupClose;
     private onItemBlur;
     private getInputItem;
     private setFocusedItemId;
@@ -3477,6 +3481,28 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
     private dispatchSelectEventIfWired;
 }
 
+/**
+ * The arguments for the `itemClose` event of the Menu.
+ */
+export declare interface MenuCloseEvent {
+    /**
+     * The Menu component instance.
+     */
+    target: MenuClassComponent;
+    /**
+     * The id of the item whose popup was closed. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child acquires a `0_0` id and the second acquires a `0_1` id.
+     */
+    itemId: string;
+    /**
+     * The closed item.
+     */
+    item: MenuItemModel;
+    /**
+     * The popup close event if the close was triggered by a popup closing .
+     */
+    popupCloseEvent?: PopupCloseEvent;
+}
+
 /**
  * Represent the `ref` of the Menu component.
  */
@@ -3797,9 +3823,14 @@ export declare interface MenuProps {
      */
     onSelect?: (event: MenuSelectEvent) => void;
     /**
-     * @hidden
+     * Fires when a Menu item is closed.
+     *
+     * @example
+     * ```jsx
+     * <Menu onClose={(event) => console.log('Item closed:', event.item.text)} />
+     * ```
      */
-    onClose?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onClose?: (event: MenuCloseEvent) => void;
 }
 
 /**

package/index.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/index.mjs

@@ -1,7 +1,7 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */

package/menu/components/Menu.js

@@ -1,8 +1,8 @@
 /**
  * @license
  *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),o=require("prop-types"),a=require("@progress/kendo-react-common"),i=require("../utils/itemsIdsUtils.js"),v=require("../utils/prepareInputItemsForInternalWork.js"),h=require("../utils/getNewItemIdUponKeyboardNavigation.js"),u=require("../utils/hoverDelay.js"),f=require("./MenuItemInternal.js"),b=require("../utils/DirectionHolder.js"),g=require("../utils/MouseOverHandler.js");function D(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const d=D(p),c={focusedItemId:i.EMPTY_ID,hoveredItemId:i.EMPTY_ID,tabbableItemId:i.ZERO_LEVEL_ZERO_ITEM_ID},l=class l extends d.Component{constructor(t){super(t),this.menuWrapperEl=null,this.directionHolder=new b.DirectionHolder,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(c)},this.onKeyDown=e=>{if(this.state.focusedItemId!==i.EMPTY_ID){const s=i.getItemById(this.state.focusedItemId,this.items);let r=h.getNewItemIdUponKeyboardNavigation(this.items,s.id,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());const I=i.getItemById(r,this.items);I&&I.separator&&(r=h.getNewItemIdUponKeyboardNavigation(this.items,r,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft())),s.id!==r&&(e.preventDefault(),this.setFocusedItemId(r)),(e.keyCode===a.Keys.enter||e.keyCode===a.Keys.space)&&!s.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(e,s.id),!e.isDefaultPrevented()&&s.items.length===0&&s.url&&window.location.assign(s.url))}e.keyCode===a.Keys.esc&&this.props.onClose&&this.props.onClose.call(void 0,e)},this.onItemMouseOver=e=>{this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(e),this.itemHoverRequest=null},u.getHoverOpenDelay(this.props)))},this.onItemMouseLeave=e=>{this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(i.EMPTY_ID),this.itemLeaveRequest=null},u.getHoverCloseDelay(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=e=>{this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(e,s)=>{const r=i.getItemById(s,this.items);r.disabled||(this.setFocusedItemId(s),this.mouseOverHandler.handleItemClick(s,this.isItemWithDefaultClose(s)),this.dispatchSelectEventIfWired(e,s),!e.isDefaultPrevented()&&r.url&&window.location.assign(r.url))},this.onItemBlur=(e,s)=>{if(this.isItemWithDefaultClose(e)&&this.setFocusedItemId(i.EMPTY_ID),s.relatedTarget&&s.relatedTarget.nodeName==="LI"){const r=s.relatedTarget.getAttribute("id");if(r&&r.includes(this.menuItemId))return}this.props.onClose&&this.props.onClose.call(void 0,s)},this.getInputItem=e=>i.getItemById(e,this.inputItems),this.mouseOverHandler=new g.MouseOverHandler(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},c,{isFirstRender:!0})}get menuItemId(){return this.props.id}get element(){return this.menuWrapperEl}get animate(){return this.props.animate!==void 0?this.props.animate:l.defaultProps.animate}render(){this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());const t=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?i.getDirectParentId(this.state.focusedItemId):i.EMPTY_ID;return d.createElement("div",{id:this.props.id,onKeyDown:this.onKeyDown,style:this.props.style,className:this.directionHolder.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:e=>{this.menuWrapperEl=e}},d.createElement(f.MenuItemInternalsList,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,animate:this.animate,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:t,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.menuItemId,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem,role:this.props.role}))}componentDidMount(){this.setState({isFirstRender:!1})}componentDidUpdate(t){(!!t.vertical!=!!this.props.vertical||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick}componentWillUnmount(){this.clearItemHoverAndLeaveRequestsIfApplicable()}setFocusedItemId(t){this.setState(e=>{const s=t===i.EMPTY_ID?e.tabbableItemId:i.getRootParentId(t);return{hoveredItemId:t===i.EMPTY_ID||i.isIdEmptyOrZeroLevel(e.hoveredItemId)&&i.isIdEmptyOrZeroLevel(t)?e.hoveredItemId:i.EMPTY_ID,focusedItemId:t,tabbableItemId:s}})}setHoveredItemId(t){this.setState(e=>i.isIdEmptyOrZeroLevel(t)&&i.isIdEmptyOrZeroLevel(e.focusedItemId)?{hoveredItemId:t,focusedItemId:e.focusedItemId,tabbableItemId:e.tabbableItemId}:{hoveredItemId:t,focusedItemId:i.EMPTY_ID,tabbableItemId:i.ZERO_LEVEL_ZERO_ITEM_ID})}getMenuClassName(){return a.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical},this.props.className)}clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)}isItemWithDefaultClose(t){return!this.props.customCloseItemIds||this.props.customCloseItemIds.indexOf(t)===-1}checkIsDirectionRightToLeft(){return!!(this.props.dir!==void 0?this.props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl")}prepareItems(){const{items:t,inputItems:e}=v.prepareInputItemsForInternalWork(this.props.items,this.props.children);this.items=t,this.inputItems=e}dispatchSelectEventIfWired(t,e){a.dispatchEvent(this.props.onSelect,t,this,{item:this.getInputItem(e),itemId:e})}};l.propTypes={vertical:o.bool,items:o.arrayOf(o.object),style:o.object,animate:o.oneOfType([o.bool,o.shape({openDuration:o.number,closeDuration:o.number})]),dir:o.string,hoverOpenDelay:o.number,hoverCloseDelay:o.number,openOnClick:o.bool,itemRender:o.any,linkRender:o.any,customCloseItemIds:o.arrayOf(o.string),onSelect:o.func,role:o.string},l.defaultProps={vertical:!1,animate:!0};let m=l;exports.Menu=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),o=require("prop-types"),a=require("@progress/kendo-react-common"),i=require("../utils/itemsIdsUtils.js"),f=require("../utils/prepareInputItemsForInternalWork.js"),h=require("../utils/getNewItemIdUponKeyboardNavigation.js"),u=require("../utils/hoverDelay.js"),g=require("./MenuItemInternal.js"),b=require("../utils/DirectionHolder.js"),D=require("../utils/MouseOverHandler.js");function y(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return s.default=n,Object.freeze(s)}const d=y(v),c={focusedItemId:i.EMPTY_ID,hoveredItemId:i.EMPTY_ID,tabbableItemId:i.ZERO_LEVEL_ZERO_ITEM_ID},l=class l extends d.Component{constructor(s){super(s),this.menuWrapperEl=null,this.directionHolder=new b.DirectionHolder,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(c)},this.onKeyDown=e=>{if(this.state.focusedItemId!==i.EMPTY_ID){const t=i.getItemById(this.state.focusedItemId,this.items);let r=h.getNewItemIdUponKeyboardNavigation(this.items,t.id,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());const I=i.getItemById(r,this.items);if(I&&I.separator&&(r=h.getNewItemIdUponKeyboardNavigation(this.items,r,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft())),t.id!==r&&(e.preventDefault(),this.setFocusedItemId(r)),(e.keyCode===a.Keys.enter||e.keyCode===a.Keys.space)&&!t.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(e,t.id),!e.isDefaultPrevented()&&t.items.length===0&&t.url&&window.location.assign(t.url)),e.keyCode===a.Keys.esc&&i.isIdZeroLevel(t.id)&&this.props.onClose){const p=this.getInputItem(t.id);this.props.onClose({target:this,item:p,itemId:t.id})}}},this.onItemMouseOver=e=>{this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(e),this.itemHoverRequest=null},u.getHoverOpenDelay(this.props)))},this.onItemMouseLeave=e=>{this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(i.EMPTY_ID),this.itemLeaveRequest=null},u.getHoverCloseDelay(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=e=>{this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(e,t)=>{const r=i.getItemById(t,this.items);r.disabled||(this.setFocusedItemId(t),this.mouseOverHandler.handleItemClick(t,this.isItemWithDefaultClose(t)),this.dispatchSelectEventIfWired(e,t),!e.isDefaultPrevented()&&r.url&&window.location.assign(r.url))},this.onPopupClose=(e,t)=>{this.props.onClose&&this.props.onClose({target:this,item:this.getInputItem(e),itemId:e,popupCloseEvent:t})},this.onItemBlur=(e,t)=>{if(this.isItemWithDefaultClose(e)&&this.setFocusedItemId(i.EMPTY_ID),t.relatedTarget&&t.relatedTarget.nodeName==="LI"){const r=t.relatedTarget.getAttribute("id");if(r&&r.includes(this.menuItemId))return}if(i.isIdZeroLevel(e)&&this.props.onClose){const r=this.getInputItem(e);this.props.onClose({target:this,item:r,itemId:e})}},this.getInputItem=e=>i.getItemById(e,this.inputItems),this.mouseOverHandler=new D.MouseOverHandler(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},c,{isFirstRender:!0})}get menuItemId(){return this.props.id}get element(){return this.menuWrapperEl}get animate(){return this.props.animate!==void 0?this.props.animate:l.defaultProps.animate}render(){this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());const s=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?i.getDirectParentId(this.state.focusedItemId):i.EMPTY_ID;return d.createElement("div",{id:this.props.id,onKeyDown:this.onKeyDown,style:this.props.style,className:this.directionHolder.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:e=>{this.menuWrapperEl=e}},d.createElement(g.MenuItemInternalsList,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,animate:this.animate,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:s,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.menuItemId,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem,onPopupClose:this.onPopupClose,role:this.props.role}))}componentDidMount(){this.setState({isFirstRender:!1})}componentDidUpdate(s){(!!s.vertical!=!!this.props.vertical||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick}componentWillUnmount(){this.clearItemHoverAndLeaveRequestsIfApplicable()}setFocusedItemId(s){this.setState(e=>{const t=s===i.EMPTY_ID?e.tabbableItemId:i.getRootParentId(s);return{hoveredItemId:s===i.EMPTY_ID||i.isIdEmptyOrZeroLevel(e.hoveredItemId)&&i.isIdEmptyOrZeroLevel(s)?e.hoveredItemId:i.EMPTY_ID,focusedItemId:s,tabbableItemId:t}})}setHoveredItemId(s){this.setState(e=>i.isIdEmptyOrZeroLevel(s)&&i.isIdEmptyOrZeroLevel(e.focusedItemId)?{hoveredItemId:s,focusedItemId:e.focusedItemId,tabbableItemId:e.tabbableItemId}:{hoveredItemId:s,focusedItemId:i.EMPTY_ID,tabbableItemId:i.ZERO_LEVEL_ZERO_ITEM_ID})}getMenuClassName(){return a.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical},this.props.className)}clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)}isItemWithDefaultClose(s){return!this.props.customCloseItemIds||this.props.customCloseItemIds.indexOf(s)===-1}checkIsDirectionRightToLeft(){return!!(this.props.dir!==void 0?this.props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl")}prepareItems(){const{items:s,inputItems:e}=f.prepareInputItemsForInternalWork(this.props.items,this.props.children);this.items=s,this.inputItems=e}dispatchSelectEventIfWired(s,e){a.dispatchEvent(this.props.onSelect,s,this,{item:this.getInputItem(e),itemId:e})}};l.propTypes={vertical:o.bool,items:o.arrayOf(o.object),style:o.object,animate:o.oneOfType([o.bool,o.shape({openDuration:o.number,closeDuration:o.number})]),dir:o.string,hoverOpenDelay:o.number,hoverCloseDelay:o.number,openOnClick:o.bool,itemRender:o.any,linkRender:o.any,customCloseItemIds:o.arrayOf(o.string),onSelect:o.func,onClose:o.func,role:o.string},l.defaultProps={vertical:!1,animate:!0};let m=l;exports.Menu=m;