@progress/kendo-react-layout 14.4.1-develop.9 → 14.5.0-develop.1

package/drawer/Drawer.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerProps } from './interfaces/DrawerProps.js';
+import { DrawerProps } from './interfaces/DrawerProps';
 import * as React from 'react';
 /**
  * The Drawer ref.

package/drawer/DrawerContent.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerContentProps } from './interfaces/DrawerContentProps.js';
+import { DrawerContentProps } from './interfaces/DrawerContentProps';
 import * as React from 'react';
 /**
  * The DrawerContent ref.

package/drawer/DrawerItem.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerItemHandle } from './interfaces/DrawerItemHandle.js';
-import { DrawerItemProps } from './interfaces/DrawerItemProps.js';
+import { DrawerItemHandle } from './interfaces/DrawerItemHandle';
+import { DrawerItemProps } from './interfaces/DrawerItemProps';
 import * as React from 'react';
 /**
  * Represents the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).

package/drawer/DrawerNavigation.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerNavigationProps } from './interfaces/DrawerNavigationProps.js';
+import { DrawerNavigationProps } from './interfaces/DrawerNavigationProps';
 import * as React from 'react';
 /**
  * @hidden

package/drawer/context/DrawerContext.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerAnimation } from '../interfaces/DrawerAnimation.js';
-import { DrawerItemProps } from '../interfaces/DrawerItemProps.js';
+import { DrawerAnimation } from '../interfaces/DrawerAnimation';
+import { DrawerItemProps } from '../interfaces/DrawerItemProps';
 import * as React from 'react';
 /** @hidden */
 export type DrawerContextType = {

package/drawer/interfaces/DrawerProps.d.ts

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DrawerSelectEvent } from './DrawerSelectEvent.js';
-import { DrawerAnimation } from '../interfaces/DrawerAnimation.js';
-import { DrawerItemProps } from './DrawerItemProps.js';
+import { DrawerSelectEvent } from './DrawerSelectEvent';
+import { DrawerAnimation } from '../interfaces/DrawerAnimation';
+import { DrawerItemProps } from './DrawerItemProps';
 import * as React from 'react';
 /**
  * The properties of the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).

package/expansionpanel/ExpansionPanel.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces.js';
+import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces';
 import * as React from 'react';
 /**
  * Represents the [KendoReact ExpansionPanel component](https://www.telerik.com/kendo-react-ui/components/layout/expansionpanel).

package/expansionpanel/index.d.ts

@@ -7,4 +7,4 @@
  */
 export * from './ExpansionPanel.js';
 export * from './ExpansionPanelContent.js';
-export * from './interfaces.js';
+export * from './interfaces';

package/gridlayout/GridLayout.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { GridLayoutProps } from './interfaces/GridLayoutProps.js';
+import { GridLayoutProps } from './interfaces/GridLayoutProps';
 import * as React from 'react';
 /**
  * Represents the Object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom)

package/gridlayout/GridLayoutItem.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { GridLayoutItemProps } from './interfaces/GridLayoutItemProps.js';
+import { GridLayoutItemProps } from './interfaces/GridLayoutItemProps';
 import * as React from 'react';
 /**
  * Represents the Object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom)

package/gridlayout/interfaces/GridLayoutProps.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { GridLayoutColumnProps } from './GridLayoutColumnProps.js';
-import { GridLayoutRowProps } from './GridLayoutRowProps.js';
+import { GridLayoutColumnProps } from './GridLayoutColumnProps';
+import { GridLayoutRowProps } from './GridLayoutRowProps';
 import * as React from 'react';
 /**
  * Represents the props of the [KendoReact GridLayout component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).

package/index.d.mts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Menu as MenuClassComponent, MenuState, MenuHandle } from './menu/components/Menu.js';
-import { MenuProps } from './menu/MenuProps.js';
+import { MenuProps } from './menu/MenuProps';
 import { TabStrip as TabStripClassComponent, TabStripScrollableProps, TabStripSelectEventArguments, TabStripProps } from './tabstrip/TabStrip.js';
 import { MenuItemInternalsList } from './menu/components/MenuItemInternal.js';
 import { downArrowName, leftArrowName, rightArrowName } from './menu/components/MenuItemArrow.js';
@@ -23,16 +23,16 @@ export * from './tabstrip/TabStripTab.js';
 export * from './panelbar/PanelBar.js';
 export * from './panelbar/PanelBarItem.js';
 export * from './panelbar/util.js';
-export * from './panelbar/interfaces/PanelBarProps.js';
-export * from './panelbar/interfaces/PanelBarItemProps.js';
-export * from './panelbar/interfaces/RenderPanelBarItem.js';
-export * from './panelbar/interfaces/PanelBarSelectEventArguments.js';
-export * from './panelbar/interfaces/PanelBarItemHandle.js';
+export * from './panelbar/interfaces/PanelBarProps';
+export * from './panelbar/interfaces/PanelBarItemProps';
+export * from './panelbar/interfaces/RenderPanelBarItem';
+export * from './panelbar/interfaces/PanelBarSelectEventArguments';
+export * from './panelbar/interfaces/PanelBarItemHandle';
 export * from './menu/components/MenuItemLink.js';
 export * from './menu/components/MenuItem.js';
 export * from './menu/components/MenuItemArrow.js';
-export * from './menu/models/MenuItemModel.js';
-export * from './menu/events.js';
+export * from './menu/models/MenuItemModel';
+export * from './menu/events';
 export * from './splitter/Splitter.js';
 export * from './splitter/SplitterPane.js';
 export * from './card/Card.js';
@@ -43,54 +43,54 @@ export * from './card/CardActions.js';
 export * from './card/CardImage.js';
 export * from './card/CardSubtitle.js';
 export * from './card/CardFooter.js';
-export * from './card/interfaces/CardProps.js';
-export * from './card/interfaces/CardHandle.js';
-export * from './card/interfaces/AvatarProps.js';
-export * from './card/interfaces/CardActionsProps.js';
+export * from './card/interfaces/CardProps';
+export * from './card/interfaces/CardHandle';
+export * from './card/interfaces/AvatarProps';
+export * from './card/interfaces/CardActionsProps';
 export * from './card/interfaces/Enums.js';
 export * from './card/Avatar.js';
 export * from './drawer/Drawer.js';
-export * from './drawer/interfaces/DrawerProps.js';
+export * from './drawer/interfaces/DrawerProps';
 export * from './drawer/DrawerNavigation.js';
-export * from './drawer/interfaces/DrawerNavigationProps.js';
+export * from './drawer/interfaces/DrawerNavigationProps';
 export * from './drawer/DrawerContent.js';
-export * from './drawer/interfaces/DrawerContentProps.js';
+export * from './drawer/interfaces/DrawerContentProps';
 export * from './drawer/DrawerItem.js';
-export * from './drawer/interfaces/DrawerItemHandle.js';
-export * from './drawer/interfaces/DrawerItemProps.js';
-export * from './drawer/interfaces/DrawerSelectEvent.js';
-export * from './drawer/interfaces/DrawerAnimation.js';
+export * from './drawer/interfaces/DrawerItemHandle';
+export * from './drawer/interfaces/DrawerItemProps';
+export * from './drawer/interfaces/DrawerSelectEvent';
+export * from './drawer/interfaces/DrawerAnimation';
 export * from './stepper/Stepper.js';
-export * from './stepper/interfaces/StepperProps.js';
-export * from './stepper/interfaces/StepperHandle.js';
-export * from './stepper/interfaces/StepperChangeEvent.js';
-export * from './stepper/interfaces/StepperFocusEvent.js';
+export * from './stepper/interfaces/StepperProps';
+export * from './stepper/interfaces/StepperHandle';
+export * from './stepper/interfaces/StepperChangeEvent';
+export * from './stepper/interfaces/StepperFocusEvent';
 export * from './stepper/Step.js';
-export * from './stepper/interfaces/StepProps.js';
-export * from './stepper/interfaces/StepHandle.js';
-export * from './stepper/interfaces/StepChangeEvent.js';
-export * from './stepper/interfaces/StepFocusEvent.js';
+export * from './stepper/interfaces/StepProps';
+export * from './stepper/interfaces/StepHandle';
+export * from './stepper/interfaces/StepChangeEvent';
+export * from './stepper/interfaces/StepFocusEvent';
 export * from './appbar/AppBar.js';
-export * from './appbar/interfaces/AppBarProps.js';
+export * from './appbar/interfaces/AppBarProps';
 export * from './appbar/AppBarSection.js';
-export * from './appbar/interfaces/AppBarSectionProps.js';
+export * from './appbar/interfaces/AppBarSectionProps';
 export * from './appbar/AppBarSpacer.js';
-export * from './appbar/interfaces/AppBarSpacerProps.js';
+export * from './appbar/interfaces/AppBarSpacerProps';
 export * from './tilelayout/TileLayout.js';
 export * from './tilelayout/interfaces//index.js';
 export * from './bottomnavigation/BottomNavigation.js';
-export * from './bottomnavigation/BottomNavigationProps.js';
+export * from './bottomnavigation/BottomNavigationProps';
 export * from './bottomnavigation/BottomNavigationItem.js';
-export * from './bottomnavigation/BottomNavigationItemProps.js';
-export * from './bottomnavigation/models/events.js';
+export * from './bottomnavigation/BottomNavigationItemProps';
+export * from './bottomnavigation/models/events';
 export * from './stacklayout/StackLayout.js';
-export * from './stacklayout/StackLayoutProps.js';
+export * from './stacklayout/StackLayoutProps';
 export * from './gridlayout/GridLayout.js';
 export * from './gridlayout/GridLayoutItem.js';
-export * from './gridlayout/interfaces/GridLayoutProps.js';
-export * from './gridlayout/interfaces/GridLayoutItemProps.js';
-export * from './gridlayout/interfaces/GridLayoutRowProps.js';
-export * from './gridlayout/interfaces/GridLayoutColumnProps.js';
+export * from './gridlayout/interfaces/GridLayoutProps';
+export * from './gridlayout/interfaces/GridLayoutItemProps';
+export * from './gridlayout/interfaces/GridLayoutRowProps';
+export * from './gridlayout/interfaces/GridLayoutColumnProps';
 export * from './breadcrumb/Breadcrumb.js';
 export * from './breadcrumb/BreadcrumbOrderedList.js';
 export * from './breadcrumb/BreadcrumbListItem.js';
@@ -98,7 +98,7 @@ export * from './breadcrumb/BreadcrumbDelimiter.js';
 export * from './breadcrumb/BreadcrumbLink.js';
 export * from './actionsheet/ActionSheet.js';
 export * from './actionsheet/ActionSheetItem.js';
-export * from './actionsheet/interfaces/ActionSheetItemProps.js';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
 export * from './actionsheet/ActionSheetView.js';
 export * from './actionsheet/ActionSheetHeader.js';
 export * from './actionsheet/ActionSheetContent.js';

package/index.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Menu as MenuClassComponent, MenuState, MenuHandle } from './menu/components/Menu.js';
-import { MenuProps } from './menu/MenuProps.js';
+import { MenuProps } from './menu/MenuProps';
 import { TabStrip as TabStripClassComponent, TabStripScrollableProps, TabStripSelectEventArguments, TabStripProps } from './tabstrip/TabStrip.js';
 import { MenuItemInternalsList } from './menu/components/MenuItemInternal.js';
 import { downArrowName, leftArrowName, rightArrowName } from './menu/components/MenuItemArrow.js';
@@ -23,16 +23,16 @@ export * from './tabstrip/TabStripTab.js';
 export * from './panelbar/PanelBar.js';
 export * from './panelbar/PanelBarItem.js';
 export * from './panelbar/util.js';
-export * from './panelbar/interfaces/PanelBarProps.js';
-export * from './panelbar/interfaces/PanelBarItemProps.js';
-export * from './panelbar/interfaces/RenderPanelBarItem.js';
-export * from './panelbar/interfaces/PanelBarSelectEventArguments.js';
-export * from './panelbar/interfaces/PanelBarItemHandle.js';
+export * from './panelbar/interfaces/PanelBarProps';
+export * from './panelbar/interfaces/PanelBarItemProps';
+export * from './panelbar/interfaces/RenderPanelBarItem';
+export * from './panelbar/interfaces/PanelBarSelectEventArguments';
+export * from './panelbar/interfaces/PanelBarItemHandle';
 export * from './menu/components/MenuItemLink.js';
 export * from './menu/components/MenuItem.js';
 export * from './menu/components/MenuItemArrow.js';
-export * from './menu/models/MenuItemModel.js';
-export * from './menu/events.js';
+export * from './menu/models/MenuItemModel';
+export * from './menu/events';
 export * from './splitter/Splitter.js';
 export * from './splitter/SplitterPane.js';
 export * from './card/Card.js';
@@ -43,54 +43,54 @@ export * from './card/CardActions.js';
 export * from './card/CardImage.js';
 export * from './card/CardSubtitle.js';
 export * from './card/CardFooter.js';
-export * from './card/interfaces/CardProps.js';
-export * from './card/interfaces/CardHandle.js';
-export * from './card/interfaces/AvatarProps.js';
-export * from './card/interfaces/CardActionsProps.js';
+export * from './card/interfaces/CardProps';
+export * from './card/interfaces/CardHandle';
+export * from './card/interfaces/AvatarProps';
+export * from './card/interfaces/CardActionsProps';
 export * from './card/interfaces/Enums.js';
 export * from './card/Avatar.js';
 export * from './drawer/Drawer.js';
-export * from './drawer/interfaces/DrawerProps.js';
+export * from './drawer/interfaces/DrawerProps';
 export * from './drawer/DrawerNavigation.js';
-export * from './drawer/interfaces/DrawerNavigationProps.js';
+export * from './drawer/interfaces/DrawerNavigationProps';
 export * from './drawer/DrawerContent.js';
-export * from './drawer/interfaces/DrawerContentProps.js';
+export * from './drawer/interfaces/DrawerContentProps';
 export * from './drawer/DrawerItem.js';
-export * from './drawer/interfaces/DrawerItemHandle.js';
-export * from './drawer/interfaces/DrawerItemProps.js';
-export * from './drawer/interfaces/DrawerSelectEvent.js';
-export * from './drawer/interfaces/DrawerAnimation.js';
+export * from './drawer/interfaces/DrawerItemHandle';
+export * from './drawer/interfaces/DrawerItemProps';
+export * from './drawer/interfaces/DrawerSelectEvent';
+export * from './drawer/interfaces/DrawerAnimation';
 export * from './stepper/Stepper.js';
-export * from './stepper/interfaces/StepperProps.js';
-export * from './stepper/interfaces/StepperHandle.js';
-export * from './stepper/interfaces/StepperChangeEvent.js';
-export * from './stepper/interfaces/StepperFocusEvent.js';
+export * from './stepper/interfaces/StepperProps';
+export * from './stepper/interfaces/StepperHandle';
+export * from './stepper/interfaces/StepperChangeEvent';
+export * from './stepper/interfaces/StepperFocusEvent';
 export * from './stepper/Step.js';
-export * from './stepper/interfaces/StepProps.js';
-export * from './stepper/interfaces/StepHandle.js';
-export * from './stepper/interfaces/StepChangeEvent.js';
-export * from './stepper/interfaces/StepFocusEvent.js';
+export * from './stepper/interfaces/StepProps';
+export * from './stepper/interfaces/StepHandle';
+export * from './stepper/interfaces/StepChangeEvent';
+export * from './stepper/interfaces/StepFocusEvent';
 export * from './appbar/AppBar.js';
-export * from './appbar/interfaces/AppBarProps.js';
+export * from './appbar/interfaces/AppBarProps';
 export * from './appbar/AppBarSection.js';
-export * from './appbar/interfaces/AppBarSectionProps.js';
+export * from './appbar/interfaces/AppBarSectionProps';
 export * from './appbar/AppBarSpacer.js';
-export * from './appbar/interfaces/AppBarSpacerProps.js';
+export * from './appbar/interfaces/AppBarSpacerProps';
 export * from './tilelayout/TileLayout.js';
 export * from './tilelayout/interfaces//index.js';
 export * from './bottomnavigation/BottomNavigation.js';
-export * from './bottomnavigation/BottomNavigationProps.js';
+export * from './bottomnavigation/BottomNavigationProps';
 export * from './bottomnavigation/BottomNavigationItem.js';
-export * from './bottomnavigation/BottomNavigationItemProps.js';
-export * from './bottomnavigation/models/events.js';
+export * from './bottomnavigation/BottomNavigationItemProps';
+export * from './bottomnavigation/models/events';
 export * from './stacklayout/StackLayout.js';
-export * from './stacklayout/StackLayoutProps.js';
+export * from './stacklayout/StackLayoutProps';
 export * from './gridlayout/GridLayout.js';
 export * from './gridlayout/GridLayoutItem.js';
-export * from './gridlayout/interfaces/GridLayoutProps.js';
-export * from './gridlayout/interfaces/GridLayoutItemProps.js';
-export * from './gridlayout/interfaces/GridLayoutRowProps.js';
-export * from './gridlayout/interfaces/GridLayoutColumnProps.js';
+export * from './gridlayout/interfaces/GridLayoutProps';
+export * from './gridlayout/interfaces/GridLayoutItemProps';
+export * from './gridlayout/interfaces/GridLayoutRowProps';
+export * from './gridlayout/interfaces/GridLayoutColumnProps';
 export * from './breadcrumb/Breadcrumb.js';
 export * from './breadcrumb/BreadcrumbOrderedList.js';
 export * from './breadcrumb/BreadcrumbListItem.js';
@@ -98,7 +98,7 @@ export * from './breadcrumb/BreadcrumbDelimiter.js';
 export * from './breadcrumb/BreadcrumbLink.js';
 export * from './actionsheet/ActionSheet.js';
 export * from './actionsheet/ActionSheetItem.js';
-export * from './actionsheet/interfaces/ActionSheetItemProps.js';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
 export * from './actionsheet/ActionSheetView.js';
 export * from './actionsheet/ActionSheetHeader.js';
 export * from './actionsheet/ActionSheetContent.js';

package/menu/MenuProps.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { MenuItemModel } from './models/MenuItemModel.js';
-import { MenuSelectEvent, MenuCloseEvent } from './events.js';
+import { MenuItemModel } from './models/MenuItemModel';
+import { MenuSelectEvent, MenuCloseEvent } from './events';
 import { PopupAnimation } from '@progress/kendo-react-popup';
 /**
  * The properties of the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).

package/menu/components/Menu.d.ts

@@ -5,8 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
-import { MenuProps } from '../MenuProps.js';
+import { MenuProps } from '../MenuProps';
 import * as React from 'react';
 /**
  * @hidden
@@ -15,7 +14,19 @@ export interface MenuState {
     focusedItemId: string;
     hoveredItemId: string;
     tabbableItemId: string;
-    isFirstRender: boolean;
+}
+/**
+ * Represent the `ref` of the Menu component.
+ */
+export interface MenuHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * Resets the selection and opening of Menu items.
+     */
+    reset: () => void;
 }
 /**
  * Represents the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).
@@ -39,94 +50,4 @@ export interface MenuState {
  * }
  * ```
  */
-export declare class Menu extends React.Component<MenuProps, MenuState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        vertical: PropTypes.Requireable<boolean>;
-        items: PropTypes.Requireable<(object | null | undefined)[]>;
-        style: PropTypes.Requireable<object>;
-        animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-            openDuration: PropTypes.Requireable<number>;
-            closeDuration: PropTypes.Requireable<number>;
-        }> | null | undefined>>;
-        dir: PropTypes.Requireable<string>;
-        hoverOpenDelay: PropTypes.Requireable<number>;
-        hoverCloseDelay: PropTypes.Requireable<number>;
-        openOnClick: PropTypes.Requireable<boolean>;
-        itemRender: PropTypes.Requireable<any>;
-        linkRender: PropTypes.Requireable<any>;
-        customCloseItemIds: PropTypes.Requireable<(string | null | undefined)[]>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        role: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        vertical: boolean;
-        animate: boolean;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: MenuState;
-    private itemHoverRequest;
-    private itemLeaveRequest;
-    private menuWrapperEl;
-    private get menuItemId();
-    private directionHolder;
-    private inputItems;
-    private items;
-    private mouseOverHandler;
-    /**
-     * The current element or `null` if there is no one.
-     */
-    get element(): HTMLDivElement | null;
-    constructor(props: MenuProps);
-    protected get animate(): boolean;
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: MenuProps): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * Resets the selection and opening of Menu items.
-     */
-    reset: () => void;
-    private handleClickOutside;
-    private onKeyDown;
-    private onItemMouseOver;
-    private onItemMouseLeave;
-    private onItemFocus;
-    private onItemClick;
-    private onPopupClose;
-    private onItemBlur;
-    private getInputItem;
-    private setFocusedItemId;
-    private setHoveredItemId;
-    private getMenuClassName;
-    private clearItemHoverAndLeaveRequestsIfApplicable;
-    private isItemWithDefaultClose;
-    private checkIsDirectionRightToLeft;
-    private prepareItems;
-    private dispatchSelectEventIfWired;
-}
-/**
- * Represent the `ref` of the Menu component.
- */
-export interface MenuHandle extends Pick<Menu, keyof Menu> {
-}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<MenuHandle>>;

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 v=require("react"),r=require("prop-types"),a=require("@progress/kendo-react-common"),s=require("../utils/itemsIdsUtils.js"),f=require("../utils/prepareInputItemsForInternalWork.js"),c=require("../utils/getNewItemIdUponKeyboardNavigation.js"),u=require("../utils/hoverDelay.js"),g=require("./MenuItemInternal.js"),b=require("../utils/DirectionHolder.js"),D=require("../utils/MouseOverHandler.js");function E(n){const i=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(i,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return i.default=n,Object.freeze(i)}const h=E(v),p={focusedItemId:s.EMPTY_ID,hoveredItemId:s.EMPTY_ID,tabbableItemId:s.ZERO_LEVEL_ZERO_ITEM_ID},l=class l extends h.Component{constructor(i){super(i),this.menuWrapperEl=null,this.directionHolder=new b.DirectionHolder,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(p)},this.handleClickOutside=e=>{var t;if(this.props.openOnClick&&this.state.hoveredItemId!==s.EMPTY_ID){const o=e.target;this.menuWrapperEl&&!this.menuWrapperEl.contains(o)&&(this.menuItemId&&((t=o.closest)!=null&&t.call(o,`[id^="${this.menuItemId}_"]`))||this.setHoveredItemId(s.EMPTY_ID))}},this.onKeyDown=e=>{if(this.state.focusedItemId!==s.EMPTY_ID){const t=s.getItemById(this.state.focusedItemId,this.items);let o=c.getNewItemIdUponKeyboardNavigation(this.items,t.id,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());const d=s.getItemById(o,this.items);if(d&&d.separator&&(o=c.getNewItemIdUponKeyboardNavigation(this.items,o,e.keyCode,e.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft())),t.id!==o&&(e.preventDefault(),this.setFocusedItemId(o)),(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&&s.isIdZeroLevel(t.id)&&this.props.onClose){const I=this.getInputItem(t.id);this.props.onClose({target:this,item:I,itemId:t.id})}}},this.onItemMouseOver=e=>{const t=this.props.openOnClick&&!s.isIdZeroLevel(e)&&this.state.hoveredItemId!==s.EMPTY_ID;(this.mouseOverHandler.IsMouseOverEnabled||t)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(e),this.itemHoverRequest=null},u.getHoverOpenDelay(this.props)))},this.onItemMouseLeave=e=>{const t=this.props.openOnClick&&!s.isIdZeroLevel(e)&&this.state.hoveredItemId!==s.EMPTY_ID;(this.mouseOverHandler.IsMouseOverEnabled||t)&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{t?this.setHoveredItemId(s.getDirectParentId(e)):this.setHoveredItemId(s.EMPTY_ID),this.itemLeaveRequest=null},u.getHoverCloseDelay(this.props)))},this.onItemFocus=e=>{this.state.hoveredItemId===s.EMPTY_ID?this.setFocusedItemId(e):this.setState(t=>({focusedItemId:e,hoveredItemId:t.hoveredItemId,tabbableItemId:s.getRootParentId(e)}))},this.onItemClick=(e,t)=>{const o=s.getItemById(t,this.items);if(!o.disabled){const d=s.isIdZeroLevel(t),I=!o.items||o.items.length===0;d?(this.setFocusedItemId(t),I?this.setHoveredItemId(s.EMPTY_ID):this.props.openOnClick&&this.state.hoveredItemId!==s.EMPTY_ID&&s.getRootParentId(this.state.hoveredItemId)===t?this.setHoveredItemId(s.EMPTY_ID):this.setHoveredItemId(t)):I&&(this.setFocusedItemId(t),this.setHoveredItemId(s.EMPTY_ID)),this.dispatchSelectEventIfWired(e,t),!e.isDefaultPrevented()&&o.url&&window.location.assign(o.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(s.EMPTY_ID),t.relatedTarget&&t.relatedTarget.nodeName==="LI"){const o=t.relatedTarget.getAttribute("id");if(o&&o.includes(this.menuItemId))return}if(s.isIdZeroLevel(e)&&this.props.onClose){const o=this.getInputItem(e);this.props.onClose({target:this,item:o,itemId:e})}},this.getInputItem=e=>s.getItemById(e,this.inputItems),this.mouseOverHandler=new D.MouseOverHandler(this.props.openOnClick,this.reset),this.state=Object.assign({},p,{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 i=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?s.getDirectParentId(this.state.focusedItemId):s.EMPTY_ID;return h.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}},h.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:i,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.menuItemId,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem,onPopupClose:this.onPopupClose,role:this.props.role}))}componentDidMount(){this.setState({isFirstRender:!1}),this.props.openOnClick&&document.addEventListener("mousedown",this.handleClickOutside)}componentDidUpdate(i){(!!i.vertical!=!!this.props.vertical||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick,i.openOnClick!==this.props.openOnClick&&(this.props.openOnClick?document.addEventListener("mousedown",this.handleClickOutside):document.removeEventListener("mousedown",this.handleClickOutside))}componentWillUnmount(){this.clearItemHoverAndLeaveRequestsIfApplicable(),document.removeEventListener("mousedown",this.handleClickOutside)}setFocusedItemId(i){this.setState(e=>{const t=i===s.EMPTY_ID?e.tabbableItemId:s.getRootParentId(i);return{hoveredItemId:i===s.EMPTY_ID||s.isIdEmptyOrZeroLevel(e.hoveredItemId)&&s.isIdEmptyOrZeroLevel(i)?e.hoveredItemId:s.EMPTY_ID,focusedItemId:i,tabbableItemId:t}})}setHoveredItemId(i){this.setState(e=>s.isIdEmptyOrZeroLevel(i)&&s.isIdEmptyOrZeroLevel(e.focusedItemId)?{hoveredItemId:i,focusedItemId:e.focusedItemId,tabbableItemId:e.tabbableItemId}:{hoveredItemId:i,focusedItemId:s.EMPTY_ID,tabbableItemId:s.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(i){return!this.props.customCloseItemIds||this.props.customCloseItemIds.indexOf(i)===-1}checkIsDirectionRightToLeft(){return!!(this.props.dir!==void 0?this.props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl")}prepareItems(){const{items:i,inputItems:e}=f.prepareInputItemsForInternalWork(this.props.items,this.props.children);this.items=i,this.inputItems=e}dispatchSelectEventIfWired(i,e){a.dispatchEvent(this.props.onSelect,i,this,{item:this.getInputItem(e),itemId:e})}};l.propTypes={vertical:r.bool,items:r.arrayOf(r.object),style:r.object,animate:r.oneOfType([r.bool,r.shape({openDuration:r.number,closeDuration:r.number})]),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,onClose:r.func,role:r.string},l.defaultProps={vertical:!1,animate:!0};let m=l;exports.Menu=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),i=require("prop-types"),M=require("@progress/kendo-react-common"),t=require("../utils/itemsIdsUtils.js"),ee=require("../utils/prepareInputItemsForInternalWork.js"),Z=require("../utils/getNewItemIdUponKeyboardNavigation.js"),B=require("../utils/hoverDelay.js"),te=require("./MenuItemInternal.js"),re=require("../utils/DirectionHolder.js"),ne=require("../utils/MouseOverHandler.js");function oe(o){const D=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const I in o)if(I!=="default"){const b=Object.getOwnPropertyDescriptor(o,I);Object.defineProperty(D,I,b.get?b:{enumerable:!0,get:()=>o[I]})}}return D.default=o,Object.freeze(D)}const n=oe(X),K={focusedItemId:t.EMPTY_ID,hoveredItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID},S=n.forwardRef((o,D)=>{const I=n.useRef(null),b=n.useRef(null),y=n.useRef(null),R=n.useRef(new re.DirectionHolder),O=n.useRef([]),N=n.useRef([]),l=n.useRef(o);l.current=o;const[v,h]=n.useState({...K}),C=n.useRef(v);C.current=v;const w=n.useRef(()=>{}),P=n.useRef(new ne.MouseOverHandler(o.openOnClick,()=>w.current())),{items:j,inputItems:F}=ee.prepareInputItemsForInternalWork(o.items,o.children);O.current=j,N.current=F,R.current.setIsDirectionRightToLeft(V());function V(){return!!(l.current.dir!==void 0?l.current.dir==="rtl":I.current&&getComputedStyle(I.current).direction==="rtl")}const g=n.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),y.current&&(clearTimeout(y.current),y.current=null)},[]),H=n.useCallback(()=>{g(),h({...K})},[g]);w.current=H;const E=n.useRef({get element(){return I.current},reset:()=>w.current()});n.useImperativeHandle(D,()=>E.current,[]);const m=n.useCallback(e=>{h(r=>{const c=e===t.EMPTY_ID?r.tabbableItemId:t.getRootParentId(e);return{hoveredItemId:e===t.EMPTY_ID||t.isIdEmptyOrZeroLevel(r.hoveredItemId)&&t.isIdEmptyOrZeroLevel(e)?r.hoveredItemId:t.EMPTY_ID,focusedItemId:e,tabbableItemId:c}})},[]),a=n.useCallback(e=>{h(r=>t.isIdEmptyOrZeroLevel(e)&&t.isIdEmptyOrZeroLevel(r.focusedItemId)?{hoveredItemId:e,focusedItemId:r.focusedItemId,tabbableItemId:r.tabbableItemId}:{hoveredItemId:e,focusedItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID})},[]),f=n.useCallback(e=>t.getItemById(e,N.current),[]),T=n.useCallback((e,r)=>{M.dispatchEvent(l.current.onSelect,e,E.current,{item:f(r),itemId:r})},[f]),_=n.useCallback(e=>!l.current.customCloseItemIds||l.current.customCloseItemIds.indexOf(e)===-1,[]),Y=n.useCallback(e=>{var s,u;const r=l.current,c=C.current;if(r.openOnClick&&c.hoveredItemId!==t.EMPTY_ID){const d=e.target;((s=I.current)==null?void 0:s.contains(d))===!1&&(r.id&&((u=d.closest)!=null&&u.call(d,`[id^="${r.id}_"]`))||a(t.EMPTY_ID))}},[a]),W=n.useCallback(e=>{const r=C.current,c=l.current,s=O.current;if(r.focusedItemId!==t.EMPTY_ID){const u=t.getItemById(r.focusedItemId,s);let d=Z.getNewItemIdUponKeyboardNavigation(s,u.id,e.keyCode,e.key,c.vertical,R.current.getIsDirectionRightToLeft());const k=t.getItemById(d,s);if(k!=null&&k.separator&&(d=Z.getNewItemIdUponKeyboardNavigation(s,d,e.keyCode,e.key,c.vertical,R.current.getIsDirectionRightToLeft())),u.id!==d&&(e.preventDefault(),m(d)),(e.keyCode===M.Keys.enter||e.keyCode===M.Keys.space)&&!u.disabled&&(P.current.handleItemSelectedViaKeyboard(),T(e,u.id),!e.isDefaultPrevented()&&u.items.length===0&&u.url&&window.location.assign(u.url)),e.keyCode===M.Keys.esc&&t.isIdZeroLevel(u.id)&&c.onClose){const p=f(u.id);c.onClose({target:E.current,item:p,itemId:u.id})}}},[m,T,f]),U=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(P.current.IsMouseOverEnabled||s)&&(g(),b.current=window.setTimeout(()=>{a(e),b.current=null},B.getHoverOpenDelay(c)))},[g,a]),A=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(P.current.IsMouseOverEnabled||s)&&_(e)&&(g(),y.current=window.setTimeout(()=>{a(s?t.getDirectParentId(e):t.EMPTY_ID),y.current=null},B.getHoverCloseDelay(c)))},[g,_,a]),z=n.useCallback(e=>{C.current.hoveredItemId===t.EMPTY_ID?m(e):h(c=>({focusedItemId:e,hoveredItemId:c.hoveredItemId,tabbableItemId:t.getRootParentId(e)}))},[m]),G=n.useCallback((e,r)=>{const c=O.current,s=t.getItemById(r,c),u=C.current,d=l.current;if(!s.disabled){const k=t.isIdZeroLevel(r),p=!s.items||s.items.length===0;k?(m(r),p||d.openOnClick&&u.hoveredItemId!==t.EMPTY_ID&&t.getRootParentId(u.hoveredItemId)===r?a(t.EMPTY_ID):a(r)):p&&(m(r),a(t.EMPTY_ID)),T(e,r),!e.isDefaultPrevented()&&s.url&&window.location.assign(s.url)}},[m,a,T]),$=n.useCallback((e,r)=>{const c=l.current;c.onClose&&c.onClose({target:E.current,item:f(e),itemId:e,popupCloseEvent:r})},[f]),x=n.useCallback((e,r)=>{var s;const c=l.current;if(_(e)&&m(t.EMPTY_ID),((s=r.relatedTarget)==null?void 0:s.nodeName)==="LI"){const u=r.relatedTarget.getAttribute("id");if(u!=null&&u.includes(c.id))return}if(t.isIdZeroLevel(e)&&c.onClose){const u=f(e);c.onClose({target:E.current,item:u,itemId:e})}},[_,m,f]),q=n.useRef(o.vertical);n.useEffect(()=>()=>{g()},[g]),n.useEffect(()=>(o.openOnClick&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)}),[o.openOnClick,Y]),n.useEffect(()=>{const e=!!q.current!=!!o.vertical,r=R.current.hasDirectionChanged();(e||r)&&H(),P.current.OpenOnClick=o.openOnClick,q.current=o.vertical});const J=()=>M.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!o.vertical},{"k-menu-vertical":o.vertical},o.className);let L;v.hoveredItemId?L=v.hoveredItemId:v.focusedItemId?L=t.getDirectParentId(v.focusedItemId):L=t.EMPTY_ID;const Q=o.animate!==void 0?o.animate:!0;return n.createElement("div",{id:o.id,onKeyDown:W,style:o.style,className:R.current.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:I},n.createElement(te.MenuItemInternalsList,{className:J(),"aria-orientation":o.vertical?"vertical":void 0,items:O.current,animate:Q,isMenuVertical:o.vertical,isDirectionRightToLeft:R.current.getIsDirectionRightToLeft(),focusedItemId:v.focusedItemId,lastItemIdToBeOpened:L,tabbableItemId:v.tabbableItemId,itemRender:o.itemRender,linkRender:o.linkRender,menuGuid:o.id,onMouseLeave:A,onMouseOver:U,onFocus:z,onClick:G,onBlur:x,onOriginalItemNeeded:f,onPopupClose:$,role:o.role}))});S.propTypes={vertical:i.bool,items:i.arrayOf(i.object),style:i.object,animate:i.oneOfType([i.bool,i.shape({openDuration:i.number,closeDuration:i.number})]),dir:i.string,hoverOpenDelay:i.number,hoverCloseDelay:i.number,openOnClick:i.bool,itemRender:i.any,linkRender:i.any,customCloseItemIds:i.arrayOf(i.string),onSelect:i.func,onClose:i.func,role:i.string};S.displayName="Menu";exports.Menu=S;