@progress/kendo-react-layout 9.4.0-develop.9 → 9.4.1-develop.1

package/index.d.mts

@@ -3199,6 +3199,16 @@ export declare interface RenderPanelBarItem {
  */
 export declare const rightArrowName = "caret-alt-right";
 
+/**
+ * Represents the values of the scrollButtons property of the TabStrip.
+ */
+declare type ScrollButtons = 'auto' | 'visible' | 'hidden';
+
+/**
+ * Represents the values of the scrollButtonsPosition property of the TabStrip.
+ */
+declare type ScrollButtonsPosition = 'split' | 'start' | 'end' | 'around' | 'before' | 'after';
+
 /**
  * Sort the events list based on event date.
  */
@@ -3552,6 +3562,11 @@ export declare interface StackLayoutProps {
     align?: StackLayoutAlign;
 }
 
+/**
+ * @hidden
+ */
+declare type StateScrollPosition = 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
+
 /**
  * Represents the [KendoReact Step component]({% slug overview_stepper %}).
  *
@@ -3831,11 +3846,12 @@ export declare interface StepProps {
 /** @hidden */
 export declare const TabStrip: ForwardRefExoticComponent<TabStripProps & RefAttributes<any>>;
 
-export declare class TabStripClassComponent extends React_2.Component<TabStripProps, {}> {
+export declare class TabStripClassComponent extends React_2.Component<TabStripProps, TabStripStateProps, {}> {
     /**
      * @hidden
      */
     static propTypes: {
+        id: default_2.Requireable<string>;
         animation: default_2.Requireable<boolean>;
         children: default_2.Requireable<default_2.ReactNodeLike>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
@@ -3847,6 +3863,10 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabIndex: default_2.Requireable<number>;
         className: default_2.Requireable<string>;
         dir: default_2.Requireable<string>;
+        renderAllContent: default_2.Requireable<boolean>;
+        size: default_2.Requireable<string | null>;
+        scrollButtons: default_2.Requireable<string>;
+        scrollButtonsPosition: default_2.Requireable<string>;
     };
     /**
      * @hidden
@@ -3857,11 +3877,15 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabAlignment: string;
         keepTabsMounted: boolean;
         buttonScrollSpeed: number;
-        scrollButtonsPosition: string;
         mouseScrollSpeed: number;
+        scrollButtons: string;
+        scrollButtonsPosition: string;
+        size: string;
         renderAllContent: boolean;
     };
     private tabStripRef;
+    private itemsNavRef;
+    private resizeObserver?;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
@@ -3871,6 +3895,15 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     componentDidMount(): void;
     /** @hidden */
     componentWillUnmount(): void;
+    private horizontalScroll;
+    /**
+     * @hidden
+     */
+    private onScroll;
+    /**
+     * @hidden
+     */
+    private handleResize;
     /**
      * @hidden
      */
@@ -3954,7 +3987,7 @@ export declare interface TabStripContentProps {
     navItemId?: string;
 }
 
-export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, TabStripNavigationStateProps, {}> {
+export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, {}> {
     /**
      * @hidden
      */
@@ -3962,11 +3995,16 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
         children: default_2.Requireable<NonNullable<default_2.ReactElementLike | (default_2.ReactElementLike | null | undefined)[] | null | undefined>>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
         onKeyDown: default_2.Requireable<(...args: any[]) => any>;
+        onScroll: default_2.Requireable<(...args: any[]) => any>;
         selected: default_2.Requireable<number>;
         tabIndex: default_2.Requireable<number>;
+        scrollable: default_2.Requireable<boolean>;
+        size: default_2.Requireable<string>;
+        scrollButtons: default_2.Requireable<string>;
+        scrollButtonsPosition: default_2.Requireable<string>;
+        containerScrollPosition: default_2.Requireable<string | null>;
     };
     private itemsNavRef;
-    constructor(props: TabStripNavigationProps);
     /**
      * @hidden
      */
@@ -3975,6 +4013,7 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
      * @hidden
      */
     componentDidUpdate(prevProps: Readonly<TabStripNavigationProps>): void;
+    private onScroll;
     /**
      * @hidden
      */
@@ -3982,7 +4021,6 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
     private scrollToSelected;
     private horizontalScroll;
     private isRtl;
-    private onWheel;
     private arrowClickPrev;
     private arrowClickNext;
     private handleArrowClick;
@@ -4097,6 +4135,10 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     onSelect?(idx: number): void;
+    /**
+     * @hidden
+     */
+    onScroll?(): void;
     /**
      * @hidden
      */
@@ -4104,7 +4146,15 @@ export declare interface TabStripNavigationProps {
     /**
      * @hidden
      */
-    scrollButtonsPosition?: 'around' | 'before' | 'after';
+    scrollButtons?: ScrollButtons;
+    /**
+     * @hidden
+     */
+    scrollButtonsPosition?: ScrollButtonsPosition;
+    /**
+     * @hidden
+     */
+    size?: TabStripSize;
     /**
      * @hidden
      */
@@ -4137,14 +4187,14 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     renderAllContent?: boolean;
-}
-
-/**
- * @hidden
- */
-export declare interface TabStripNavigationStateProps {
-    disabledPrev: boolean;
-    disabledNext: boolean;
+    /**
+     * @hidden
+     */
+    containerScrollPosition?: 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
+    /**
+     * @hidden
+     */
+    itemsNavRef?: React_2.RefObject<HTMLUListElement>;
 }
 
 /**
@@ -4200,6 +4250,11 @@ export declare interface TabStripProps extends KendoReactComponentBaseProps, Tab
      * Specifies the CSS class names of the TabStrip component.
      */
     className?: string;
+    /**
+     * Specifies the possible sizes of the TabStrip.
+     *  * @default `medium`
+     */
+    size?: TabStripSize;
     /**
      * Defines if the tabs will remain mounted after another tab is selected. Defaults to `false`.
      */
@@ -4233,17 +4288,26 @@ export declare interface TabStripScrollableProps {
      */
     buttonScrollSpeed?: number;
     /**
-     * Sets the tab list scroll speed in pixels when scrolling via the mouse wheel. You can disable the mouse wheel scrolling by setting this prop to `0`.
+     *  **Deprecated**. The mouse scroll is implemented via CSS and the property is no longer needed.
+     *
+     * @deprecated
      *
      * @default 10
      */
     mouseScrollSpeed?: number;
+    /**
+     * Sets the visibility of the scroll buttons.
+     *
+     * @default `auto`
+     */
+    scrollButtons?: ScrollButtons;
     /**
      * Sets the scroll buttons position according to the tab list.
+     * The previous options 'around', 'before', 'after' are going to be deprecated in favor of 'split', 'start', 'end'.
      *
-     * @default `around`
+     * @default `split`
      */
-    scrollButtonsPosition?: 'around' | 'before' | 'after';
+    scrollButtonsPosition?: ScrollButtonsPosition;
     /**
      * Defines the custom component that will be rendered as a previous button.
      * To remove the button, set a function which returns null `() => null`.
@@ -4266,6 +4330,18 @@ export declare interface TabStripSelectEventArguments {
     selected: number;
 }
 
+/**
+ * Represents the values of the size property of the TabStrip.
+ */
+declare type TabStripSize = 'small' | 'medium' | 'large' | null;
+
+/**
+ * @hidden
+ */
+declare interface TabStripStateProps {
+    containerScrollPosition: StateScrollPosition;
+}
+
 export declare class TabStripTab extends React_2.Component<TabStripTabProps, {}> {
     /**
      * @hidden

package/index.d.ts

@@ -3199,6 +3199,16 @@ export declare interface RenderPanelBarItem {
  */
 export declare const rightArrowName = "caret-alt-right";
 
+/**
+ * Represents the values of the scrollButtons property of the TabStrip.
+ */
+declare type ScrollButtons = 'auto' | 'visible' | 'hidden';
+
+/**
+ * Represents the values of the scrollButtonsPosition property of the TabStrip.
+ */
+declare type ScrollButtonsPosition = 'split' | 'start' | 'end' | 'around' | 'before' | 'after';
+
 /**
  * Sort the events list based on event date.
  */
@@ -3552,6 +3562,11 @@ export declare interface StackLayoutProps {
     align?: StackLayoutAlign;
 }
 
+/**
+ * @hidden
+ */
+declare type StateScrollPosition = 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
+
 /**
  * Represents the [KendoReact Step component]({% slug overview_stepper %}).
  *
@@ -3831,11 +3846,12 @@ export declare interface StepProps {
 /** @hidden */
 export declare const TabStrip: ForwardRefExoticComponent<TabStripProps & RefAttributes<any>>;
 
-export declare class TabStripClassComponent extends React_2.Component<TabStripProps, {}> {
+export declare class TabStripClassComponent extends React_2.Component<TabStripProps, TabStripStateProps, {}> {
     /**
      * @hidden
      */
     static propTypes: {
+        id: default_2.Requireable<string>;
         animation: default_2.Requireable<boolean>;
         children: default_2.Requireable<default_2.ReactNodeLike>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
@@ -3847,6 +3863,10 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabIndex: default_2.Requireable<number>;
         className: default_2.Requireable<string>;
         dir: default_2.Requireable<string>;
+        renderAllContent: default_2.Requireable<boolean>;
+        size: default_2.Requireable<string | null>;
+        scrollButtons: default_2.Requireable<string>;
+        scrollButtonsPosition: default_2.Requireable<string>;
     };
     /**
      * @hidden
@@ -3857,11 +3877,15 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabAlignment: string;
         keepTabsMounted: boolean;
         buttonScrollSpeed: number;
-        scrollButtonsPosition: string;
         mouseScrollSpeed: number;
+        scrollButtons: string;
+        scrollButtonsPosition: string;
+        size: string;
         renderAllContent: boolean;
     };
     private tabStripRef;
+    private itemsNavRef;
+    private resizeObserver?;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
@@ -3871,6 +3895,15 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     componentDidMount(): void;
     /** @hidden */
     componentWillUnmount(): void;
+    private horizontalScroll;
+    /**
+     * @hidden
+     */
+    private onScroll;
+    /**
+     * @hidden
+     */
+    private handleResize;
     /**
      * @hidden
      */
@@ -3954,7 +3987,7 @@ export declare interface TabStripContentProps {
     navItemId?: string;
 }
 
-export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, TabStripNavigationStateProps, {}> {
+export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, {}> {
     /**
      * @hidden
      */
@@ -3962,11 +3995,16 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
         children: default_2.Requireable<NonNullable<default_2.ReactElementLike | (default_2.ReactElementLike | null | undefined)[] | null | undefined>>;
         onSelect: default_2.Requireable<(...args: any[]) => any>;
         onKeyDown: default_2.Requireable<(...args: any[]) => any>;
+        onScroll: default_2.Requireable<(...args: any[]) => any>;
         selected: default_2.Requireable<number>;
         tabIndex: default_2.Requireable<number>;
+        scrollable: default_2.Requireable<boolean>;
+        size: default_2.Requireable<string>;
+        scrollButtons: default_2.Requireable<string>;
+        scrollButtonsPosition: default_2.Requireable<string>;
+        containerScrollPosition: default_2.Requireable<string | null>;
     };
     private itemsNavRef;
-    constructor(props: TabStripNavigationProps);
     /**
      * @hidden
      */
@@ -3975,6 +4013,7 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
      * @hidden
      */
     componentDidUpdate(prevProps: Readonly<TabStripNavigationProps>): void;
+    private onScroll;
     /**
      * @hidden
      */
@@ -3982,7 +4021,6 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
     private scrollToSelected;
     private horizontalScroll;
     private isRtl;
-    private onWheel;
     private arrowClickPrev;
     private arrowClickNext;
     private handleArrowClick;
@@ -4097,6 +4135,10 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     onSelect?(idx: number): void;
+    /**
+     * @hidden
+     */
+    onScroll?(): void;
     /**
      * @hidden
      */
@@ -4104,7 +4146,15 @@ export declare interface TabStripNavigationProps {
     /**
      * @hidden
      */
-    scrollButtonsPosition?: 'around' | 'before' | 'after';
+    scrollButtons?: ScrollButtons;
+    /**
+     * @hidden
+     */
+    scrollButtonsPosition?: ScrollButtonsPosition;
+    /**
+     * @hidden
+     */
+    size?: TabStripSize;
     /**
      * @hidden
      */
@@ -4137,14 +4187,14 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     renderAllContent?: boolean;
-}
-
-/**
- * @hidden
- */
-export declare interface TabStripNavigationStateProps {
-    disabledPrev: boolean;
-    disabledNext: boolean;
+    /**
+     * @hidden
+     */
+    containerScrollPosition?: 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
+    /**
+     * @hidden
+     */
+    itemsNavRef?: React_2.RefObject<HTMLUListElement>;
 }
 
 /**
@@ -4200,6 +4250,11 @@ export declare interface TabStripProps extends KendoReactComponentBaseProps, Tab
      * Specifies the CSS class names of the TabStrip component.
      */
     className?: string;
+    /**
+     * Specifies the possible sizes of the TabStrip.
+     *  * @default `medium`
+     */
+    size?: TabStripSize;
     /**
      * Defines if the tabs will remain mounted after another tab is selected. Defaults to `false`.
      */
@@ -4233,17 +4288,26 @@ export declare interface TabStripScrollableProps {
      */
     buttonScrollSpeed?: number;
     /**
-     * Sets the tab list scroll speed in pixels when scrolling via the mouse wheel. You can disable the mouse wheel scrolling by setting this prop to `0`.
+     *  **Deprecated**. The mouse scroll is implemented via CSS and the property is no longer needed.
+     *
+     * @deprecated
      *
      * @default 10
      */
     mouseScrollSpeed?: number;
+    /**
+     * Sets the visibility of the scroll buttons.
+     *
+     * @default `auto`
+     */
+    scrollButtons?: ScrollButtons;
     /**
      * Sets the scroll buttons position according to the tab list.
+     * The previous options 'around', 'before', 'after' are going to be deprecated in favor of 'split', 'start', 'end'.
      *
-     * @default `around`
+     * @default `split`
      */
-    scrollButtonsPosition?: 'around' | 'before' | 'after';
+    scrollButtonsPosition?: ScrollButtonsPosition;
     /**
      * Defines the custom component that will be rendered as a previous button.
      * To remove the button, set a function which returns null `() => null`.
@@ -4266,6 +4330,18 @@ export declare interface TabStripSelectEventArguments {
     selected: number;
 }
 
+/**
+ * Represents the values of the size property of the TabStrip.
+ */
+declare type TabStripSize = 'small' | 'medium' | 'large' | null;
+
+/**
+ * @hidden
+ */
+declare interface TabStripStateProps {
+    containerScrollPosition: StateScrollPosition;
+}
+
 export declare class TabStripTab extends React_2.Component<TabStripTabProps, {}> {
     /**
      * @hidden

package/menu/components/Menu.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),r=require("prop-types"),n=require("@progress/kendo-react-common"),i=require("../utils/itemsIdsUtils.js"),c=require("../utils/prepareInputItemsForInternalWork.js"),p=require("../utils/getNewItemIdUponKeyboardNavigation.js"),m=require("../utils/hoverDelay.js"),v=require("./MenuItemInternal.js"),f=require("../utils/DirectionHolder.js"),b=require("../utils/MouseOverHandler.js"),g=require("../../package-metadata.js");function D(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const d=D(u),h={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 f.DirectionHolder,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(h)},this.onKeyDown=e=>{if(this.state.focusedItemId!==i.EMPTY_ID){const s=i.getItemById(this.state.focusedItemId,this.items),o=p.getNewItemIdUponKeyboardNavigation(this.items,s.id,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());s.id!==o&&(e.preventDefault(),this.setFocusedItemId(o)),(e.keyCode===n.Keys.enter||e.keyCode===n.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===n.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},m.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},m.getHoverCloseDelay(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=e=>{this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(e,s)=>{const o=i.getItemById(s,this.items);o.disabled||(this.setFocusedItemId(s),this.mouseOverHandler.handleItemClick(s,this.isItemWithDefaultClose(s)),this.dispatchSelectEventIfWired(e,s),!e.isDefaultPrevented()&&o.url&&window.location.assign(o.url))},this.onItemBlur=(e,s)=>{if(this.isItemWithDefaultClose(e)&&this.setFocusedItemId(i.EMPTY_ID),s.relatedTarget&&s.relatedTarget.nodeName==="LI"){const o=s.relatedTarget.getAttribute("id");if(o&&o.includes(this.menuItemId))return}this.props.onClose&&this.props.onClose.call(void 0,s)},this.getInputItem=e=>i.getItemById(e,this.inputItems),n.validatePackage(g.packageMetadata),this.mouseOverHandler=new b.MouseOverHandler(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},h,{isFirstRender:!0})}get menuItemId(){return this.props.id}get element(){return this.menuWrapperEl}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(v.MenuItemInternalsList,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,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 n.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}=c.prepareInputItemsForInternalWork(this.props.items,this.props.children);this.items=t,this.inputItems=e}dispatchSelectEventIfWired(t,e){n.dispatchEvent(this.props.onSelect,t,this,{item:this.getInputItem(e),itemId:e})}};l.propTypes={vertical:r.bool,items:r.arrayOf(r.object),style:r.object,dir:r.string,hoverOpenDelay:r.number,hoverCloseDelay:r.number,openOnClick:r.bool,itemRender:r.any,linkRender:r.any,customCloseItemIds:r.arrayOf(r.string),onSelect:r.func,role:r.string},l.defaultProps={vertical:!1};let I=l;exports.Menu=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),r=require("prop-types"),n=require("@progress/kendo-react-common"),i=require("../utils/itemsIdsUtils.js"),v=require("../utils/prepareInputItemsForInternalWork.js"),h=require("../utils/getNewItemIdUponKeyboardNavigation.js"),c=require("../utils/hoverDelay.js"),f=require("./MenuItemInternal.js"),g=require("../utils/DirectionHolder.js"),b=require("../utils/MouseOverHandler.js"),D=require("../../package-metadata.js");function y(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const d=y(p),u={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 g.DirectionHolder,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(u)},this.onKeyDown=e=>{if(this.state.focusedItemId!==i.EMPTY_ID){const s=i.getItemById(this.state.focusedItemId,this.items);let o=h.getNewItemIdUponKeyboardNavigation(this.items,s.id,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());const m=i.getItemById(o,this.items);m&&m.separator&&(o=h.getNewItemIdUponKeyboardNavigation(this.items,o,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft())),s.id!==o&&(e.preventDefault(),this.setFocusedItemId(o)),(e.keyCode===n.Keys.enter||e.keyCode===n.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===n.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},c.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},c.getHoverCloseDelay(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=e=>{this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(e,s)=>{const o=i.getItemById(s,this.items);o.disabled||(this.setFocusedItemId(s),this.mouseOverHandler.handleItemClick(s,this.isItemWithDefaultClose(s)),this.dispatchSelectEventIfWired(e,s),!e.isDefaultPrevented()&&o.url&&window.location.assign(o.url))},this.onItemBlur=(e,s)=>{if(this.isItemWithDefaultClose(e)&&this.setFocusedItemId(i.EMPTY_ID),s.relatedTarget&&s.relatedTarget.nodeName==="LI"){const o=s.relatedTarget.getAttribute("id");if(o&&o.includes(this.menuItemId))return}this.props.onClose&&this.props.onClose.call(void 0,s)},this.getInputItem=e=>i.getItemById(e,this.inputItems),n.validatePackage(D.packageMetadata),this.mouseOverHandler=new b.MouseOverHandler(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},u,{isFirstRender:!0})}get menuItemId(){return this.props.id}get element(){return this.menuWrapperEl}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,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 n.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){n.dispatchEvent(this.props.onSelect,t,this,{item:this.getInputItem(e),itemId:e})}};l.propTypes={vertical:r.bool,items:r.arrayOf(r.object),style:r.object,dir:r.string,hoverOpenDelay:r.number,hoverCloseDelay:r.number,openOnClick:r.bool,itemRender:r.any,linkRender:r.any,customCloseItemIds:r.arrayOf(r.string),onSelect:r.func,role:r.string},l.defaultProps={vertical:!1};let I=l;exports.Menu=I;