@progress/kendo-react-layout 8.2.0-develop.9 → 8.2.1-develop.1

package/index.d.mts

@@ -2216,6 +2216,11 @@ export declare const footerDisplayName = "ActionSheetFooter";
  */
 export declare const getFirstId: (props: any) => any;
 
+/**
+ * @hidden
+ */
+export declare const getFocusedChild: (flattenChildren: any, step: number, event: any, focused?: string, action?: NavigationAction) => any;
+
 /**
  * @hidden
  */
@@ -2812,7 +2817,11 @@ export declare interface MenuState {
 declare enum NavigationAction {
     Toggle = 0,
     Next = 1,
-    Previous = 2
+    Previous = 2,
+    First = 3,
+    Last = 4,
+    Left = 5,
+    Right = 6
 }
 
 export declare class PanelBar extends React_2.Component<PanelBarProps, PanelBarState> {
@@ -2864,11 +2873,11 @@ export declare class PanelBar extends React_2.Component<PanelBarProps, PanelBarS
     /**
      * @hidden
      */
-    onFocus: (event: any, step?: number) => void;
+    onFocus: (event: any, step?: number, action?: NavigationAction) => void;
     /**
      * @hidden
      */
-    onNavigate: (event: any, action: NavigationAction) => void;
+    onNavigate: (event: React_2.KeyboardEvent<HTMLUListElement>, action: NavigationAction) => void;
     /**
      * @hidden
      */
@@ -3347,7 +3356,7 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
 /**
  * Represents the options of the Splitter.
  */
-export declare interface SplitterProps {
+export declare interface SplitterProps extends KendoReactComponentBaseProps {
     /**
      * Sets the options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for controlled state.
      */
@@ -3360,22 +3369,10 @@ export declare interface SplitterProps {
      * Specifies the orientation of the panes within the Splitter ([more information and examples]({% slug orientation_splitter %})). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      */
     orientation?: 'vertical' | 'horizontal';
-    /**
-     * Sets the styles of the Splitter.
-     */
-    style?: React_2.CSSProperties;
     /**
      * Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.
      */
     onChange?: (event: SplitterOnChangeEvent) => void;
-    /**
-     * The pane elements of the Splitter.
-     */
-    children?: React_2.ReactNode;
-    /**
-     * The class name that is set to the Splitter.
-     */
-    className?: string;
 }
 
 /**

package/index.d.ts

@@ -2216,6 +2216,11 @@ export declare const footerDisplayName = "ActionSheetFooter";
  */
 export declare const getFirstId: (props: any) => any;
 
+/**
+ * @hidden
+ */
+export declare const getFocusedChild: (flattenChildren: any, step: number, event: any, focused?: string, action?: NavigationAction) => any;
+
 /**
  * @hidden
  */
@@ -2812,7 +2817,11 @@ export declare interface MenuState {
 declare enum NavigationAction {
     Toggle = 0,
     Next = 1,
-    Previous = 2
+    Previous = 2,
+    First = 3,
+    Last = 4,
+    Left = 5,
+    Right = 6
 }
 
 export declare class PanelBar extends React_2.Component<PanelBarProps, PanelBarState> {
@@ -2864,11 +2873,11 @@ export declare class PanelBar extends React_2.Component<PanelBarProps, PanelBarS
     /**
      * @hidden
      */
-    onFocus: (event: any, step?: number) => void;
+    onFocus: (event: any, step?: number, action?: NavigationAction) => void;
     /**
      * @hidden
      */
-    onNavigate: (event: any, action: NavigationAction) => void;
+    onNavigate: (event: React_2.KeyboardEvent<HTMLUListElement>, action: NavigationAction) => void;
     /**
      * @hidden
      */
@@ -3347,7 +3356,7 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
 /**
  * Represents the options of the Splitter.
  */
-export declare interface SplitterProps {
+export declare interface SplitterProps extends KendoReactComponentBaseProps {
     /**
      * Sets the options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for controlled state.
      */
@@ -3360,22 +3369,10 @@ export declare interface SplitterProps {
      * Specifies the orientation of the panes within the Splitter ([more information and examples]({% slug orientation_splitter %})). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      */
     orientation?: 'vertical' | 'horizontal';
-    /**
-     * Sets the styles of the Splitter.
-     */
-    style?: React_2.CSSProperties;
     /**
      * Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.
      */
     onChange?: (event: SplitterOnChangeEvent) => void;
-    /**
-     * The pane elements of the Splitter.
-     */
-    children?: React_2.ReactNode;
-    /**
-     * The class name that is set to the Splitter.
-     */
-    className?: string;
 }
 
 /**

package/index.js

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

package/index.mjs

@@ -9,134 +9,135 @@
 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 s, downArrowName as d, leftArrowName as u, rightArrowName as S } from "./menu/components/MenuItemArrow.mjs";
+import { MenuItemArrow as l, downArrowName as s, leftArrowName as u, rightArrowName as S } 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 { TabStripNavigationItem as T } from "./tabstrip/TabStripNavigationItem.mjs";
-import { TabStripTab as y } from "./tabstrip/TabStripTab.mjs";
-import { PanelBar as g } from "./panelbar/PanelBar.mjs";
+import { TabStripNavigationItem as h } from "./tabstrip/TabStripNavigationItem.mjs";
+import { TabStripTab as g } from "./tabstrip/TabStripTab.mjs";
+import { PanelBar as M } from "./panelbar/PanelBar.mjs";
 import { PanelBarItem as L } from "./panelbar/PanelBarItem.mjs";
-import { PanelBarUtils as v, flatChildren as P, flatVisibleChildren as E, flatVisibleItems as F, getFirstId as k, getInitialState as H, isArrayEqual as G, isPresent as K, renderChildren as O } from "./panelbar/util.mjs";
-import { MenuItemLink as V } from "./menu/components/MenuItemLink.mjs";
-import { MenuItem as q } from "./menu/components/MenuItem.mjs";
-import { Splitter as Y } from "./splitter/Splitter.mjs";
-import { SplitterPane as z } from "./splitter/SplitterPane.mjs";
-import { Card as Q } from "./card/Card.mjs";
-import { CardHeader as X } from "./card/CardHeader.mjs";
-import { CardTitle as _ } from "./card/CardTitle.mjs";
-import { CardBody as er } from "./card/CardBody.mjs";
-import { CardActions as tr } from "./card/CardActions.mjs";
-import { CardImage as mr } from "./card/CardImage.mjs";
-import { CardSubtitle as ir } from "./card/CardSubtitle.mjs";
-import { CardFooter as fr } from "./card/CardFooter.mjs";
+import { PanelBarUtils as v, flatChildren as P, flatVisibleChildren as F, flatVisibleItems as E, getFirstId as k, getFocusedChild as H, getInitialState as G, isArrayEqual as K, isPresent as O, renderChildren as R } from "./panelbar/util.mjs";
+import { MenuItemLink as $ } from "./menu/components/MenuItemLink.mjs";
+import { MenuItem as U } from "./menu/components/MenuItem.mjs";
+import { Splitter as j } from "./splitter/Splitter.mjs";
+import { SplitterPane as J } from "./splitter/SplitterPane.mjs";
+import { Card as W } from "./card/Card.mjs";
+import { CardHeader as Z } from "./card/CardHeader.mjs";
+import { CardTitle as rr } from "./card/CardTitle.mjs";
+import { CardBody as or } from "./card/CardBody.mjs";
+import { CardActions as ar } from "./card/CardActions.mjs";
+import { CardImage as pr } from "./card/CardImage.mjs";
+import { CardSubtitle as nr } from "./card/CardSubtitle.mjs";
+import { CardFooter as xr } from "./card/CardFooter.mjs";
 import { Avatar as lr } from "./card/Avatar.mjs";
-import { Drawer as dr } from "./drawer/Drawer.mjs";
-import { DrawerNavigation as Sr } from "./drawer/DrawerNavigation.mjs";
-import { DrawerContent as cr } from "./drawer/DrawerContent.mjs";
-import { DrawerItem as Ir } from "./drawer/DrawerItem.mjs";
-import { Stepper as Br } from "./stepper/Stepper.mjs";
+import { Drawer as ur } from "./drawer/Drawer.mjs";
+import { DrawerNavigation as Cr } from "./drawer/DrawerNavigation.mjs";
+import { DrawerContent as br } from "./drawer/DrawerContent.mjs";
+import { DrawerItem as Ar } from "./drawer/DrawerItem.mjs";
+import { Stepper as Nr } from "./stepper/Stepper.mjs";
 import { Step as Tr } from "./stepper/Step.mjs";
 import { AppBar as yr } from "./appbar/AppBar.mjs";
-import { AppBarSection as gr } from "./appbar/AppBarSection.mjs";
-import { AppBarSpacer as Lr } from "./appbar/AppBarSpacer.mjs";
-import { TileLayout as vr } from "./tilelayout/TileLayout.mjs";
+import { AppBarSection as wr } from "./appbar/AppBarSection.mjs";
+import { AppBarSpacer as Dr } from "./appbar/AppBarSpacer.mjs";
+import { TileLayout as Pr } from "./tilelayout/TileLayout.mjs";
 import { BottomNavigation as Er } from "./bottomnavigation/BottomNavigation.mjs";
-import { BottomNavigationItem as kr } from "./bottomnavigation/BottomNavigationItem.mjs";
-import { StackLayout as Gr } from "./stacklayout/StackLayout.mjs";
-import { GridLayout as Or } from "./gridlayout/GridLayout.mjs";
-import { GridLayoutItem as Vr } from "./gridlayout/GridLayoutItem.mjs";
-import { Breadcrumb as qr } from "./breadcrumb/Breadcrumb.mjs";
-import { BreadcrumbOrderedList as Yr } from "./breadcrumb/BreadcrumbOrderedList.mjs";
-import { BreadcrumbListItem as zr } from "./breadcrumb/BreadcrumbListItem.mjs";
-import { BreadcrumbDelimiter as Qr } from "./breadcrumb/BreadcrumbDelimiter.mjs";
-import { BreadcrumbLink as Xr } from "./breadcrumb/BreadcrumbLink.mjs";
-import { ActionSheet as _r } from "./actionsheet/ActionSheet.mjs";
-import { ActionSheetItem as ee } from "./actionsheet/ActionSheetItem.mjs";
-import { ActionSheetHeader as te, headerDisplayName as ae } from "./actionsheet/ActionSheetHeader.mjs";
-import { ActionSheetContent as pe, contentDisplayName as ie } from "./actionsheet/ActionSheetContent.mjs";
-import { ActionSheetFooter as fe, footerDisplayName as xe } from "./actionsheet/ActionSheetFooter.mjs";
+import { BottomNavigationItem as Hr } from "./bottomnavigation/BottomNavigationItem.mjs";
+import { StackLayout as Kr } from "./stacklayout/StackLayout.mjs";
+import { GridLayout as Rr } from "./gridlayout/GridLayout.mjs";
+import { GridLayoutItem as $r } from "./gridlayout/GridLayoutItem.mjs";
+import { Breadcrumb as Ur } from "./breadcrumb/Breadcrumb.mjs";
+import { BreadcrumbOrderedList as jr } from "./breadcrumb/BreadcrumbOrderedList.mjs";
+import { BreadcrumbListItem as Jr } from "./breadcrumb/BreadcrumbListItem.mjs";
+import { BreadcrumbDelimiter as Wr } from "./breadcrumb/BreadcrumbDelimiter.mjs";
+import { BreadcrumbLink as Zr } from "./breadcrumb/BreadcrumbLink.mjs";
+import { ActionSheet as re } from "./actionsheet/ActionSheet.mjs";
+import { ActionSheetItem as oe } from "./actionsheet/ActionSheetItem.mjs";
+import { ActionSheetHeader as ae, headerDisplayName as me } from "./actionsheet/ActionSheetHeader.mjs";
+import { ActionSheetContent as ie, contentDisplayName as ne } from "./actionsheet/ActionSheetContent.mjs";
+import { ActionSheetFooter as xe, footerDisplayName as de } from "./actionsheet/ActionSheetFooter.mjs";
 import { Timeline as se } from "./timeline/Timeline.mjs";
-import { addYearsFlags as ue, sortEventList as Se } from "./timeline/utils.mjs";
-import { ContextMenu as ce } from "./contextmenu/ContextMenu.mjs";
-import { ExpansionPanel as Ie } from "./expansionpanel/ExpansionPanel.mjs";
-import { ExpansionPanelContent as Be } from "./expansionpanel/ExpansionPanelContent.mjs";
+import { addYearsFlags as Se, sortEventList as Ce } from "./timeline/utils.mjs";
+import { ContextMenu as be } from "./contextmenu/ContextMenu.mjs";
+import { ExpansionPanel as Ae } from "./expansionpanel/ExpansionPanel.mjs";
+import { ExpansionPanelContent as Ne } from "./expansionpanel/ExpansionPanelContent.mjs";
 const e = r(o);
 e.displayName = "KendoReactMenu";
 const i = r(t);
 e.displayName = "KendoReactMenu";
 export {
-  _r as ActionSheet,
-  pe as ActionSheetContent,
-  fe as ActionSheetFooter,
-  te as ActionSheetHeader,
-  ee as ActionSheetItem,
+  re as ActionSheet,
+  ie as ActionSheetContent,
+  xe as ActionSheetFooter,
+  ae as ActionSheetHeader,
+  oe as ActionSheetItem,
   yr as AppBar,
-  gr as AppBarSection,
-  Lr as AppBarSpacer,
+  wr as AppBarSection,
+  Dr as AppBarSpacer,
   lr as Avatar,
   Er as BottomNavigation,
-  kr as BottomNavigationItem,
-  qr as Breadcrumb,
-  Qr as BreadcrumbDelimiter,
-  Xr as BreadcrumbLink,
-  zr as BreadcrumbListItem,
-  Yr as BreadcrumbOrderedList,
-  Q as Card,
-  tr as CardActions,
-  er as CardBody,
-  fr as CardFooter,
-  X as CardHeader,
-  mr as CardImage,
-  ir as CardSubtitle,
-  _ as CardTitle,
-  ce as ContextMenu,
-  dr as Drawer,
-  cr as DrawerContent,
-  Ir as DrawerItem,
-  Sr as DrawerNavigation,
-  Ie as ExpansionPanel,
-  Be as ExpansionPanelContent,
-  Or as GridLayout,
-  Vr as GridLayoutItem,
+  Hr as BottomNavigationItem,
+  Ur as Breadcrumb,
+  Wr as BreadcrumbDelimiter,
+  Zr as BreadcrumbLink,
+  Jr as BreadcrumbListItem,
+  jr as BreadcrumbOrderedList,
+  W as Card,
+  ar as CardActions,
+  or as CardBody,
+  xr as CardFooter,
+  Z as CardHeader,
+  pr as CardImage,
+  nr as CardSubtitle,
+  rr as CardTitle,
+  be as ContextMenu,
+  ur as Drawer,
+  br as DrawerContent,
+  Ar as DrawerItem,
+  Cr as DrawerNavigation,
+  Ae as ExpansionPanel,
+  Ne as ExpansionPanelContent,
+  Rr as GridLayout,
+  $r as GridLayoutItem,
   e as Menu,
   o as MenuClassComponent,
-  q as MenuItem,
-  s as MenuItemArrow,
+  U as MenuItem,
+  l as MenuItemArrow,
   x as MenuItemInternalsList,
-  V as MenuItemLink,
-  g as PanelBar,
+  $ as MenuItemLink,
+  M as PanelBar,
   L as PanelBarItem,
   v as PanelBarUtils,
-  Y as Splitter,
+  j as Splitter,
   c as SplitterBar,
-  z as SplitterPane,
-  Gr as StackLayout,
+  J as SplitterPane,
+  Kr as StackLayout,
   Tr as Step,
-  Br as Stepper,
+  Nr as Stepper,
   i as TabStrip,
   t as TabStripClassComponent,
   I as TabStripContent,
   B as TabStripNavigation,
-  T as TabStripNavigationItem,
-  y as TabStripTab,
-  vr as TileLayout,
+  h as TabStripNavigationItem,
+  g as TabStripTab,
+  Pr as TileLayout,
   se as Timeline,
-  ue as addYearsFlags,
-  ie as contentDisplayName,
-  d as downArrowName,
+  Se as addYearsFlags,
+  ne as contentDisplayName,
+  s as downArrowName,
   P as flatChildren,
-  E as flatVisibleChildren,
-  F as flatVisibleItems,
-  xe as footerDisplayName,
+  F as flatVisibleChildren,
+  E as flatVisibleItems,
+  de as footerDisplayName,
   k as getFirstId,
-  H as getInitialState,
-  ae as headerDisplayName,
-  G as isArrayEqual,
-  K as isPresent,
+  H as getFocusedChild,
+  G as getInitialState,
+  me as headerDisplayName,
+  K as isArrayEqual,
+  O as isPresent,
   u as leftArrowName,
-  O as renderChildren,
+  R as renderChildren,
   S as rightArrowName,
-  Se as sortEventList
+  Ce as sortEventList
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-layout",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1720779965,
+  publishDate: 1723022464,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "8.2.0-develop.9",
+  "version": "8.2.1-develop.1",
   "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",
@@ -23,11 +23,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.0-develop.9",
-    "@progress/kendo-react-common": "8.2.0-develop.9",
-    "@progress/kendo-react-intl": "8.2.0-develop.9",
-    "@progress/kendo-react-popup": "8.2.0-develop.9",
-    "@progress/kendo-react-progressbars": "8.2.0-develop.9",
+    "@progress/kendo-react-animation": "8.2.1-develop.1",
+    "@progress/kendo-react-common": "8.2.1-develop.1",
+    "@progress/kendo-react-intl": "8.2.1-develop.1",
+    "@progress/kendo-react-popup": "8.2.1-develop.1",
+    "@progress/kendo-react-progressbars": "8.2.1-develop.1",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/panelbar/PanelBar.js

@@ -5,4 +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 v=require("react"),r=require("prop-types"),g=require("./PanelBarItem.js"),d=require("./util.js"),o=require("@progress/kendo-react-common"),y=require("../package-metadata.js"),l=require("./interfaces/NavigationAction.js");function x(p){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const a in p)if(a!=="default"){const e=Object.getOwnPropertyDescriptor(p,a);Object.defineProperty(s,a,e.get?e:{enumerable:!0,get:()=>p[a]})}}return s.default=p,Object.freeze(s)}const u=x(v),h=class h extends u.Component{constructor(s){super(s),this._element=null,this.showLicenseWatermark=!1,this.handleSelect=e=>{this.onSelect(e),this.onFocus(e)},this.onSelect=e=>{const n=d.flatChildren(u.Children.toArray(this.children));let i,t;switch(n.forEach(c=>{c.props.uniquePrivateKey===(e.uniquePrivateKey||this.state.focused)&&(i=c)}),this.expandMode){case"single":t=[...i.props.parentUniquePrivateKey,i.props.uniquePrivateKey],d.isArrayEqual(this.expandedItems,t)&&(i.props.parentUniquePrivateKey?t=[...i.props.parentUniquePrivateKey]:t=[]);break;case"multiple":{t=this.expandedItems.slice();const c=t.indexOf(i.props.uniquePrivateKey);c===-1?t.push(i.props.uniquePrivateKey):t.splice(c,1);break}default:t=this.expandedItems.slice();break}this.setState({selected:i.props.uniquePrivateKey,expanded:t}),this.props.onSelect&&this.props.onSelect.call(void 0,{target:i,expandedItems:t})},this.onFocus=(e,n=0)=>{const i=d.flatVisibleChildren(u.Children.toArray(this.children));let t;i.forEach((c,f)=>{if(c.props.uniquePrivateKey===(e.uniquePrivateKey||this.state.focused)){const k=f+n<0?0:f+n>i.length?i.length-1:f+n;t=i[k]}}),t&&(this.activeDescendant=t.props.id,this.setState({focused:t.props.uniquePrivateKey}))},this.onNavigate=(e,n)=>{let i;switch(n){case l.NavigationAction.Previous:i=-1,this.onFocus(e,i);break;case l.NavigationAction.Next:i=1,this.onFocus(e,i);break;case l.NavigationAction.Toggle:this.onSelect(e);break}},this.handleWrapperFocus=()=>{clearTimeout(this.nextTickId),this.state.wrapperFocused||this.setState({wrapperFocused:!0})},this.handleWrapperBlur=()=>{this.nextTick(()=>{this.setState({wrapperFocused:!1})})},this.handleKeyDown=e=>{const n=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(e.target===e.currentTarget){const i=e.keyCode;let t;switch(i){case o.Keys.left:t=n?l.NavigationAction.Next:l.NavigationAction.Previous;break;case o.Keys.up:t=l.NavigationAction.Previous;break;case o.Keys.right:t=n?l.NavigationAction.Previous:l.NavigationAction.Next;break;case o.Keys.down:t=l.NavigationAction.Next;break;case o.Keys.space:case o.Keys.enter:t=l.NavigationAction.Toggle;break;default:t=null;break}t!==null&&(e.preventDefault(),this.onNavigate(e,t))}},o.validatePackage(y.packageMetadata),this.showLicenseWatermark=o.shouldShowValidationUI(y.packageMetadata);const a=d.getInitialState(s,this.expandMode);a.focused||(a.focused=d.getFirstId(s)),this.state=a}get expandMode(){return this.props.expandMode||"multiple"}get selectedItem(){const{selected:s=this.state.selected}=this.props;return s}get expandedItems(){return this.props.isControlled?this.props.expanded||[]:this.state.expanded}get children(){const s={...this.state,selected:this.selectedItem},a={animation:this.props.animation,keepItemsMounted:this.props.keepItemsMounted,state:s,expanded:this.expandedItems,handleSelect:this.handleSelect,children:this.props.children};return d.renderChildren(a)}render(){const s={"aria-activedescendant":this.activeDescendant},a=o.classNames("k-panelbar",this.props.className);return u.createElement("ul",{ref:e=>{this._element=e},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,className:a,style:this.props.style,...s},this.children,this.showLicenseWatermark&&u.createElement(o.WatermarkOverlay,null))}nextTick(s){this.nextTickId=window.setTimeout(()=>s())}};h.propTypes={animation:r.bool,children:function(s,a){const e=s[a];if(e){if(Array.isArray(e)){for(const n of e)if(!n.type||n.type!==g.PanelBarItem)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(e.type!==g.PanelBarItem)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");return null}return null},dir:r.string,selected:r.string,expanded:r.arrayOf(r.string),focused:r.string,expandMode:r.oneOf(["single","multiple"]),className:r.string,keepItemsMounted:r.bool,onSelect:r.func,style:r.object},h.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};let m=h;exports.PanelBar=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("prop-types"),v=require("./PanelBarItem.js"),p=require("./util.js"),o=require("@progress/kendo-react-common"),k=require("../package-metadata.js"),a=require("./interfaces/NavigationAction.js");function P(d){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(n,r,e.get?e:{enumerable:!0,get:()=>d[r]})}}return n.default=d,Object.freeze(n)}const u=P(b),g=class g extends u.Component{constructor(n){super(n),this._element=null,this.showLicenseWatermark=!1,this.handleSelect=e=>{this.onSelect(e),this.onFocus(e)},this.onSelect=e=>{const c=p.flatChildren(u.Children.toArray(this.children));let i,s;switch(c.forEach(t=>{t.props.uniquePrivateKey===(e.uniquePrivateKey||this.state.focused)&&(i=t)}),this.expandMode){case"single":s=[...i.props.parentUniquePrivateKey,i.props.uniquePrivateKey],p.isArrayEqual(this.expandedItems,s)&&(i.props.parentUniquePrivateKey?s=[...i.props.parentUniquePrivateKey]:s=[]);break;case"multiple":{s=this.expandedItems.slice();const t=s.indexOf(i.props.uniquePrivateKey);t===-1?s.push(i.props.uniquePrivateKey):s.splice(t,1);break}default:s=this.expandedItems.slice();break}this.setState({selected:i.props.uniquePrivateKey,expanded:s}),this.props.onSelect&&this.props.onSelect.call(void 0,{target:i,expandedItems:s})},this.onFocus=(e,c=0,i)=>{const s=p.flatVisibleChildren(u.Children.toArray(this.children)),t=p.getFocusedChild(s,c,e,this.state.focused,i);if(t){const h=this.expandedItems.slice();if(i===a.NavigationAction.Right&&t&&t.props&&t.props.children&&t.props.children.length>0){if(h.push(t.props.uniquePrivateKey),this.setState({expanded:[...new Set(h)]}),t.props.expanded){const f=t.props.children[0].props.uniquePrivateKey;this.setState({focused:f})}}else if(i===a.NavigationAction.Left&&(t&&t.props&&t.props.parentUniquePrivateKey&&t.props.parentUniquePrivateKey.length>0||t&&t.props&&!t.props.disabled&&t.props.children&&t.props.children.length>0)){const f=t.props.parentUniquePrivateKey;if(t.props.expanded){const m=t.props.uniquePrivateKey,x=h.indexOf(m);h.splice(x,1),this.setState({expanded:h})}else if(t.props.level>0){const m=t.props.parentUniquePrivateKey[f.length-1];this.setState({focused:m})}}else this.activeDescendant=t.props.id,this.setState({focused:t.props.uniquePrivateKey})}},this.onNavigate=(e,c)=>{let i;switch(c){case a.NavigationAction.First:this.onFocus(e,i,a.NavigationAction.First);break;case a.NavigationAction.Last:this.onFocus(e,i,a.NavigationAction.Last);break;case a.NavigationAction.Left:this.onFocus(e,i,a.NavigationAction.Left);break;case a.NavigationAction.Right:this.onFocus(e,i,a.NavigationAction.Right);break;case a.NavigationAction.Previous:i=-1,this.onFocus(e,i);break;case a.NavigationAction.Next:i=1,this.onFocus(e,i);break;case a.NavigationAction.Toggle:this.onSelect(e);break}},this.handleWrapperFocus=()=>{clearTimeout(this.nextTickId),this.state.wrapperFocused||this.setState({wrapperFocused:!0})},this.handleWrapperBlur=()=>{this.nextTick(()=>{this.setState({wrapperFocused:!1})})},this.handleKeyDown=e=>{const c=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(e.target===e.currentTarget){const i=e.keyCode;let s;switch(i){case o.Keys.left:s=c?a.NavigationAction.Right:a.NavigationAction.Left;break;case o.Keys.up:s=a.NavigationAction.Previous;break;case o.Keys.right:s=c?a.NavigationAction.Left:a.NavigationAction.Right;break;case o.Keys.down:s=a.NavigationAction.Next;break;case o.Keys.home:s=a.NavigationAction.First;break;case o.Keys.end:s=a.NavigationAction.Last;break;case o.Keys.space:case o.Keys.enter:s=a.NavigationAction.Toggle;break;default:s=null;break}s!==null&&(e.preventDefault(),this.onNavigate(e,s))}},o.validatePackage(k.packageMetadata),this.showLicenseWatermark=o.shouldShowValidationUI(k.packageMetadata);const r=p.getInitialState(n,this.expandMode);r.focused||(r.focused=p.getFirstId(n)),this.state=r}get expandMode(){return this.props.expandMode||"multiple"}get selectedItem(){const{selected:n=this.state.selected}=this.props;return n}get expandedItems(){return this.props.isControlled?this.props.expanded||[]:this.state.expanded}get children(){const n={...this.state,selected:this.selectedItem},r={animation:this.props.animation,keepItemsMounted:this.props.keepItemsMounted,state:n,expanded:this.expandedItems,handleSelect:this.handleSelect,children:this.props.children};return p.renderChildren(r)}render(){const n={"aria-activedescendant":this.activeDescendant},r=o.classNames("k-panelbar",this.props.className);return u.createElement("ul",{ref:e=>{this._element=e},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,className:r,style:this.props.style,...n},this.children,this.showLicenseWatermark&&u.createElement(o.WatermarkOverlay,null))}nextTick(n){this.nextTickId=window.setTimeout(()=>n())}};g.propTypes={animation:l.bool,children:function(n,r){const e=n[r];if(e){if(Array.isArray(e)){for(const c of e)if(!c.type||c.type!==v.PanelBarItem)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(e.type!==v.PanelBarItem)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");return null}return null},dir:l.string,selected:l.string,expanded:l.arrayOf(l.string),focused:l.string,expandMode:l.oneOf(["single","multiple"]),className:l.string,keepItemsMounted:l.bool,onSelect:l.func,style:l.object},g.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};let y=g;exports.PanelBar=y;