@progress/kendo-react-layout 14.5.0-develop.9 → 15.0.0-develop.2

package/index.mjs

@@ -6,148 +6,146 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { Menu as o } from "./menu/components/Menu.mjs";
-import { TabStrip as t } from "./tabstrip/TabStrip.mjs";
-import { MenuItemInternalsList as x } from "./menu/components/MenuItemInternal.mjs";
-import { MenuItemArrow as l, downArrowName as s, leftArrowName as c, rightArrowName as u } from "./menu/components/MenuItemArrow.mjs";
-import { SplitterBar as C } from "./splitter/SplitterBar.mjs";
-import { withIdHOC as r } from "@progress/kendo-react-common";
-import { TabStripContent as I } from "./tabstrip/TabStripContent.mjs";
-import { TabStripNavigation as B } from "./tabstrip/TabStripNavigation.mjs";
+import { Menu as i } from "./menu/components/Menu.mjs";
+import { TabStrip as r } from "./tabstrip/TabStrip.mjs";
+import { MenuItemInternalsList as f } from "./menu/components/MenuItemInternal.mjs";
+import { MenuItemArrow as l, downArrowName as s, leftArrowName as d, rightArrowName as S } from "./menu/components/MenuItemArrow.mjs";
+import { SplitterBar as u } from "./splitter/SplitterBar.mjs";
+import { withIdHOC as e } from "@progress/kendo-react-common";
+import { MenuWrapper as A } from "./MenuMcpWrapper.mjs";
+import { TabStripContent as b } from "./tabstrip/TabStripContent.mjs";
+import { TabStripNavigation as h } from "./tabstrip/TabStripNavigation.mjs";
 import { TabStripNavigationItem as y } from "./tabstrip/TabStripNavigationItem.mjs";
-import { TabStripTab as T } from "./tabstrip/TabStripTab.mjs";
-import { PanelBar as g } from "./panelbar/PanelBar.mjs";
-import { PanelBarItem as L, panelBarItemDefaultProps as M } from "./panelbar/PanelBarItem.mjs";
-import { PanelBarUtils as v, flatChildren as F, flatVisibleChildren as E, flatVisibleItems as V, getFirstId as k, getFocusedChild as H, getInitialState as O, isArrayEqual as G, isPresent as K, renderChildren as R } from "./panelbar/util.mjs";
-import { MenuItemLink as q } from "./menu/components/MenuItemLink.mjs";
-import { MenuItem as Y } from "./menu/components/MenuItem.mjs";
-import { Splitter as z } from "./splitter/Splitter.mjs";
-import { SplitterPane as Q } from "./splitter/SplitterPane.mjs";
-import { Card as X } from "./card/Card.mjs";
-import { CardHeader as _ } from "./card/CardHeader.mjs";
-import { CardTitle as er } from "./card/CardTitle.mjs";
-import { CardBody as tr } from "./card/CardBody.mjs";
+import { TabStripTab as N } from "./tabstrip/TabStripTab.mjs";
+import { PanelBar as D } from "./panelbar/PanelBar.mjs";
+import { PanelBarItem as M, panelBarItemDefaultProps as P } from "./panelbar/PanelBarItem.mjs";
+import { PanelBarUtils as F, flatChildren as E, flatVisibleChildren as V, flatVisibleItems as k, getFirstId as H, getFocusedChild as O, getInitialState as G, isArrayEqual as q, isPresent as U, renderChildren as W } from "./panelbar/util.mjs";
+import { MenuItemLink as $ } from "./menu/components/MenuItemLink.mjs";
+import { MenuItem as z } from "./menu/components/MenuItem.mjs";
+import { Splitter as K } from "./splitter/Splitter.mjs";
+import { SplitterPane as R } from "./splitter/SplitterPane.mjs";
+import { Card as Z } from "./card/Card.mjs";
+import { CardHeader as rr } from "./card/CardHeader.mjs";
+import { CardTitle as or } from "./card/CardTitle.mjs";
+import { CardBody as ar } from "./card/CardBody.mjs";
 import { CardActions as mr } from "./card/CardActions.mjs";
-import { CardImage as ir } from "./card/CardImage.mjs";
-import { CardSubtitle as fr } from "./card/CardSubtitle.mjs";
-import { CardFooter as dr } from "./card/CardFooter.mjs";
-import { avatarType as sr, cardActionsLayout as cr, cardOrientation as ur, cardType as Sr } from "./card/interfaces/Enums.mjs";
-import { Avatar as Ar } from "./card/Avatar.mjs";
-import { Drawer as br } from "./drawer/Drawer.mjs";
-import { DrawerNavigation as hr } from "./drawer/DrawerNavigation.mjs";
-import { DrawerContent as Nr } from "./drawer/DrawerContent.mjs";
-import { DrawerItem as wr } from "./drawer/DrawerItem.mjs";
-import { Stepper as Dr } from "./stepper/Stepper.mjs";
-import { Step as Mr } from "./stepper/Step.mjs";
-import { AppBar as vr } from "./appbar/AppBar.mjs";
-import { AppBarSection as Er } from "./appbar/AppBarSection.mjs";
-import { AppBarSpacer as kr } from "./appbar/AppBarSpacer.mjs";
-import { TileLayout as Or } from "./tilelayout/TileLayout.mjs";
-import { BottomNavigation as Kr } from "./bottomnavigation/BottomNavigation.mjs";
-import { BottomNavigationItem as $r } from "./bottomnavigation/BottomNavigationItem.mjs";
-import { StackLayout as Ur } from "./stacklayout/StackLayout.mjs";
-import { GridLayout as jr } from "./gridlayout/GridLayout.mjs";
-import { GridLayoutItem as Jr } from "./gridlayout/GridLayoutItem.mjs";
-import { Breadcrumb as Wr } from "./breadcrumb/Breadcrumb.mjs";
-import { BreadcrumbOrderedList as Zr } from "./breadcrumb/BreadcrumbOrderedList.mjs";
-import { BreadcrumbListItem as re } from "./breadcrumb/BreadcrumbListItem.mjs";
-import { BreadcrumbDelimiter as oe } from "./breadcrumb/BreadcrumbDelimiter.mjs";
-import { BreadcrumbLink as ae } from "./breadcrumb/BreadcrumbLink.mjs";
-import { ActionSheet as pe, actionSheetDefaultProps as ie } from "./actionsheet/ActionSheet.mjs";
-import { ActionSheetItem as fe } from "./actionsheet/ActionSheetItem.mjs";
-import { ActionSheetView as de, ActionSheetViewDisplayName as le } from "./actionsheet/ActionSheetView.mjs";
+import { CardImage as nr } from "./card/CardImage.mjs";
+import { CardSubtitle as xr } from "./card/CardSubtitle.mjs";
+import { CardFooter as sr } from "./card/CardFooter.mjs";
+import { avatarType as Sr, cardActionsLayout as cr, cardOrientation as ur, cardType as Cr } from "./card/interfaces/Enums.mjs";
+import { Avatar as Ir } from "./card/Avatar.mjs";
+import { Drawer as Br } from "./drawer/Drawer.mjs";
+import { DrawerNavigation as Tr } from "./drawer/DrawerNavigation.mjs";
+import { DrawerContent as wr } from "./drawer/DrawerContent.mjs";
+import { DrawerItem as gr } from "./drawer/DrawerItem.mjs";
+import { Stepper as Lr } from "./stepper/Stepper.mjs";
+import { Step as Pr } from "./stepper/Step.mjs";
+import { AppBar as Fr } from "./appbar/AppBar.mjs";
+import { AppBarSection as Vr } from "./appbar/AppBarSection.mjs";
+import { AppBarSpacer as Hr } from "./appbar/AppBarSpacer.mjs";
+import { TileLayout as Gr } from "./tilelayout/TileLayout.mjs";
+import { BottomNavigation as Ur } from "./bottomnavigation/BottomNavigation.mjs";
+import { BottomNavigationItem as Yr } from "./bottomnavigation/BottomNavigationItem.mjs";
+import { StackLayout as jr } from "./stacklayout/StackLayout.mjs";
+import { GridLayout as Jr } from "./gridlayout/GridLayout.mjs";
+import { GridLayoutItem as Qr } from "./gridlayout/GridLayoutItem.mjs";
+import { Breadcrumb as Xr } from "./breadcrumb/Breadcrumb.mjs";
+import { BreadcrumbOrderedList as _r } from "./breadcrumb/BreadcrumbOrderedList.mjs";
+import { BreadcrumbListItem as ee } from "./breadcrumb/BreadcrumbListItem.mjs";
+import { BreadcrumbDelimiter as te } from "./breadcrumb/BreadcrumbDelimiter.mjs";
+import { BreadcrumbLink as pe } from "./breadcrumb/BreadcrumbLink.mjs";
+import { ActionSheet as ie, actionSheetDefaultProps as ne } from "./actionsheet/ActionSheet.mjs";
+import { ActionSheetItem as xe } from "./actionsheet/ActionSheetItem.mjs";
+import { ActionSheetView as se, ActionSheetViewDisplayName as de } from "./actionsheet/ActionSheetView.mjs";
 import { ActionSheetHeader as ce, headerDisplayName as ue } from "./actionsheet/ActionSheetHeader.mjs";
-import { ActionSheetContent as Ce, contentDisplayName as Ae } from "./actionsheet/ActionSheetContent.mjs";
-import { ActionSheetFooter as be, footerDisplayName as Be } from "./actionsheet/ActionSheetFooter.mjs";
+import { ActionSheetContent as Ae, contentDisplayName as Ie } from "./actionsheet/ActionSheetContent.mjs";
+import { ActionSheetFooter as Be, footerDisplayName as he } from "./actionsheet/ActionSheetFooter.mjs";
 import { Timeline as ye } from "./timeline/Timeline.mjs";
-import { addYearsFlags as Te, sortEventList as we } from "./timeline/utils.mjs";
-import { ContextMenu as De } from "./contextmenu/ContextMenu.mjs";
-import { ExpansionPanel as Me } from "./expansionpanel/ExpansionPanel.mjs";
-import { ExpansionPanelContent as ve } from "./expansionpanel/ExpansionPanelContent.mjs";
-const e = r(o);
-e.displayName = "KendoReactMenu";
-const i = r(t);
-e.displayName = "KendoReactMenu";
+import { addYearsFlags as Ne, sortEventList as ge } from "./timeline/utils.mjs";
+import { ContextMenu as Le } from "./contextmenu/ContextMenu.mjs";
+import { ExpansionPanel as Pe } from "./expansionpanel/ExpansionPanel.mjs";
+import { ExpansionPanelContent as Fe } from "./expansionpanel/ExpansionPanelContent.mjs";
+const a = e(r);
 export {
-  pe as ActionSheet,
-  Ce as ActionSheetContent,
-  be as ActionSheetFooter,
+  ie as ActionSheet,
+  Ae as ActionSheetContent,
+  Be as ActionSheetFooter,
   ce as ActionSheetHeader,
-  fe as ActionSheetItem,
-  de as ActionSheetView,
-  le as ActionSheetViewDisplayName,
-  vr as AppBar,
-  Er as AppBarSection,
-  kr as AppBarSpacer,
-  Ar as Avatar,
-  Kr as BottomNavigation,
-  $r as BottomNavigationItem,
-  Wr as Breadcrumb,
-  oe as BreadcrumbDelimiter,
-  ae as BreadcrumbLink,
-  re as BreadcrumbListItem,
-  Zr as BreadcrumbOrderedList,
-  X as Card,
+  xe as ActionSheetItem,
+  se as ActionSheetView,
+  de as ActionSheetViewDisplayName,
+  Fr as AppBar,
+  Vr as AppBarSection,
+  Hr as AppBarSpacer,
+  Ir as Avatar,
+  Ur as BottomNavigation,
+  Yr as BottomNavigationItem,
+  Xr as Breadcrumb,
+  te as BreadcrumbDelimiter,
+  pe as BreadcrumbLink,
+  ee as BreadcrumbListItem,
+  _r as BreadcrumbOrderedList,
+  Z as Card,
   mr as CardActions,
-  tr as CardBody,
-  dr as CardFooter,
-  _ as CardHeader,
-  ir as CardImage,
-  fr as CardSubtitle,
-  er as CardTitle,
-  De as ContextMenu,
-  br as Drawer,
-  Nr as DrawerContent,
-  wr as DrawerItem,
-  hr as DrawerNavigation,
-  Me as ExpansionPanel,
-  ve as ExpansionPanelContent,
-  jr as GridLayout,
-  Jr as GridLayoutItem,
-  e as Menu,
-  o as MenuClassComponent,
-  Y as MenuItem,
+  ar as CardBody,
+  sr as CardFooter,
+  rr as CardHeader,
+  nr as CardImage,
+  xr as CardSubtitle,
+  or as CardTitle,
+  Le as ContextMenu,
+  Br as Drawer,
+  wr as DrawerContent,
+  gr as DrawerItem,
+  Tr as DrawerNavigation,
+  Pe as ExpansionPanel,
+  Fe as ExpansionPanelContent,
+  Jr as GridLayout,
+  Qr as GridLayoutItem,
+  A as Menu,
+  i as MenuClassComponent,
+  z as MenuItem,
   l as MenuItemArrow,
-  x as MenuItemInternalsList,
-  q as MenuItemLink,
-  g as PanelBar,
-  L as PanelBarItem,
-  v as PanelBarUtils,
-  z as Splitter,
-  C as SplitterBar,
-  Q as SplitterPane,
-  Ur as StackLayout,
-  Mr as Step,
-  Dr as Stepper,
-  i as TabStrip,
-  t as TabStripClassComponent,
-  I as TabStripContent,
-  B as TabStripNavigation,
+  f as MenuItemInternalsList,
+  $ as MenuItemLink,
+  D as PanelBar,
+  M as PanelBarItem,
+  F as PanelBarUtils,
+  K as Splitter,
+  u as SplitterBar,
+  R as SplitterPane,
+  jr as StackLayout,
+  Pr as Step,
+  Lr as Stepper,
+  a as TabStrip,
+  r as TabStripClassComponent,
+  b as TabStripContent,
+  h as TabStripNavigation,
   y as TabStripNavigationItem,
-  T as TabStripTab,
-  Or as TileLayout,
+  N as TabStripTab,
+  Gr as TileLayout,
   ye as Timeline,
-  ie as actionSheetDefaultProps,
-  Te as addYearsFlags,
-  sr as avatarType,
+  ne as actionSheetDefaultProps,
+  Ne as addYearsFlags,
+  Sr as avatarType,
   cr as cardActionsLayout,
   ur as cardOrientation,
-  Sr as cardType,
-  Ae as contentDisplayName,
+  Cr as cardType,
+  Ie as contentDisplayName,
   s as downArrowName,
-  F as flatChildren,
-  E as flatVisibleChildren,
-  V as flatVisibleItems,
-  Be as footerDisplayName,
-  k as getFirstId,
-  H as getFocusedChild,
-  O as getInitialState,
+  E as flatChildren,
+  V as flatVisibleChildren,
+  k as flatVisibleItems,
+  he as footerDisplayName,
+  H as getFirstId,
+  O as getFocusedChild,
+  G as getInitialState,
   ue as headerDisplayName,
-  G as isArrayEqual,
-  K as isPresent,
-  c as leftArrowName,
-  M as panelBarItemDefaultProps,
-  R as renderChildren,
-  u as rightArrowName,
-  we as sortEventList
+  q as isArrayEqual,
+  U as isPresent,
+  d as leftArrowName,
+  P as panelBarItemDefaultProps,
+  W as renderChildren,
+  S as rightArrowName,
+  ge as sortEventList
 };

package/menu/MenuProps.d.ts

@@ -8,6 +8,7 @@
 import { MenuItemModel } from './models/MenuItemModel';
 import { MenuSelectEvent, MenuCloseEvent } from './events';
 import { PopupAnimation } from '@progress/kendo-react-popup';
+import { WebMcpProps } from '@progress/kendo-react-common';
 /**
  * The properties of the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).
  */
@@ -189,4 +190,9 @@ export interface MenuProps {
      * ```
      */
     onClose?: (event: MenuCloseEvent) => void;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }

package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1778599352,version:"14.5.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1779253013,version:"15.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1778599352,
-    version: '14.5.0-develop.9',
+    publishDate: 1779253013,
+    version: '15.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "14.5.0-develop.9",
+  "version": "15.0.0-develop.2",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "14.5.0-develop.9",
-    "@progress/kendo-react-buttons": "14.5.0-develop.9",
-    "@progress/kendo-react-common": "14.5.0-develop.9",
-    "@progress/kendo-react-intl": "14.5.0-develop.9",
-    "@progress/kendo-react-popup": "14.5.0-develop.9",
-    "@progress/kendo-react-progressbars": "14.5.0-develop.9",
+    "@progress/kendo-react-animation": "15.0.0-develop.2",
+    "@progress/kendo-react-buttons": "15.0.0-develop.2",
+    "@progress/kendo-react-common": "15.0.0-develop.2",
+    "@progress/kendo-react-intl": "15.0.0-develop.2",
+    "@progress/kendo-react-popup": "15.0.0-develop.2",
+    "@progress/kendo-react-progressbars": "15.0.0-develop.2",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1778599352,
+      "publishDate": 1779253013,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/panelbar/PanelBar.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 J=require("react"),v=require("prop-types"),L=require("./PanelBarItem.js"),m=require("./util.js"),f=require("@progress/kendo-react-common"),a=require("./interfaces/NavigationAction.js");function Q(s){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(c,r,k.get?k:{enumerable:!0,get:()=>s[r]})}}return c.default=s,Object.freeze(c)}const i=Q(J),w=s=>{const{animation:c=!0,children:r,dir:k,selected:I,expanded:U,expandMode:S="multiple",className:D,keepItemsMounted:T=!1,onSelect:x,style:j,isControlled:_}=s,K=i.useRef(null),B=i.useRef(void 0),N=i.useRef(null),[p,g]=i.useState(()=>{const t=S||"multiple",u=m.getInitialState(s,t);return u.focused||(u.focused=m.getFirstId(s)),u}),R=S||"multiple",F=I!==void 0?I:p.selected,h=_?U||[]:p.expanded,E=i.useCallback(t=>{N.current=window.setTimeout(()=>t())},[]),C=i.useCallback(t=>{const u=A,o=m.flatChildren(i.Children.toArray(u));let n,l;switch(o.forEach(e=>{e.props.uniquePrivateKey===(t.uniquePrivateKey||p.focused)&&(n=e)}),R){case"single":l=[...n.props.parentUniquePrivateKey,n.props.uniquePrivateKey],m.isArrayEqual(h,l)&&(n.props.parentUniquePrivateKey?l=[...n.props.parentUniquePrivateKey]:l=[]);break;case"multiple":{l=h.slice();const e=l.indexOf(n.props.uniquePrivateKey);e===-1?l.push(n.props.uniquePrivateKey):l.splice(e,1);break}default:l=h.slice();break}g(e=>({...e,selected:n.props.uniquePrivateKey,expanded:l})),x&&x({target:n,expandedItems:l})},[r,p.focused,R,h,x]),d=i.useCallback((t,u=0,o)=>{const n=A,l=m.flatVisibleChildren(i.Children.toArray(n)),e=m.getFocusedChild(l,u,t,p.focused,o);if(e){const b=h.slice();if(o===a.NavigationAction.Right&&e&&e.props&&e.props.children&&e.props.children.length>0){if(b.push(e.props.uniquePrivateKey),g(y=>({...y,expanded:[...new Set(b)]})),e.props.expanded){const y=e.props.children[0].props.uniquePrivateKey;g(P=>({...P,focused:y}))}}else if(o===a.NavigationAction.Left&&(e&&e.props&&e.props.parentUniquePrivateKey&&e.props.parentUniquePrivateKey.length>0||e&&e.props&&!e.props.disabled&&e.props.children&&e.props.children.length>0)){const y=e.props.parentUniquePrivateKey;if(e.props.expanded){const P=e.props.uniquePrivateKey,q=b.indexOf(P);b.splice(q,1),g(H=>({...H,expanded:b}))}else if(e.props.level>0){const P=e.props.parentUniquePrivateKey[y.length-1];g(q=>({...q,focused:P}))}}else B.current=e.props.id,g(y=>({...y,focused:e.props.uniquePrivateKey}))}},[r,p.focused,h]),M=i.useCallback(t=>{C(t),d(t)},[C,d]),A=i.useMemo(()=>m.renderChildren({animation:c,keepItemsMounted:T,state:{...p,selected:F},expanded:h,handleSelect:M,children:r}),[c,T,p,F,h,r,M]),O=i.useCallback((t,u)=>{let o;switch(u){case a.NavigationAction.First:d(t,o,a.NavigationAction.First);break;case a.NavigationAction.Last:d(t,o,a.NavigationAction.Last);break;case a.NavigationAction.Left:d(t,o,a.NavigationAction.Left);break;case a.NavigationAction.Right:d(t,o,a.NavigationAction.Right);break;case a.NavigationAction.Previous:o=-1,d(t,o);break;case a.NavigationAction.Next:o=1,d(t,o);break;case a.NavigationAction.Toggle:C(t);break}},[d,C]),W=i.useCallback(()=>{clearTimeout(N.current),p.wrapperFocused||g(t=>({...t,wrapperFocused:!0}))},[p.wrapperFocused]),$=i.useCallback(()=>{E(()=>{g(t=>({...t,wrapperFocused:!1}))})},[E]),z=i.useCallback(t=>{const u=K.current&&getComputedStyle(K.current).direction==="rtl"||!1;if(t.target===t.currentTarget){const o=t.keyCode;let n;switch(o){case f.Keys.left:n=u?a.NavigationAction.Right:a.NavigationAction.Left;break;case f.Keys.up:n=a.NavigationAction.Previous;break;case f.Keys.right:n=u?a.NavigationAction.Left:a.NavigationAction.Right;break;case f.Keys.down:n=a.NavigationAction.Next;break;case f.Keys.home:n=a.NavigationAction.First;break;case f.Keys.end:n=a.NavigationAction.Last;break;case f.Keys.space:case f.Keys.enter:n=a.NavigationAction.Toggle;break;default:n=null;break}n!==null&&(t.preventDefault(),O(t,n))}},[O]);i.useEffect(()=>()=>{N.current&&clearTimeout(N.current)},[]);const V={"aria-activedescendant":B.current},G=f.classNames("k-panelbar",D);return i.createElement("ul",{ref:K,dir:k,role:"tree",tabIndex:0,onKeyDown:z,onFocus:W,onBlur:$,className:G,style:j,...V},A)};w.propTypes={children:v.oneOfType([v.arrayOf(function(s,c){return s[c].type!==L.PanelBarItem?new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem."):null}),function(s,c){const r=s[c];return r&&r.type!==L.PanelBarItem?new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem."):null}]),selected:v.string,expandMode(s,c){const r=s[c];return r!=="single"&&r!=="multiple"&&r!=="default"?new Error(`Invalid value '${r}' given to '${c}'. It must be either 'single', 'multiple' or 'default'.`):null},animation:v.bool,keepItemsMounted:v.bool,onSelect:v.func};w.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};exports.PanelBar=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),L=require("./PanelBarItem.js"),b=require("./util.js"),d=require("@progress/kendo-react-common"),a=require("./interfaces/NavigationAction.js");function X(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(c,r,k.get?k:{enumerable:!0,get:()=>o[r]})}}return c.default=o,Object.freeze(c)}const i=X(Q),w=o=>{const{animation:c=!0,children:r,dir:k,selected:I,expanded:U,expandMode:R="multiple",className:D,keepItemsMounted:S=!1,onSelect:x,style:j,isControlled:W}=o,K=i.useRef(null),_=i.useRef(null),T=i.useRef(void 0),N=i.useRef(null);d.useWebMcpRegister("panelbar",_,o,o.webMcp);const[p,g]=i.useState(()=>{const t=R||"multiple",u=b.getInitialState(o,t);return u.focused||(u.focused=b.getFirstId(o)),u}),B=R||"multiple",M=I!==void 0?I:p.selected,h=W?U||[]:p.expanded,F=i.useCallback(t=>{N.current=window.setTimeout(()=>t())},[]),C=i.useCallback(t=>{const u=A,s=b.flatChildren(i.Children.toArray(u));let n,l;switch(s.forEach(e=>{e.props.uniquePrivateKey===(t.uniquePrivateKey||p.focused)&&(n=e)}),B){case"single":l=[...n.props.parentUniquePrivateKey,n.props.uniquePrivateKey],b.isArrayEqual(h,l)&&(n.props.parentUniquePrivateKey?l=[...n.props.parentUniquePrivateKey]:l=[]);break;case"multiple":{l=h.slice();const e=l.indexOf(n.props.uniquePrivateKey);e===-1?l.push(n.props.uniquePrivateKey):l.splice(e,1);break}default:l=h.slice();break}g(e=>({...e,selected:n.props.uniquePrivateKey,expanded:l})),x&&x({target:n,expandedItems:l})},[r,p.focused,B,h,x]),f=i.useCallback((t,u=0,s)=>{const n=A,l=b.flatVisibleChildren(i.Children.toArray(n)),e=b.getFocusedChild(l,u,t,p.focused,s);if(e){const v=h.slice();if(s===a.NavigationAction.Right&&e&&e.props&&e.props.children&&e.props.children.length>0){if(v.push(e.props.uniquePrivateKey),g(y=>({...y,expanded:[...new Set(v)]})),e.props.expanded){const y=e.props.children[0];g(P=>({...P,focused:y.props.uniquePrivateKey}))}}else if(s===a.NavigationAction.Left&&(e&&e.props&&e.props.parentUniquePrivateKey&&e.props.parentUniquePrivateKey.length>0||e&&e.props&&!e.props.disabled&&e.props.children&&e.props.children.length>0)){const y=e.props.parentUniquePrivateKey;if(e.props.expanded){const P=e.props.uniquePrivateKey,q=v.indexOf(P);v.splice(q,1),g(J=>({...J,expanded:v}))}else if(e.props.level>0){const P=e.props.parentUniquePrivateKey[y.length-1];g(q=>({...q,focused:P}))}}else g(y=>({...y,focused:e.props.uniquePrivateKey}))}},[r,p.focused,h]),E=i.useCallback(t=>{C(t),f(t)},[C,f]),A=i.useMemo(()=>b.renderChildren({animation:c,keepItemsMounted:S,state:{...p,selected:M},expanded:h,handleSelect:E,children:r,activeDescendantRef:T}),[c,S,p,M,h,r,E]),O=i.useCallback((t,u)=>{let s;switch(u){case a.NavigationAction.First:f(t,s,a.NavigationAction.First);break;case a.NavigationAction.Last:f(t,s,a.NavigationAction.Last);break;case a.NavigationAction.Left:f(t,s,a.NavigationAction.Left);break;case a.NavigationAction.Right:f(t,s,a.NavigationAction.Right);break;case a.NavigationAction.Previous:s=-1,f(t,s);break;case a.NavigationAction.Next:s=1,f(t,s);break;case a.NavigationAction.Toggle:C(t);break}},[f,C]),$=i.useCallback(()=>{clearTimeout(N.current),p.wrapperFocused||g(t=>({...t,wrapperFocused:!0}))},[p.wrapperFocused]),z=i.useCallback(()=>{F(()=>{g(t=>({...t,wrapperFocused:!1}))})},[F]),H=i.useCallback(t=>{const u=K.current&&getComputedStyle(K.current).direction==="rtl"||!1;if(t.target===t.currentTarget){const s=t.keyCode;let n;switch(s){case d.Keys.left:n=u?a.NavigationAction.Right:a.NavigationAction.Left;break;case d.Keys.up:n=a.NavigationAction.Previous;break;case d.Keys.right:n=u?a.NavigationAction.Left:a.NavigationAction.Right;break;case d.Keys.down:n=a.NavigationAction.Next;break;case d.Keys.home:n=a.NavigationAction.First;break;case d.Keys.end:n=a.NavigationAction.Last;break;case d.Keys.space:case d.Keys.enter:n=a.NavigationAction.Toggle;break;default:n=null;break}n!==null&&(t.preventDefault(),O(t,n))}},[O]);i.useEffect(()=>()=>{N.current&&clearTimeout(N.current)},[]);const V={"aria-activedescendant":T.current},G=d.classNames("k-panelbar",D);return i.createElement("ul",{ref:K,dir:k,role:"tree",tabIndex:0,onKeyDown:H,onFocus:$,onBlur:z,className:G,style:j,...V},A)};w.propTypes={children:m.oneOfType([m.arrayOf(function(o,c){return o[c].type!==L.PanelBarItem?new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem."):null}),function(o,c){const r=o[c];return r&&r.type!==L.PanelBarItem?new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem."):null}]),selected:m.string,expandMode(o,c){const r=o[c];return r!=="single"&&r!=="multiple"&&r!=="default"?new Error(`Invalid value '${r}' given to '${c}'. It must be either 'single', 'multiple' or 'default'.`):null},animation:m.bool,keepItemsMounted:m.bool,onSelect:m.func};w.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};exports.PanelBar=w;