@progress/kendo-react-layout 9.4.0-develop.24 → 9.4.0-develop.4

package/index.d.mts

@@ -3199,16 +3199,6 @@ 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.
  */
@@ -3562,11 +3552,6 @@ export declare interface StackLayoutProps {
     align?: StackLayoutAlign;
 }
 
-/**
- * @hidden
- */
-declare type StateScrollPosition = 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
-
 /**
  * Represents the [KendoReact Step component]({% slug overview_stepper %}).
  *
@@ -3846,12 +3831,11 @@ export declare interface StepProps {
 /** @hidden */
 export declare const TabStrip: ForwardRefExoticComponent<TabStripProps & RefAttributes<any>>;
 
-export declare class TabStripClassComponent extends React_2.Component<TabStripProps, TabStripStateProps, {}> {
+export declare class TabStripClassComponent extends React_2.Component<TabStripProps, {}> {
     /**
      * @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>;
@@ -3863,10 +3847,6 @@ 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
@@ -3877,15 +3857,11 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabAlignment: string;
         keepTabsMounted: boolean;
         buttonScrollSpeed: number;
-        mouseScrollSpeed: number;
-        scrollButtons: string;
         scrollButtonsPosition: string;
-        size: string;
+        mouseScrollSpeed: number;
         renderAllContent: boolean;
     };
     private tabStripRef;
-    private itemsNavRef;
-    private resizeObserver?;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
@@ -3895,15 +3871,6 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     componentDidMount(): void;
     /** @hidden */
     componentWillUnmount(): void;
-    private horizontalScroll;
-    /**
-     * @hidden
-     */
-    private onScroll;
-    /**
-     * @hidden
-     */
-    private handleResize;
     /**
      * @hidden
      */
@@ -3987,7 +3954,7 @@ export declare interface TabStripContentProps {
     navItemId?: string;
 }
 
-export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, {}> {
+export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, TabStripNavigationStateProps, {}> {
     /**
      * @hidden
      */
@@ -3995,16 +3962,11 @@ 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
      */
@@ -4013,7 +3975,6 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
      * @hidden
      */
     componentDidUpdate(prevProps: Readonly<TabStripNavigationProps>): void;
-    private onScroll;
     /**
      * @hidden
      */
@@ -4021,6 +3982,7 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
     private scrollToSelected;
     private horizontalScroll;
     private isRtl;
+    private onWheel;
     private arrowClickPrev;
     private arrowClickNext;
     private handleArrowClick;
@@ -4135,10 +4097,6 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     onSelect?(idx: number): void;
-    /**
-     * @hidden
-     */
-    onScroll?(): void;
     /**
      * @hidden
      */
@@ -4146,15 +4104,7 @@ export declare interface TabStripNavigationProps {
     /**
      * @hidden
      */
-    scrollButtons?: ScrollButtons;
-    /**
-     * @hidden
-     */
-    scrollButtonsPosition?: ScrollButtonsPosition;
-    /**
-     * @hidden
-     */
-    size?: TabStripSize;
+    scrollButtonsPosition?: 'around' | 'before' | 'after';
     /**
      * @hidden
      */
@@ -4187,14 +4137,14 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     renderAllContent?: boolean;
-    /**
-     * @hidden
-     */
-    containerScrollPosition?: 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
-    /**
-     * @hidden
-     */
-    itemsNavRef?: React_2.RefObject<HTMLUListElement>;
+}
+
+/**
+ * @hidden
+ */
+export declare interface TabStripNavigationStateProps {
+    disabledPrev: boolean;
+    disabledNext: boolean;
 }
 
 /**
@@ -4250,11 +4200,6 @@ 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`.
      */
@@ -4290,24 +4235,15 @@ export declare interface TabStripScrollableProps {
     /**
      * 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
-     *
      * @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 `split`
+     * @default `around`
      */
-    scrollButtonsPosition?: ScrollButtonsPosition;
+    scrollButtonsPosition?: 'around' | 'before' | 'after';
     /**
      * Defines the custom component that will be rendered as a previous button.
      * To remove the button, set a function which returns null `() => null`.
@@ -4330,18 +4266,6 @@ 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,16 +3199,6 @@ 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.
  */
@@ -3562,11 +3552,6 @@ export declare interface StackLayoutProps {
     align?: StackLayoutAlign;
 }
 
-/**
- * @hidden
- */
-declare type StateScrollPosition = 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
-
 /**
  * Represents the [KendoReact Step component]({% slug overview_stepper %}).
  *
@@ -3846,12 +3831,11 @@ export declare interface StepProps {
 /** @hidden */
 export declare const TabStrip: ForwardRefExoticComponent<TabStripProps & RefAttributes<any>>;
 
-export declare class TabStripClassComponent extends React_2.Component<TabStripProps, TabStripStateProps, {}> {
+export declare class TabStripClassComponent extends React_2.Component<TabStripProps, {}> {
     /**
      * @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>;
@@ -3863,10 +3847,6 @@ 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
@@ -3877,15 +3857,11 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
         tabAlignment: string;
         keepTabsMounted: boolean;
         buttonScrollSpeed: number;
-        mouseScrollSpeed: number;
-        scrollButtons: string;
         scrollButtonsPosition: string;
-        size: string;
+        mouseScrollSpeed: number;
         renderAllContent: boolean;
     };
     private tabStripRef;
-    private itemsNavRef;
-    private resizeObserver?;
     private get contentPanelId();
     private get navItemId();
     private showLicenseWatermark;
@@ -3895,15 +3871,6 @@ export declare class TabStripClassComponent extends React_2.Component<TabStripPr
     componentDidMount(): void;
     /** @hidden */
     componentWillUnmount(): void;
-    private horizontalScroll;
-    /**
-     * @hidden
-     */
-    private onScroll;
-    /**
-     * @hidden
-     */
-    private handleResize;
     /**
      * @hidden
      */
@@ -3987,7 +3954,7 @@ export declare interface TabStripContentProps {
     navItemId?: string;
 }
 
-export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, {}> {
+export declare class TabStripNavigation extends React_2.Component<TabStripNavigationProps, TabStripNavigationStateProps, {}> {
     /**
      * @hidden
      */
@@ -3995,16 +3962,11 @@ 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
      */
@@ -4013,7 +3975,6 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
      * @hidden
      */
     componentDidUpdate(prevProps: Readonly<TabStripNavigationProps>): void;
-    private onScroll;
     /**
      * @hidden
      */
@@ -4021,6 +3982,7 @@ export declare class TabStripNavigation extends React_2.Component<TabStripNaviga
     private scrollToSelected;
     private horizontalScroll;
     private isRtl;
+    private onWheel;
     private arrowClickPrev;
     private arrowClickNext;
     private handleArrowClick;
@@ -4135,10 +4097,6 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     onSelect?(idx: number): void;
-    /**
-     * @hidden
-     */
-    onScroll?(): void;
     /**
      * @hidden
      */
@@ -4146,15 +4104,7 @@ export declare interface TabStripNavigationProps {
     /**
      * @hidden
      */
-    scrollButtons?: ScrollButtons;
-    /**
-     * @hidden
-     */
-    scrollButtonsPosition?: ScrollButtonsPosition;
-    /**
-     * @hidden
-     */
-    size?: TabStripSize;
+    scrollButtonsPosition?: 'around' | 'before' | 'after';
     /**
      * @hidden
      */
@@ -4187,14 +4137,14 @@ export declare interface TabStripNavigationProps {
      * @hidden
      */
     renderAllContent?: boolean;
-    /**
-     * @hidden
-     */
-    containerScrollPosition?: 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
-    /**
-     * @hidden
-     */
-    itemsNavRef?: React_2.RefObject<HTMLUListElement>;
+}
+
+/**
+ * @hidden
+ */
+export declare interface TabStripNavigationStateProps {
+    disabledPrev: boolean;
+    disabledNext: boolean;
 }
 
 /**
@@ -4250,11 +4200,6 @@ 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`.
      */
@@ -4290,24 +4235,15 @@ export declare interface TabStripScrollableProps {
     /**
      * 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
-     *
      * @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 `split`
+     * @default `around`
      */
-    scrollButtonsPosition?: ScrollButtonsPosition;
+    scrollButtonsPosition?: 'around' | 'before' | 'after';
     /**
      * Defines the custom component that will be rendered as a previous button.
      * To remove the button, set a function which returns null `() => null`.
@@ -4330,18 +4266,6 @@ 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.js

@@ -5,5 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./menu/components/Menu.js"),n=require("./tabstrip/TabStrip.js"),m=require("./menu/components/MenuItemInternal.js"),t=require("./menu/components/MenuItemArrow.js"),p=require("./splitter/SplitterBar.js"),o=require("@progress/kendo-react-common"),S=require("./tabstrip/TabStripContent.js"),q=require("./tabstrip/TabStripNavigation.js"),C=require("./tabstrip/TabStripNavigationItem.js"),b=require("./tabstrip/TabStripTab.js"),I=require("./panelbar/PanelBar.js"),B=require("./panelbar/PanelBarItem.js"),e=require("./panelbar/util.js"),A=require("./menu/components/MenuItemLink.js"),T=require("./menu/components/MenuItem.js"),y=require("./splitter/Splitter.js"),g=require("./splitter/SplitterPane.js"),h=require("./card/Card.js"),L=require("./card/CardHeader.js"),N=require("./card/CardTitle.js"),w=require("./card/CardBody.js"),M=require("./card/CardActions.js"),v=require("./card/CardImage.js"),D=require("./card/CardSubtitle.js"),P=require("./card/CardFooter.js"),r=require("./card/interfaces/Enums.js"),f=require("./card/Avatar.js"),F=require("./drawer/Drawer.js"),E=require("./drawer/DrawerNavigation.js"),k=require("./drawer/DrawerContent.js"),x=require("./drawer/DrawerItem.js"),O=require("./stepper/Stepper.js"),H=require("./stepper/Step.js"),G=require("./appbar/AppBar.js"),V=require("./appbar/AppBarSection.js"),R=require("./appbar/AppBarSpacer.js"),j=require("./tilelayout/TileLayout.js"),K=require("./bottomnavigation/BottomNavigation.js"),U=require("./bottomnavigation/BottomNavigationItem.js"),Y=require("./stacklayout/StackLayout.js"),$=require("./gridlayout/GridLayout.js"),z=require("./gridlayout/GridLayoutItem.js"),J=require("./breadcrumb/Breadcrumb.js"),Q=require("./breadcrumb/BreadcrumbOrderedList.js"),W=require("./breadcrumb/BreadcrumbListItem.js"),X=require("./breadcrumb/BreadcrumbDelimiter.js"),Z=require("./breadcrumb/BreadcrumbLink.js"),u=require("./actionsheet/ActionSheet.js"),_=require("./actionsheet/ActionSheetItem.js"),s=require("./actionsheet/ActionSheetHeader.js"),c=require("./actionsheet/ActionSheetContent.js"),d=require("./actionsheet/ActionSheetFooter.js"),ee=require("./timeline/Timeline.js"),l=require("./timeline/utils.js"),te=require("./contextmenu/ContextMenu.js"),re=require("./expansionpanel/ExpansionPanel.js"),ae=require("./expansionpanel/ExpansionPanelContent.js"),a=o.withIdHOC(i.Menu);a.displayName="KendoReactMenu";const ie=o.withIdHOC(n.TabStrip);a.displayName="KendoReactMenu";exports.MenuClassComponent=i.Menu;exports.TabStripClassComponent=n.TabStrip;exports.MenuItemInternalsList=m.MenuItemInternalsList;exports.MenuItemArrow=t.MenuItemArrow;exports.downArrowName=t.downArrowName;exports.leftArrowName=t.leftArrowName;exports.rightArrowName=t.rightArrowName;exports.SplitterBar=p.SplitterBar;exports.TabStripContent=S.TabStripContent;exports.TabStripNavigation=q.TabStripNavigation;exports.TabStripNavigationItem=C.TabStripNavigationItem;exports.TabStripTab=b.TabStripTab;exports.PanelBar=I.PanelBar;exports.PanelBarItem=B.PanelBarItem;Object.defineProperty(exports,"PanelBarUtils",{enumerable:!0,get:()=>e.PanelBarUtils});exports.flatChildren=e.flatChildren;exports.flatVisibleChildren=e.flatVisibleChildren;exports.flatVisibleItems=e.flatVisibleItems;exports.getFirstId=e.getFirstId;exports.getFocusedChild=e.getFocusedChild;exports.getInitialState=e.getInitialState;exports.isArrayEqual=e.isArrayEqual;exports.isPresent=e.isPresent;exports.renderChildren=e.renderChildren;exports.MenuItemLink=A.MenuItemLink;exports.MenuItem=T.MenuItem;exports.Splitter=y.Splitter;exports.SplitterPane=g.SplitterPane;exports.Card=h.Card;exports.CardHeader=L.CardHeader;exports.CardTitle=N.CardTitle;exports.CardBody=w.CardBody;exports.CardActions=M.CardActions;exports.CardImage=v.CardImage;exports.CardSubtitle=D.CardSubtitle;exports.CardFooter=P.CardFooter;exports.avatarType=r.avatarType;exports.cardActionsLayout=r.cardActionsLayout;exports.cardOrientation=r.cardOrientation;exports.cardType=r.cardType;exports.Avatar=f.Avatar;exports.Drawer=F.Drawer;exports.DrawerNavigation=E.DrawerNavigation;exports.DrawerContent=k.DrawerContent;exports.DrawerItem=x.DrawerItem;exports.Stepper=O.Stepper;exports.Step=H.Step;exports.AppBar=G.AppBar;exports.AppBarSection=V.AppBarSection;exports.AppBarSpacer=R.AppBarSpacer;exports.TileLayout=j.TileLayout;exports.BottomNavigation=K.BottomNavigation;exports.BottomNavigationItem=U.BottomNavigationItem;exports.StackLayout=Y.StackLayout;exports.GridLayout=$.GridLayout;exports.GridLayoutItem=z.GridLayoutItem;exports.Breadcrumb=J.Breadcrumb;exports.BreadcrumbOrderedList=Q.BreadcrumbOrderedList;exports.BreadcrumbListItem=W.BreadcrumbListItem;exports.BreadcrumbDelimiter=X.BreadcrumbDelimiter;exports.BreadcrumbLink=Z.BreadcrumbLink;exports.ActionSheet=u.ActionSheet;exports.actionSheetDefaultProps=u.actionSheetDefaultProps;exports.ActionSheetItem=_.ActionSheetItem;exports.ActionSheetHeader=s.ActionSheetHeader;exports.headerDisplayName=s.headerDisplayName;exports.ActionSheetContent=c.ActionSheetContent;exports.contentDisplayName=c.contentDisplayName;exports.ActionSheetFooter=d.ActionSheetFooter;exports.footerDisplayName=d.footerDisplayName;exports.Timeline=ee.Timeline;exports.addYearsFlags=l.addYearsFlags;exports.sortEventList=l.sortEventList;exports.ContextMenu=te.ContextMenu;exports.ExpansionPanel=re.ExpansionPanel;exports.ExpansionPanelContent=ae.ExpansionPanelContent;exports.Menu=a;exports.TabStrip=ie;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./menu/components/Menu.js"),n=require("./tabstrip/TabStrip.js"),m=require("./menu/components/MenuItemInternal.js"),t=require("./menu/components/MenuItemArrow.js"),p=require("./splitter/SplitterBar.js"),o=require("@progress/kendo-react-common"),S=require("./tabstrip/TabStripContent.js"),q=require("./tabstrip/TabStripNavigation.js"),C=require("./tabstrip/TabStripNavigationItem.js"),b=require("./tabstrip/TabStripTab.js"),I=require("./panelbar/PanelBar.js"),B=require("./panelbar/PanelBarItem.js"),e=require("./panelbar/util.js"),A=require("./menu/components/MenuItemLink.js"),T=require("./menu/components/MenuItem.js"),y=require("./splitter/Splitter.js"),g=require("./splitter/SplitterPane.js"),h=require("./card/Card.js"),L=require("./card/CardHeader.js"),N=require("./card/CardTitle.js"),w=require("./card/CardBody.js"),M=require("./card/CardActions.js"),v=require("./card/CardImage.js"),D=require("./card/CardSubtitle.js"),P=require("./card/CardFooter.js"),r=require("./card/interfaces/Enums.js"),f=require("./card/Avatar.js"),F=require("./drawer/Drawer.js"),E=require("./drawer/DrawerNavigation.js"),k=require("./drawer/DrawerContent.js"),x=require("./drawer/DrawerItem.js"),O=require("./stepper/Stepper.js"),H=require("./stepper/Step.js"),G=require("./appbar/AppBar.js"),V=require("./appbar/AppBarSection.js"),R=require("./appbar/AppBarSpacer.js"),j=require("./tilelayout/TileLayout.js"),K=require("./bottomnavigation/BottomNavigation.js"),U=require("./bottomnavigation/BottomNavigationItem.js"),Y=require("./stacklayout/StackLayout.js"),$=require("./gridlayout/GridLayout.js"),z=require("./gridlayout/GridLayoutItem.js"),J=require("./breadcrumb/Breadcrumb.js"),Q=require("./breadcrumb/BreadcrumbOrderedList.js"),W=require("./breadcrumb/BreadcrumbListItem.js"),X=require("./breadcrumb/BreadcrumbDelimiter.js"),Z=require("./breadcrumb/BreadcrumbLink.js"),u=require("./actionsheet/ActionSheet.js"),_=require("./actionsheet/ActionSheetItem.js"),s=require("./actionsheet/ActionSheetHeader.js"),c=require("./actionsheet/ActionSheetContent.js"),d=require("./actionsheet/ActionSheetFooter.js"),ee=require("./timeline/Timeline.js"),l=require("./timeline/utils.js"),te=require("./contextmenu/ContextMenu.js"),re=require("./expansionpanel/ExpansionPanel.js"),ae=require("./expansionpanel/ExpansionPanelContent.js"),a=o.withIdHOC(i.Menu);a.displayName="KendoReactMenu";const ie=o.withIdHOC(n.TabStrip);a.displayName="KendoReactMenu";exports.MenuClassComponent=i.Menu;exports.TabStripClassComponent=n.TabStrip;exports.MenuItemInternalsList=m.MenuItemInternalsList;exports.MenuItemArrow=t.MenuItemArrow;exports.downArrowName=t.downArrowName;exports.leftArrowName=t.leftArrowName;exports.rightArrowName=t.rightArrowName;exports.SplitterBar=p.SplitterBar;exports.TabStripContent=S.TabStripContent;exports.TabStripNavigation=q.TabStripNavigation;exports.TabStripNavigationItem=C.TabStripNavigationItem;exports.TabStripTab=b.TabStripTab;exports.PanelBar=I.PanelBar;exports.PanelBarItem=B.PanelBarItem;Object.defineProperty(exports,"PanelBarUtils",{enumerable:!0,get:()=>e.PanelBarUtils});exports.flatChildren=e.flatChildren;exports.flatVisibleChildren=e.flatVisibleChildren;exports.flatVisibleItems=e.flatVisibleItems;exports.getFirstId=e.getFirstId;exports.getFocusedChild=e.getFocusedChild;exports.getInitialState=e.getInitialState;exports.isArrayEqual=e.isArrayEqual;exports.isPresent=e.isPresent;exports.renderChildren=e.renderChildren;exports.MenuItemLink=A.MenuItemLink;exports.MenuItem=T.MenuItem;exports.Splitter=y.Splitter;exports.SplitterPane=g.SplitterPane;exports.Card=h.Card;exports.CardHeader=L.CardHeader;exports.CardTitle=N.CardTitle;exports.CardBody=w.CardBody;exports.CardActions=M.CardActions;exports.CardImage=v.CardImage;exports.CardSubtitle=D.CardSubtitle;exports.CardFooter=P.CardFooter;exports.avatarType=r.avatarType;exports.cardActionsLayout=r.cardActionsLayout;exports.cardOrientation=r.cardOrientation;exports.cardType=r.cardType;exports.Avatar=f.Avatar;exports.Drawer=F.Drawer;exports.DrawerNavigation=E.DrawerNavigation;exports.DrawerContent=k.DrawerContent;exports.DrawerItem=x.DrawerItem;exports.Stepper=O.Stepper;exports.Step=H.Step;exports.AppBar=G.AppBar;exports.AppBarSection=V.AppBarSection;exports.AppBarSpacer=R.AppBarSpacer;exports.TileLayout=j.TileLayout;exports.BottomNavigation=K.BottomNavigation;exports.BottomNavigationItem=U.BottomNavigationItem;exports.StackLayout=Y.StackLayout;exports.GridLayout=$.GridLayout;exports.GridLayoutItem=z.GridLayoutItem;exports.Breadcrumb=J.Breadcrumb;exports.BreadcrumbOrderedList=Q.BreadcrumbOrderedList;exports.BreadcrumbListItem=W.BreadcrumbListItem;exports.BreadcrumbDelimiter=X.BreadcrumbDelimiter;exports.BreadcrumbLink=Z.BreadcrumbLink;exports.ActionSheet=u.ActionSheet;exports.actionSheetDefaultProps=u.actionSheetDefaultProps;exports.ActionSheetItem=_.ActionSheetItem;exports.ActionSheetHeader=s.ActionSheetHeader;exports.headerDisplayName=s.headerDisplayName;exports.ActionSheetContent=c.ActionSheetContent;exports.contentDisplayName=c.contentDisplayName;exports.ActionSheetFooter=d.ActionSheetFooter;exports.footerDisplayName=d.footerDisplayName;exports.Timeline=ee.Timeline;exports.addYearsFlags=l.addYearsFlags;exports.sortEventList=l.sortEventList;exports.ContextMenu=te.ContextMenu;exports.ExpansionPanel=re.ExpansionPanel;exports.ExpansionPanelContent=ae.ExpansionPanelContent;exports.Menu=a;exports.TabStrip=ie;

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 client";"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;

package/menu/components/Menu.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as l from "react";
 import i from "prop-types";
 import { Keys as m, validatePackage as u, classNames as c, dispatchEvent as f } from "@progress/kendo-react-common";

package/menu/components/MenuItem.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 c=require("react"),e=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const l=i(c),s=class s extends l.Component{render(){return null}};s.propTypes={text:e.string,url:e.string,icon:e.string,disabled:e.bool,cssClass:e.string,cssStyle:e.object,render:e.any,linkRender:e.any,contentRender:e.any,data:e.any,separator:e.bool};let o=s;exports.MenuItem=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),e=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const l=i(c),s=class s extends l.Component{render(){return null}};s.propTypes={text:e.string,url:e.string,icon:e.string,disabled:e.bool,cssClass:e.string,cssStyle:e.object,render:e.any,linkRender:e.any,contentRender:e.any,data:e.any,separator:e.bool};let o=s;exports.MenuItem=o;

package/menu/components/MenuItem.mjs

@@ -5,9 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as n from "react";
+"use client";
+import * as e from "react";
 import r from "prop-types";
-const s = class s extends n.Component {
+const s = class s extends e.Component {
   /**
    * @hidden
    */

package/menu/components/MenuItemArrow.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 m=require("react"),n=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),g=require("../utils/misc.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=f(m),l="caret-alt-down",d="caret-alt-right",u="caret-alt-left",i=class i extends s.Component{render(){return s.createElement(p.IconWrap,{"aria-hidden":!0,...this.getIcon()})}getIcon(){switch(g.getChildrenPosition(this.props.itemId,this.props.verticalMenu===!0,this.props.dir==="rtl")){case"downward":return{name:l,icon:o.caretAltDownIcon};case"rightward":return{name:d,icon:o.caretAltRightIcon};case"leftward":return{name:u,icon:o.caretAltLeftIcon};default:return{}}}};i.propTypes={itemId:n.string,dir:n.string,verticalMenu:n.bool};let c=i;exports.MenuItemArrow=c;exports.downArrowName=l;exports.leftArrowName=u;exports.rightArrowName=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),n=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),g=require("../utils/misc.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=f(m),l="caret-alt-down",d="caret-alt-right",u="caret-alt-left",i=class i extends s.Component{render(){return s.createElement(p.IconWrap,{"aria-hidden":!0,...this.getIcon()})}getIcon(){switch(g.getChildrenPosition(this.props.itemId,this.props.verticalMenu===!0,this.props.dir==="rtl")){case"downward":return{name:l,icon:o.caretAltDownIcon};case"rightward":return{name:d,icon:o.caretAltRightIcon};case"leftward":return{name:u,icon:o.caretAltLeftIcon};default:return{}}}};i.propTypes={itemId:n.string,dir:n.string,verticalMenu:n.bool};let c=i;exports.MenuItemArrow=c;exports.downArrowName=l;exports.leftArrowName=u;exports.rightArrowName=d;

package/menu/components/MenuItemArrow.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import t from "prop-types";
 import { IconWrap as n } from "@progress/kendo-react-common";

package/menu/components/MenuItemInternal.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 l=require("react"),d=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-popup"),a=require("../utils/itemsIdsUtils.js"),r=require("../utils/misc.js"),h=require("./MenuItemLink.js"),I=require("./MenuItemArrow.js");function g(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=g(l);class m extends s.Component{constructor(){super(...arguments),this.onMouseOver=e=>{this.props.onMouseOver(this.props.parentItemId),e.stopPropagation()},this.onMouseLeave=e=>{this.props.onMouseLeave(this.props.parentItemId),e.stopPropagation()}}render(){const e=this.props.parentItemId;return s.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:e!==void 0?"menu":"menubar",id:e!==void 0?r.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:e!==void 0?this.onMouseOver:void 0,onMouseLeave:e!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((e,t)=>s.createElement(u,{item:e,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.props.menuGuid,onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,key:t})):null}}class u extends s.Component{constructor(e){super(e),this.isFirstRender=!0,this.onMouseOver=t=>{this.props.onMouseOver(this.props.item.id),t.stopPropagation()},this.onMouseLeave=t=>{this.props.onMouseLeave(this.props.item.id),t.stopPropagation()},this.state={opened:!1}}componentDidMount(){const e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus({preventScroll:!0}),this.isFirstRender=!1}componentDidUpdate(e){const t=this.props.focusedItemId,n=this.props.item.id;if(t){const p=d.getActiveElement(document);e.focusedItemId!==t&&t===n&&!this.itemElement.contains(p)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,n=r.getDOMElementId(this.props.menuGuid,t),p=e.separator;return s.createElement(s.Fragment,null,p?s.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:n,ref:i=>this.itemElement=i}):s.createElement("li",{id:r.getDOMElementId(this.props.menuGuid,t),className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:t===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:i=>this.props.onMouseDown(i),onBlur:i=>this.props.onBlur(t,i),onFocus:()=>this.props.onFocus(t),onClick:i=>this.props.onClick(i,t),role:"menuitem","aria-disabled":e.disabled?!0:void 0,"aria-haspopup":e.items.length>0?!0:void 0,"aria-expanded":e.items.length>0?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?n:void 0,ref:i=>this.itemElement=i,key:n},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened())}renderContent(){const e=this.props.item.contentParentItemId;return s.createElement("div",{className:"k-content",role:"presentation"},s.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))}renderMenuItemLink(){const e=this.props.item;if(this.linkRender)return s.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:r.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});const t=this.itemRender?s.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):s.createElement("span",{className:"k-menu-link-text"},e.text);return s.createElement(h.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(){if(this.Opened){const e=this.props.item.id,{anchorAlign:t,popupAlign:n,collision:p}=r.getPopupSettings(e,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return s.createElement(c.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:t,popupAlign:n,collision:p,animate:!1,key:"1"},s.createElement(m,{parentItemId:e,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}return null}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(d.IconWrap,{name:e,icon:t,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?s.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},s.createElement(I.MenuItemArrow,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:r.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const e=this.props;return e.item.items.length>0&&a.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return d.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return d.classNames("k-item","k-menu-item",{"k-first":a.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=u;exports.MenuItemInternalsList=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-popup"),a=require("../utils/itemsIdsUtils.js"),r=require("../utils/misc.js"),h=require("./MenuItemLink.js"),I=require("./MenuItemArrow.js");function g(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=g(l);class m extends s.Component{constructor(){super(...arguments),this.onMouseOver=e=>{this.props.onMouseOver(this.props.parentItemId),e.stopPropagation()},this.onMouseLeave=e=>{this.props.onMouseLeave(this.props.parentItemId),e.stopPropagation()}}render(){const e=this.props.parentItemId;return s.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:e!==void 0?"menu":"menubar",id:e!==void 0?r.getDOMElementId(this.props.menuGuid,e):void 0,onMouseOver:e!==void 0?this.onMouseOver:void 0,onMouseLeave:e!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((e,t)=>s.createElement(u,{item:e,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.props.menuGuid,onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,key:t})):null}}class u extends s.Component{constructor(e){super(e),this.isFirstRender=!0,this.onMouseOver=t=>{this.props.onMouseOver(this.props.item.id),t.stopPropagation()},this.onMouseLeave=t=>{this.props.onMouseLeave(this.props.item.id),t.stopPropagation()},this.state={opened:!1}}componentDidMount(){const e=this.props.focusedItemId,t=this.props.item.id;e&&e===t&&this.itemElement.focus({preventScroll:!0}),this.isFirstRender=!1}componentDidUpdate(e){const t=this.props.focusedItemId,n=this.props.item.id;if(t){const p=d.getActiveElement(document);e.focusedItemId!==t&&t===n&&!this.itemElement.contains(p)&&this.itemElement.focus({preventScroll:!0})}}render(){const e=this.props.item,t=e.id,n=r.getDOMElementId(this.props.menuGuid,t),p=e.separator;return s.createElement(s.Fragment,null,p?s.createElement("li",{className:"k-separator k-item","aria-hidden":!0,key:n,ref:i=>this.itemElement=i}):s.createElement("li",{id:r.getDOMElementId(this.props.menuGuid,t),className:this.getMenuItemClassName(e),style:e.cssStyle,tabIndex:t===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:i=>this.props.onMouseDown(i),onBlur:i=>this.props.onBlur(t,i),onFocus:()=>this.props.onFocus(t),onClick:i=>this.props.onClick(i,t),role:"menuitem","aria-disabled":e.disabled?!0:void 0,"aria-haspopup":e.items.length>0?!0:void 0,"aria-expanded":e.items.length>0?this.Opened:void 0,"aria-label":e.text,"aria-owns":this.Opened?n:void 0,ref:i=>this.itemElement=i,key:n},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened(this.itemElement))}renderContent(){const e=this.props.item.contentParentItemId;return s.createElement("div",{className:"k-content",role:"presentation"},s.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(e),itemId:e}))}renderMenuItemLink(){const e=this.props.item;if(this.linkRender)return s.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,opened:this.Opened,dir:r.convertBoolDirectionToString(this.props.isDirectionRightToLeft)});const t=this.itemRender?s.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(e.id),itemId:e.id,key:"1"}):s.createElement("span",{className:"k-menu-link-text"},e.text);return s.createElement(h.MenuItemLink,{url:e.url,opened:this.Opened},this.renderMenuIconIfApplicable(),t,this.renderArrowIfApplicable())}renderPopupIfOpened(e){if(this.Opened){const t=this.props.item.id,{anchorAlign:n,popupAlign:p,collision:i}=r.getPopupSettings(t,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return s.createElement(c.Popup,{anchor:this.itemElement,appendTo:e,show:!0,popupClass:this.getPopupClassName(),anchorAlign:n,popupAlign:p,collision:i,animate:!1,key:"1"},s.createElement(m,{parentItemId:t,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}return null}renderMenuIconIfApplicable(){const{icon:e,svgIcon:t}=this.props.item;return e||t?s.createElement(d.IconWrap,{name:e,icon:t,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?s.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},s.createElement(I.MenuItemArrow,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:r.convertBoolDirectionToString(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const e=this.props;return e.item.items.length>0&&a.shouldOpenItem(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return d.classNames("k-menu-popup k-overflow-visible",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(e){return d.classNames("k-item","k-menu-item",{"k-first":a.isFirstItemFromSiblings(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled},e.cssClass)}}exports.MenuItemInternal=u;exports.MenuItemInternalsList=m;