@progress/kendo-react-layout 9.5.0 → 10.0.0-develop.2

package/actionsheet/ActionSheet.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 Q=require("react"),r=require("prop-types"),V=require("@progress/kendo-react-animation"),y=require("@progress/kendo-react-common"),W=require("../package-metadata.js"),j=require("./ActionSheetItem.js"),K=require("./ActionSheetHeader.js"),X=require("./ActionSheetFooter.js"),Y=require("./ActionSheetContent.js");function Z(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const d=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(m,s,d.get?d:{enumerable:!0,get:()=>e[s]})}}return m.default=e,Object.freeze(m)}const n=Z(Q),x=n.forwardRef((e,m)=>{var q,_;y.validatePackage(W.packageMetadata);const{navigatableElements:s=S.navigatableElements,navigatable:d=S.navigatable,position:M=S.position,actions:C,filter:I}=e,H=(t,i,a)=>{a.preventDefault(),a.shiftKey?i.focusPrevious(t):i.focusNext(t)},F=(t,i,a)=>{if(t.ariaDisabled)return;const E=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,v=i.elements.filter(o=>o.className.indexOf("k-actionsheet-item")!==-1);if(E&&e.onItemClick){a.preventDefault();const o=e.items[v.indexOf(t)];e.onItemClick.call(void 0,{syntheticEvent:a,item:o,title:o&&o.title})}if(E&&e.onItemSelect){a.preventDefault();const o=e.items[v.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:a,item:o,title:o&&o.title})}e.animation||u()},L=(t,i,a)=>{e.onOverlayClick&&(a.preventDefault(),e.onOverlayClick.call(void 0,a)),e.onClose&&(a.preventDefault(),e.onClose.call(void 0,a)),e.animation||u()},u=()=>{f({show:!1})},$=t=>{d&&h.current.triggerKeyboardEvent(t)},B=t=>{e.onOverlayClick&&e.onOverlayClick.call(void 0,t),e.onClose&&e.onClose.call(void 0,t),e.animation||u()},D=t=>{e.onItemClick&&e.onItemClick.call(void 0,t),e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||u()},z=t=>{const i={};return n.Children.forEach(t,a=>{a&&(i[a.type.displayName]=a)}),i},R=n.useRef(null),g=n.useRef(null);n.useImperativeHandle(R,()=>({props:e})),n.useImperativeHandle(m,()=>R.current);const h=n.useRef(),U=n.useRef(e.animationDuration||300),N=n.useRef({bottom:"0",width:"100%"}),O=n.useRef(),[l,G]=n.useState({show:!1,slide:!1}),f=t=>{G(i=>({...i,...t}))};n.useEffect(()=>{e.expand&&!l.show&&f({show:!0})},[]),n.useEffect(()=>{const t=g.current;if(e.expand&&!l.show&&f({show:!0}),e.expand&&l.show&&!l.slide&&f({slide:!0}),!e.expand&&l.show&&l.slide&&f({slide:!1}),O!==l&&l.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&d){const a=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(E=>y.FOCUSABLE_ELEMENTS.concat(s).map(v=>`${E} ${v}`)).flat()];h.current=new y.Navigation({tabIndex:e.tabIndex||0,root:g,rovingTabIndex:!1,selectors:a,keyboardEvents:{keydown:{Tab:H,Enter:F,Escape:L}}}),h.current.focusElement(h.current.first,null)}O.current={...l}});const w="k-actionsheet-title",A=w,c=(q=e.items)==null?void 0:q.filter(t=>!t.group||t.group==="top"),b=(_=e.items)==null?void 0:_.filter(t=>t.group==="bottom"),J=c&&c.length>0&&b&&b.length>0,k=z(e.children),T=e.animationDuration||U.current,P=l.slide&&n.createElement("div",{className:y.classNames(`k-actionsheet k-actionsheet-${M}`,e.className),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":A,ref:g,onKeyDown:$},k[K.headerDisplayName]&&!e.title&&!e.subTitle&&k[K.headerDisplayName],(e.title||e.subTitle)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},n.createElement("div",{className:w,id:A},n.createElement("div",{className:"k-text-center"},e.title),n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),C&&n.createElement("div",{className:"k-actionsheet-actions"},C)),I&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},I)),k[Y.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},c&&c.map((t,i)=>n.createElement(j.ActionSheetItem,{...t,id:i,key:i,item:t,tabIndex:e.tabIndex||0,onClick:D})),J&&n.createElement("hr",{className:"k-hr"}),b&&b.map((t,i)=>n.createElement(j.ActionSheetItem,{...t,id:i+((c==null?void 0:c.length)||0),key:i,item:t,tabIndex:e.tabIndex||0,onClick:D})))),k[X.footerDisplayName]);return n.createElement(n.Fragment,null,e.expand||l.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:B}),e.animation?n.createElement(V.Animation,{transitionName:l.slide?"slide-up":"slide-down",onExited:u,transitionEnterDuration:T,transitionExitDuration:T,animationEnteringStyle:e.animationStyles||N.current,animationEnteredStyle:e.animationStyles||N.current,animationExitingStyle:e.animationStyles||N.current,exit:!0,enter:!0,appear:!1},P):P):null)}),S={navigatable:!0,navigatableElements:[],position:"bottom"};x.propTypes={items:r.array,subTitle:r.string,title:r.string,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"])};x.displayName="KendoReactActionSheet";exports.ActionSheet=x;exports.actionSheetDefaultProps=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),r=require("prop-types"),V=require("@progress/kendo-react-animation"),N=require("@progress/kendo-react-common"),j=require("./ActionSheetItem.js"),K=require("./ActionSheetHeader.js"),W=require("./ActionSheetFooter.js"),X=require("./ActionSheetContent.js");function Y(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const d=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(m,s,d.get?d:{enumerable:!0,get:()=>e[s]})}}return m.default=e,Object.freeze(m)}const n=Y(Q),x=n.forwardRef((e,m)=>{var q,_;const{navigatableElements:s=v.navigatableElements,navigatable:d=v.navigatable,position:H=v.position,actions:C,filter:I}=e,F=(t,i,a)=>{a.preventDefault(),a.shiftKey?i.focusPrevious(t):i.focusNext(t)},L=(t,i,a)=>{if(t.ariaDisabled)return;const E=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,y=i.elements.filter(o=>o.className.indexOf("k-actionsheet-item")!==-1);if(E&&e.onItemClick){a.preventDefault();const o=e.items[y.indexOf(t)];e.onItemClick.call(void 0,{syntheticEvent:a,item:o,title:o&&o.title})}if(E&&e.onItemSelect){a.preventDefault();const o=e.items[y.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:a,item:o,title:o&&o.title})}e.animation||u()},M=(t,i,a)=>{e.onOverlayClick&&(a.preventDefault(),e.onOverlayClick.call(void 0,a)),e.onClose&&(a.preventDefault(),e.onClose.call(void 0,a)),e.animation||u()},u=()=>{f({show:!1})},$=t=>{d&&h.current.triggerKeyboardEvent(t)},B=t=>{e.onOverlayClick&&e.onOverlayClick.call(void 0,t),e.onClose&&e.onClose.call(void 0,t),e.animation||u()},D=t=>{e.onItemClick&&e.onItemClick.call(void 0,t),e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||u()},z=t=>{const i={};return n.Children.forEach(t,a=>{a&&(i[a.type.displayName]=a)}),i},R=n.useRef(null),S=n.useRef(null);n.useImperativeHandle(R,()=>({props:e})),n.useImperativeHandle(m,()=>R.current);const h=n.useRef(),U=n.useRef(e.animationDuration||300),g=n.useRef({bottom:"0",width:"100%"}),O=n.useRef(),[l,G]=n.useState({show:!1,slide:!1}),f=t=>{G(i=>({...i,...t}))};n.useEffect(()=>{e.expand&&!l.show&&f({show:!0})},[]),n.useEffect(()=>{const t=S.current;if(e.expand&&!l.show&&f({show:!0}),e.expand&&l.show&&!l.slide&&f({slide:!0}),!e.expand&&l.show&&l.slide&&f({slide:!1}),O!==l&&l.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&d){const a=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(E=>N.FOCUSABLE_ELEMENTS.concat(s).map(y=>`${E} ${y}`)).flat()];h.current=new N.Navigation({tabIndex:e.tabIndex||0,root:S,rovingTabIndex:!1,selectors:a,keyboardEvents:{keydown:{Tab:F,Enter:L,Escape:M}}}),h.current.focusElement(h.current.first,null)}O.current={...l}});const w="k-actionsheet-title",A=w,c=(q=e.items)==null?void 0:q.filter(t=>!t.group||t.group==="top"),b=(_=e.items)==null?void 0:_.filter(t=>t.group==="bottom"),J=c&&c.length>0&&b&&b.length>0,k=z(e.children),T=e.animationDuration||U.current,P=l.slide&&n.createElement("div",{className:N.classNames(`k-actionsheet k-actionsheet-${H}`,e.className),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":A,ref:S,onKeyDown:$},k[K.headerDisplayName]&&!e.title&&!e.subTitle&&k[K.headerDisplayName],(e.title||e.subTitle)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},n.createElement("div",{className:w,id:A},n.createElement("div",{className:"k-text-center"},e.title),n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),C&&n.createElement("div",{className:"k-actionsheet-actions"},C)),I&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},I)),k[X.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},c&&c.map((t,i)=>n.createElement(j.ActionSheetItem,{...t,id:i,key:i,item:t,tabIndex:e.tabIndex||0,onClick:D})),J&&n.createElement("hr",{className:"k-hr"}),b&&b.map((t,i)=>n.createElement(j.ActionSheetItem,{...t,id:i+((c==null?void 0:c.length)||0),key:i,item:t,tabIndex:e.tabIndex||0,onClick:D})))),k[W.footerDisplayName]);return n.createElement(n.Fragment,null,e.expand||l.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:B}),e.animation?n.createElement(V.Animation,{transitionName:l.slide?"slide-up":"slide-down",onExited:u,transitionEnterDuration:T,transitionExitDuration:T,animationEnteringStyle:e.animationStyles||g.current,animationEnteredStyle:e.animationStyles||g.current,animationExitingStyle:e.animationStyles||g.current,exit:!0,enter:!0,appear:!1},P):P):null)}),v={navigatable:!0,navigatableElements:[],position:"bottom"};x.propTypes={items:r.array,subTitle:r.string,title:r.string,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"])};x.displayName="KendoReactActionSheet";exports.ActionSheet=x;exports.actionSheetDefaultProps=v;

package/actionsheet/ActionSheet.mjs

@@ -8,15 +8,13 @@
 import * as n from "react";
 import s from "prop-types";
 import { Animation as J } from "@progress/kendo-react-animation";
-import { validatePackage as Q, FOCUSABLE_ELEMENTS as V, Navigation as W, classNames as X } from "@progress/kendo-react-common";
-import { packageMetadata as Y } from "../package-metadata.mjs";
+import { FOCUSABLE_ELEMENTS as Q, Navigation as V, classNames as W } from "@progress/kendo-react-common";
 import { ActionSheetItem as P } from "./ActionSheetItem.mjs";
 import { headerDisplayName as A } from "./ActionSheetHeader.mjs";
-import { footerDisplayName as Z } from "./ActionSheetFooter.mjs";
-import { contentDisplayName as p } from "./ActionSheetContent.mjs";
+import { footerDisplayName as X } from "./ActionSheetFooter.mjs";
+import { contentDisplayName as Y } from "./ActionSheetContent.mjs";
 const K = n.forwardRef((e, _) => {
   var O, T;
-  Q(Y);
   const {
     navigatableElements: H = b.navigatableElements,
     navigatable: y = b.navigatable,
@@ -80,10 +78,10 @@ const K = n.forwardRef((e, _) => {
         ".k-actionsheet-footer",
         ".k-actionsheet-content",
         ".k-actionsheet-titlebar"
-      ].map((h) => V.concat(H).map(
+      ].map((h) => Q.concat(H).map(
         (E) => `${h} ${E}`
       )).flat()];
-      f.current = new W({
+      f.current = new V({
         tabIndex: e.tabIndex || 0,
         root: k,
         rovingTabIndex: !1,
@@ -106,7 +104,7 @@ const K = n.forwardRef((e, _) => {
   ), G = c && c.length > 0 && d && d.length > 0, u = j(e.children), R = e.animationDuration || q.current, w = l.slide && /* @__PURE__ */ n.createElement(
     "div",
     {
-      className: X(`k-actionsheet k-actionsheet-${L}`, e.className),
+      className: W(`k-actionsheet k-actionsheet-${L}`, e.className),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !1,
@@ -116,7 +114,7 @@ const K = n.forwardRef((e, _) => {
     },
     u[A] && !e.title && !e.subTitle && u[A],
     (e.title || e.subTitle) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ n.createElement("div", { className: I, id: D }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), N && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, N)), g && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, g)),
-    u[p] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, c && c.map((t, i) => /* @__PURE__ */ n.createElement(
+    u[Y] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, c && c.map((t, i) => /* @__PURE__ */ n.createElement(
       P,
       {
         ...t,
@@ -137,7 +135,7 @@ const K = n.forwardRef((e, _) => {
         onClick: S
       }
     )))),
-    u[Z]
+    u[X]
   );
   return /* @__PURE__ */ n.createElement(n.Fragment, null, e.expand || l.show ? /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ n.createElement("div", { className: "k-overlay", onClick: U }), e.animation ? /* @__PURE__ */ n.createElement(
     J,

package/appbar/AppBar.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"),o=require("prop-types"),c=require("@progress/kendo-react-common"),C=require("../package-metadata.js");function h(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const t=h(M),d=t.forwardRef((e,s)=>{c.validatePackage(C.packageMetadata);const{children:a,className:n,style:f,id:b}=e,r=t.useRef(null),m=t.useCallback(()=>{r.current&&c.focusFirstFocusableChild(r.current)},[]),k=t.useCallback(()=>({element:r.current,focus:m}),[m]);t.useImperativeHandle(s,k);const g=c.useId(),l=t.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),p=t.useMemo(()=>e.position||u.position,[e.position]),i=t.useMemo(()=>e.positionMode||u.positionMode,[e.positionMode]),y=t.useMemo(()=>c.classNames("k-appbar",{"k-appbar-top":p==="top","k-appbar-bottom":p==="bottom","k-appbar-static":i==="static","k-appbar-sticky":i==="sticky","k-appbar-fixed":i==="fixed",[`k-appbar-${l}`]:!!l},n),[p,i,l,n]);return t.createElement("div",{className:y,style:f,id:b||g},a)});d.propTypes={children:o.any,className:o.string,style:o.object,id:o.string,themeColor:o.string,position:o.oneOf(["top","bottom"]),positionMode:o.oneOf(["static","sticky","fixed"])};const u={themeColor:"light",position:"top",positionMode:"static"};d.displayName="KendoAppBar";exports.AppBar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),o=require("prop-types"),p=require("@progress/kendo-react-common");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const t=C(M),d=t.forwardRef((e,n)=>{const{children:s,className:a,style:f,id:b}=e,c=t.useRef(null),m=t.useCallback(()=>{c.current&&p.focusFirstFocusableChild(c.current)},[]),k=t.useCallback(()=>({element:c.current,focus:m}),[m]);t.useImperativeHandle(n,k);const y=p.useId(),r=t.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),l=t.useMemo(()=>e.position||u.position,[e.position]),i=t.useMemo(()=>e.positionMode||u.positionMode,[e.positionMode]),g=t.useMemo(()=>p.classNames("k-appbar",{"k-appbar-top":l==="top","k-appbar-bottom":l==="bottom","k-appbar-static":i==="static","k-appbar-sticky":i==="sticky","k-appbar-fixed":i==="fixed",[`k-appbar-${r}`]:!!r},a),[l,i,r,a]);return t.createElement("div",{className:g,style:f,id:b||y},s)});d.propTypes={children:o.any,className:o.string,style:o.object,id:o.string,themeColor:o.string,position:o.oneOf(["top","bottom"]),positionMode:o.oneOf(["static","sticky","fixed"])};const u={themeColor:"light",position:"top",positionMode:"static"};d.displayName="KendoAppBar";exports.AppBar=d;

package/appbar/AppBar.mjs

@@ -7,36 +7,34 @@
  */
 import * as e from "react";
 import t from "prop-types";
-import { validatePackage as h, focusFirstFocusableChild as C, useId as y, classNames as g } from "@progress/kendo-react-common";
-import { packageMetadata as N } from "../package-metadata.mjs";
+import { focusFirstFocusableChild as C, useId as M, classNames as y } from "@progress/kendo-react-common";
 const l = e.forwardRef((o, m) => {
-  h(N);
-  const { children: d, className: c, style: u, id: f } = o, s = e.useRef(null), p = e.useCallback(() => {
-    s.current && C(s.current);
+  const { children: d, className: c, style: u, id: f } = o, i = e.useRef(null), p = e.useCallback(() => {
+    i.current && C(i.current);
   }, []), b = e.useCallback(
     () => ({
-      element: s.current,
+      element: i.current,
       focus: p
     }),
     [p]
   );
   e.useImperativeHandle(m, b);
-  const k = y(), i = e.useMemo(() => o.themeColor || r.themeColor, [o.themeColor]), n = e.useMemo(() => o.position || r.position, [o.position]), a = e.useMemo(() => o.positionMode || r.positionMode, [o.positionMode]), M = e.useMemo(
-    () => g(
+  const k = M(), a = e.useMemo(() => o.themeColor || r.themeColor, [o.themeColor]), n = e.useMemo(() => o.position || r.position, [o.position]), s = e.useMemo(() => o.positionMode || r.positionMode, [o.positionMode]), h = e.useMemo(
+    () => y(
       "k-appbar",
       {
         "k-appbar-top": n === "top",
         "k-appbar-bottom": n === "bottom",
-        "k-appbar-static": a === "static",
-        "k-appbar-sticky": a === "sticky",
-        "k-appbar-fixed": a === "fixed",
-        [`k-appbar-${i}`]: !!i
+        "k-appbar-static": s === "static",
+        "k-appbar-sticky": s === "sticky",
+        "k-appbar-fixed": s === "fixed",
+        [`k-appbar-${a}`]: !!a
       },
       c
     ),
-    [n, a, i, c]
+    [n, s, a, c]
   );
-  return /* @__PURE__ */ e.createElement("div", { className: M, style: u, id: f || k }, d);
+  return /* @__PURE__ */ e.createElement("div", { className: h, style: u, id: f || k }, d);
 });
 l.propTypes = {
   children: t.any,

package/bottomnavigation/BottomNavigation.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 T=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),p=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const o=q(T),y=o.forwardRef((e,s)=>{r.validatePackage(_.packageMetadata);const n=o.useRef(null),c=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),f=o.useCallback(()=>({element:n.current,focus:c}),[c]);o.useImperativeHandle(s,f);const{positionMode:k=u.positionMode,itemFlow:M=u.itemFlow,border:C=u.border,className:S,items:i,item:w,itemRender:I,disabled:b,style:E,id:h,onSelect:g,onKeyDown:O}=e,N=r.useId(),D=r.useDir(n,e.dir),d=o.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||u.fillMode,[e.fillMode,e.fill]),v=o.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),R=o.useMemo(()=>r.classNames("k-bottom-nav",p.POSITION_MODE_CLASSES[k],p.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${d}`]:d,[`k-bottom-nav-${d}-${v}`]:!!(d&&v),"k-bottom-nav-border":C,"k-disabled":b},S),[k,v,d,M,C,b,S]),m=o.useCallback((t,l)=>{i&&!i[l].disabled&&g&&r.dispatchEvent(g,t,f(),{itemTarget:i[l],itemIndex:l})},[i,g]),F=o.useCallback((t,l)=>{m(t,l)},[m]),P=o.useCallback((t,l)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:m(t,l),t.preventDefault();break}r.dispatchEvent(O,t,f(),void 0)},[m,O]);return o.createElement("nav",{ref:n,className:R,style:E,id:h||N,dir:D},i&&i.map((t,l)=>o.createElement(j.BottomNavigationItem,{...t,key:l,index:l,id:`${h||N}-${l}`,disabled:b||t.disabled,selected:t.selected,dataItem:t,item:w,render:I,onSelect:F,onKeyDown:P})))}),u={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};y.propTypes={className:a.string,style:a.object,id:a.string,dir:a.string,themeColor:a.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:a.oneOf(["solid","flat"]),fillMode:a.oneOf(["solid","flat"]),itemFlow:a.oneOf(["vertical","horizontal"]),border:a.bool,disabled:a.bool,selected:a.number,onSelect:a.func};y.displayName="KendoReactBottomNavigation";exports.BottomNavigation=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),w=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function B(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const o=B(_),g=o.forwardRef((e,s)=>{const a=o.useRef(null),c=o.useCallback(()=>{a.current&&r.focusFirstFocusableChild(a.current)},[]),f=o.useCallback(()=>({element:a.current,focus:c}),[c]);o.useImperativeHandle(s,f);const{positionMode:C=u.positionMode,itemFlow:M=u.itemFlow,border:k=u.border,className:S,items:i,item:I,itemRender:E,disabled:b,style:p,id:h,onSelect:v,onKeyDown:O}=e,N=r.useId(),D=r.useDir(a,e.dir),d=o.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||u.fillMode,[e.fillMode,e.fill]),y=o.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),R=o.useMemo(()=>r.classNames("k-bottom-nav",w.POSITION_MODE_CLASSES[C],w.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${d}`]:d,[`k-bottom-nav-${d}-${y}`]:!!(d&&y),"k-bottom-nav-border":k,"k-disabled":b},S),[C,y,d,M,k,b,S]),m=o.useCallback((t,n)=>{i&&!i[n].disabled&&v&&r.dispatchEvent(v,t,f(),{itemTarget:i[n],itemIndex:n})},[i,v]),F=o.useCallback((t,n)=>{m(t,n)},[m]),T=o.useCallback((t,n)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:m(t,n),t.preventDefault();break}r.dispatchEvent(O,t,f(),void 0)},[m,O]);return o.createElement("nav",{ref:a,className:R,style:p,id:h||N,dir:D},i&&i.map((t,n)=>o.createElement(j.BottomNavigationItem,{...t,key:n,index:n,id:`${h||N}-${n}`,disabled:b||t.disabled,selected:t.selected,dataItem:t,item:I,render:E,onSelect:F,onKeyDown:T})))}),u={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};g.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:l.oneOf(["solid","flat"]),fillMode:l.oneOf(["solid","flat"]),itemFlow:l.oneOf(["vertical","horizontal"]),border:l.bool,disabled:l.bool,selected:l.number,onSelect:l.func};g.displayName="KendoReactBottomNavigation";exports.BottomNavigation=g;

package/bottomnavigation/BottomNavigation.mjs

@@ -7,14 +7,12 @@
  */
 import * as o from "react";
 import t from "prop-types";
-import { validatePackage as T, focusFirstFocusableChild as $, useId as B, useDir as P, classNames as _, dispatchEvent as S, Keys as w } from "@progress/kendo-react-common";
-import { packageMetadata as L } from "../package-metadata.mjs";
-import { POSITION_MODE_CLASSES as A, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
-import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
-const I = o.forwardRef((a, p) => {
-  T(L);
+import { focusFirstFocusableChild as T, useId as $, useDir as B, classNames as _, dispatchEvent as g, Keys as w } from "@progress/kendo-react-common";
+import { POSITION_MODE_CLASSES as L, ITEM_FLOW_CLASSES as P } from "./models/utils.mjs";
+import { BottomNavigationItem as A } from "./BottomNavigationItem.mjs";
+const I = o.forwardRef((r, E) => {
   const i = o.useRef(null), b = o.useCallback(() => {
-    i.current && $(i.current);
+    i.current && T(i.current);
   }, []), c = o.useCallback(
     () => ({
       element: i.current,
@@ -22,42 +20,42 @@ const I = o.forwardRef((a, p) => {
     }),
     [b]
   );
-  o.useImperativeHandle(p, c);
+  o.useImperativeHandle(E, c);
   const {
     positionMode: v = s.positionMode,
-    itemFlow: k = s.itemFlow,
-    border: C = s.border,
+    itemFlow: C = s.itemFlow,
+    border: y = s.border,
     className: M,
-    items: r,
-    item: E,
-    itemRender: N,
+    items: a,
+    item: N,
+    itemRender: O,
     disabled: m,
-    style: O,
-    id: y,
+    style: p,
+    id: h,
     onSelect: f,
-    onKeyDown: h
-  } = a, g = B(), F = P(i, a.dir), n = o.useMemo(() => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || s.fillMode, [a.fillMode, a.fill]), u = o.useMemo(() => a.themeColor || s.themeColor, [a.themeColor]), D = o.useMemo(
+    onKeyDown: k
+  } = r, S = $(), F = B(i, r.dir), n = o.useMemo(() => r.fillMode === null || r.fill === null ? null : r.fill || r.fillMode || s.fillMode, [r.fillMode, r.fill]), u = o.useMemo(() => r.themeColor || s.themeColor, [r.themeColor]), D = o.useMemo(
     () => _(
       "k-bottom-nav",
-      A[v],
-      H[k],
+      L[v],
+      P[C],
       {
         [`k-bottom-nav-${n}`]: n,
         [`k-bottom-nav-${n}-${u}`]: !!(n && u),
-        "k-bottom-nav-border": C,
+        "k-bottom-nav-border": y,
         "k-disabled": m
       },
       M
     ),
-    [v, u, n, k, C, m, M]
+    [v, u, n, C, y, m, M]
   ), d = o.useCallback(
     (e, l) => {
-      r && !r[l].disabled && f && S(f, e, c(), {
-        itemTarget: r[l],
+      a && !a[l].disabled && f && g(f, e, c(), {
+        itemTarget: a[l],
         itemIndex: l
       });
     },
-    [r, f]
+    [a, f]
   ), R = o.useCallback(
     (e, l) => {
       d(e, l);
@@ -71,27 +69,27 @@ const I = o.forwardRef((a, p) => {
           d(e, l), e.preventDefault();
           break;
       }
-      S(
-        h,
+      g(
+        k,
         e,
         c(),
         void 0
       );
     },
-    [d, h]
+    [d, k]
   );
-  return /* @__PURE__ */ o.createElement("nav", { ref: i, className: D, style: O, id: y || g, dir: F }, r && r.map((e, l) => /* @__PURE__ */ o.createElement(
-    j,
+  return /* @__PURE__ */ o.createElement("nav", { ref: i, className: D, style: p, id: h || S, dir: F }, a && a.map((e, l) => /* @__PURE__ */ o.createElement(
+    A,
     {
       ...e,
       key: l,
       index: l,
-      id: `${y || g}-${l}`,
+      id: `${h || S}-${l}`,
       disabled: m || e.disabled,
       selected: e.selected,
       dataItem: e,
-      item: E,
-      render: N,
+      item: N,
+      render: O,
       onSelect: R,
       onKeyDown: K
     }

package/bottomnavigation/BottomNavigationItem.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 w=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common"),D=require("../package-metadata.js");function E(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const e=E(w),b=e.forwardRef((t,s)=>{l.validatePackage(D.packageMetadata);const n=e.useRef(null);e.useImperativeHandle(s,()=>({element:n.current}));const{className:r,style:y,selected:i,disabled:o,item:N,render:x,dataItem:C,icon:g,svgIcon:p,text:f,id:P,onSelect:m,onKeyDown:d,index:c,tabIndex:R=M.tabIndex}=t,j=e.useMemo(()=>l.classNames("k-bottom-nav-item",{"k-selected":i,"k-disabled":o},r),[i,o,r]),O=e.useCallback(u=>{m&&c!==void 0&&!o&&m(u,c)},[m,c,o]),S=e.useCallback(u=>{d&&c!==void 0&&!o&&d(u,c)},[d,c,o]),v=x,I=N,k=e.createElement("span",{ref:n,className:j,style:y,role:"link",id:P,tabIndex:R,onClick:O,onKeyDown:S,"aria-current":i,"aria-disabled":o},I?e.createElement(I,{itemIndex:c,item:C}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(l.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,k,t):k}),M={tabIndex:0};b.propTypes={className:a.string,style:a.object,id:a.string,disabled:a.bool,selected:a.bool,icon:a.string,svgIcon:l.svgIconPropType,text:a.string,tabIndex:a.number};b.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),n=require("prop-types"),u=require("@progress/kendo-react-common");function D(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const e=D(w),b=e.forwardRef((t,c)=>{const o=e.useRef(null);e.useImperativeHandle(c,()=>({element:o.current}));const{className:l,style:k,selected:r,disabled:a,item:N,render:x,dataItem:C,icon:g,svgIcon:p,text:f,id:R,onSelect:i,onKeyDown:m,index:s,tabIndex:j=E.tabIndex}=t,O=e.useMemo(()=>u.classNames("k-bottom-nav-item",{"k-selected":r,"k-disabled":a},l),[r,a,l]),P=e.useCallback(d=>{i&&s!==void 0&&!a&&i(d,s)},[i,s,a]),S=e.useCallback(d=>{m&&s!==void 0&&!a&&m(d,s)},[m,s,a]),v=x,I=N,y=e.createElement("span",{ref:o,className:O,style:k,role:"link",id:R,tabIndex:j,onClick:P,onKeyDown:S,"aria-current":r,"aria-disabled":a},I?e.createElement(I,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(u.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,y,t):y}),E={tabIndex:0};b.propTypes={className:n.string,style:n.object,id:n.string,disabled:n.bool,selected:n.bool,icon:n.string,svgIcon:u.svgIconPropType,text:n.string,tabIndex:n.number};b.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=b;

package/bottomnavigation/BottomNavigationItem.mjs

@@ -7,24 +7,22 @@
  */
 import * as e from "react";
 import t from "prop-types";
-import { validatePackage as P, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
-import { packageMetadata as B } from "../package-metadata.mjs";
-const u = e.forwardRef(
-  (m, f) => {
-    P(B);
+import { classNames as D, svgIconPropType as P, IconWrap as T } from "@progress/kendo-react-common";
+const f = e.forwardRef(
+  (m, g) => {
     const i = e.useRef(null);
     e.useImperativeHandle(
-      f,
+      g,
       () => ({
         element: i.current
       })
     );
     const {
       className: r,
-      style: k,
-      selected: o,
-      disabled: a,
-      item: x,
+      style: x,
+      selected: a,
+      disabled: n,
+      item: k,
       render: y,
       dataItem: N,
       icon: d,
@@ -33,61 +31,61 @@ const u = e.forwardRef(
       id: C,
       onSelect: s,
       onKeyDown: l,
-      index: n,
-      tabIndex: E = M.tabIndex
+      index: o,
+      tabIndex: E = h.tabIndex
     } = m, R = e.useMemo(
       () => D(
         "k-bottom-nav-item",
         {
-          "k-selected": o,
-          "k-disabled": a
+          "k-selected": a,
+          "k-disabled": n
         },
         r
       ),
-      [o, a, r]
+      [a, n, r]
     ), w = e.useCallback(
       (c) => {
-        s && n !== void 0 && !a && s(c, n);
+        s && o !== void 0 && !n && s(c, o);
       },
-      [s, n, a]
+      [s, o, n]
     ), K = e.useCallback(
       (c) => {
-        l && n !== void 0 && !a && l(c, n);
+        l && o !== void 0 && !n && l(c, o);
       },
-      [l, n, a]
-    ), v = y, I = x, g = /* @__PURE__ */ e.createElement(
+      [l, o, n]
+    ), I = y, v = k, u = /* @__PURE__ */ e.createElement(
       "span",
       {
         ref: i,
         className: R,
-        style: k,
+        style: x,
         role: "link",
         id: C,
         tabIndex: E,
         onClick: w,
         onKeyDown: K,
-        "aria-current": o,
-        "aria-disabled": a
+        "aria-current": a,
+        "aria-disabled": n
       },
-      I ? /* @__PURE__ */ e.createElement(I, { itemIndex: n, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(h, { className: "k-bottom-nav-item-icon", name: d, icon: b, size: "xlarge" }), p && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
+      v ? /* @__PURE__ */ e.createElement(v, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(T, { className: "k-bottom-nav-item-icon", name: d, icon: b, size: "xlarge" }), p && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
     );
-    return v !== void 0 ? v.call(void 0, g, m) : g;
+    return I !== void 0 ? I.call(void 0, u, m) : u;
   }
-), M = {
+), h = {
   tabIndex: 0
 };
-u.propTypes = {
+f.propTypes = {
   className: t.string,
   style: t.object,
   id: t.string,
   disabled: t.bool,
   selected: t.bool,
   icon: t.string,
-  svgIcon: T,
+  svgIcon: P,
   text: t.string,
   tabIndex: t.number
 };
-u.displayName = "KendoReactBottomNavigationItem";
+f.displayName = "KendoReactBottomNavigationItem";
 export {
-  u as BottomNavigationItem
+  f as BottomNavigationItem
 };

package/breadcrumb/Breadcrumb.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 B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),F=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const g=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||b.valueField,S=e.iconField||b.iconField,u=e.iconClassField||b.iconClassField,m=e.textField||b.textField,f=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[f]||f}`]:f},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),i=require("prop-types"),o=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),M=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function q(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(l,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return l.default=e,Object.freeze(l)}const r=q(B),F=r.forwardRef((e,l)=>{const n=r.useRef(null),a=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),I=r.useMemo(()=>e.breadcrumbLink||M.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{a.current&&a.current.focus()},[a]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(n,()=>({element:a.current,focus:D,props:e})),r.useImperativeHandle(l,()=>n.current);const g=o.useDir(a,e.dir),k=t=>{n.current&&o.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},C=t=>{n.current&&o.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},S=e.valueField||b.valueField,v=e.iconField||b.iconField,m=e.iconClassField||b.iconClassField,u=e.textField||b.textField,f=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:a,dir:g,className:o.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${o.kendoThemeMaps.sizeMap[f]||f}`]:f},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,s)=>{const d=t[S];if(c===0)return r.createElement(L,{key:d,isFirstItem:!0,isLastItem:s.length-1===c},r.createElement(I,{isLast:s.length-1===c,isFirst:!0,id:String(d),icon:t[v]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[u]?String(t[u]):void 0,disabled:t.disabled||!1,onItemSelect:k,onKeyDown:C,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,s)=>{const d=t[S];if(c!==0)return r.createElement(L,{key:d,isFirstItem:!1,isLastItem:s.length-1===c},r.createElement(O,{dir:g}),r.createElement(I,{isLast:s.length-1===c,isFirst:!1,id:String(d),icon:t[v]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[u]?String(t[u]):void 0,disabled:t.disabled||!1,onItemSelect:k,onKeyDown:C,...e}))}))))}),w={id:i.string,style:i.object,className:i.string,breadcrumbOrderedList:i.elementType,breadcrumbListItem:i.elementType,breadcrumbDelimiter:i.elementType,breadcrumbLink:i.elementType,data:i.arrayOf(i.shape({id:i.string,text:i.string,icon:i.any,iconClass:i.string})),dir:i.oneOf(["ltr","rtl"]),disabled:i.bool,valueField:i.string,textField:i.string,iconField:i.string,iconClassField:i.string,onItemSelect:i.func,ariaLabel:i.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=w;exports.Breadcrumb=F;

package/breadcrumb/Breadcrumb.mjs

@@ -7,35 +7,33 @@
  */
 import * as r from "react";
 import i from "prop-types";
-import { packageMetadata as M } from "../package-metadata.mjs";
-import { validatePackage as T, useDir as O, classNames as w, kendoThemeMaps as x, dispatchEvent as C } from "@progress/kendo-react-common";
-import { BreadcrumbListItem as B } from "./BreadcrumbListItem.mjs";
-import { BreadcrumbDelimiter as R } from "./BreadcrumbDelimiter.mjs";
-import { BreadcrumbLink as K } from "./BreadcrumbLink.mjs";
-import { BreadcrumbOrderedList as N } from "./BreadcrumbOrderedList.mjs";
+import { useDir as T, classNames as M, kendoThemeMaps as O, dispatchEvent as C } from "@progress/kendo-react-common";
+import { BreadcrumbListItem as w } from "./BreadcrumbListItem.mjs";
+import { BreadcrumbDelimiter as x } from "./BreadcrumbDelimiter.mjs";
+import { BreadcrumbLink as B } from "./BreadcrumbLink.mjs";
+import { BreadcrumbOrderedList as R } from "./BreadcrumbOrderedList.mjs";
 const v = r.forwardRef((e, E) => {
-  T(M);
-  const s = r.useRef(null), n = r.useRef(null), f = r.useMemo(
-    () => e.breadcrumbOrderedList || N,
+  const d = r.useRef(null), n = r.useRef(null), f = r.useMemo(
+    () => e.breadcrumbOrderedList || R,
     [e.breadcrumbOrderedList]
   ), g = r.useMemo(
-    () => e.breadcrumbListItem || B,
+    () => e.breadcrumbListItem || w,
     [e.breadcrumbListItem]
   ), S = r.useMemo(
-    () => e.breadcrumbDelimiter || R,
+    () => e.breadcrumbDelimiter || x,
     [e.breadcrumbDelimiter]
-  ), F = r.useMemo(() => e.breadcrumbLink || K, [e.breadcrumbLink]), D = r.useCallback(() => {
+  ), F = r.useMemo(() => e.breadcrumbLink || B, [e.breadcrumbLink]), D = r.useCallback(() => {
     n.current && n.current.focus();
   }, [n]), h = r.useMemo(() => e.disabled || !1, [e.disabled]);
-  r.useImperativeHandle(s, () => ({
+  r.useImperativeHandle(d, () => ({
     element: n.current,
     focus: D,
     props: e
-  })), r.useImperativeHandle(E, () => s.current);
-  const u = O(n, e.dir), L = (t) => {
-    s.current && C(e.onItemSelect, t, t.target, { id: t.target.id });
+  })), r.useImperativeHandle(E, () => d.current);
+  const u = T(n, e.dir), L = (t) => {
+    d.current && C(e.onItemSelect, t, t.target, { id: t.target.id });
   }, y = (t) => {
-    s.current && C(e.onKeyDown, t, t.target, { id: t.target.id });
+    d.current && C(e.onKeyDown, t, t.target, { id: t.target.id });
   }, I = e.valueField || o.valueField, k = e.iconField || o.iconField, c = e.iconClassField || o.iconClassField, m = e.textField || o.textField, b = e.size || "medium";
   return /* @__PURE__ */ r.createElement(
     "nav",
@@ -45,26 +43,26 @@ const v = r.forwardRef((e, E) => {
       style: e.style,
       ref: n,
       dir: u,
-      className: w(
+      className: M(
         "k-breadcrumb k-breadcrumb-wrap",
         {
           "k-rtl": u === "rtl",
           "k-disabled": h,
           "k-breadcrumb-md": !e.size,
-          [`k-breadcrumb-${x.sizeMap[b] || b}`]: b
+          [`k-breadcrumb-${O.sizeMap[b] || b}`]: b
         },
         e.className
       )
     },
     /* @__PURE__ */ r.createElement(f, { rootItem: !0 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
-      const d = t[I];
+      const s = t[I];
       if (a === 0)
-        return /* @__PURE__ */ r.createElement(g, { key: d, isFirstItem: !0, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(
+        return /* @__PURE__ */ r.createElement(g, { key: s, isFirstItem: !0, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(
           F,
           {
             isLast: l.length - 1 === a,
             isFirst: !0,
-            id: String(d),
+            id: String(s),
             icon: t[k] || void 0,
             iconClass: t[c] ? String(t[c]) : void 0,
             text: t[m] ? String(t[m]) : void 0,
@@ -76,14 +74,14 @@ const v = r.forwardRef((e, E) => {
         ));
     }))),
     /* @__PURE__ */ r.createElement(f, { rootItem: !1 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
-      const d = t[I];
+      const s = t[I];
       if (a !== 0)
-        return /* @__PURE__ */ r.createElement(g, { key: d, isFirstItem: !1, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(S, { dir: u }), /* @__PURE__ */ r.createElement(
+        return /* @__PURE__ */ r.createElement(g, { key: s, isFirstItem: !1, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(S, { dir: u }), /* @__PURE__ */ r.createElement(
           F,
           {
             isLast: l.length - 1 === a,
             isFirst: !1,
-            id: String(d),
+            id: String(s),
             icon: t[k] || void 0,
             iconClass: t[c] ? String(t[c]) : void 0,
             text: t[m] ? String(t[m]) : void 0,
@@ -95,7 +93,7 @@ const v = r.forwardRef((e, E) => {
         ));
     })))
   );
-}), z = {
+}), K = {
   id: i.string,
   style: i.object,
   className: i.string,
@@ -126,7 +124,7 @@ const v = r.forwardRef((e, E) => {
   iconClassField: "iconClass"
 };
 v.displayName = "KendoReactBreadcrumb";
-v.propTypes = z;
+v.propTypes = K;
 export {
   v as Breadcrumb
 };

package/breadcrumb/BreadcrumbDelimiter.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 d=require("react"),c=require("prop-types"),l=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),s=require("../package-metadata.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(d),i=r.forwardRef((e,n)=>{l.validatePackage(s.packageMetadata);const t=r.useRef(null),a=r.useRef(null);return r.useImperativeHandle(t,()=>{var o;return{element:((o=a.current)==null?void 0:o.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(l.IconWrap,{ref:a,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?u.chevronLeftIcon:u.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),b={id:c.string,className:c.string,style:c.object,tabIndex:c.number,dir:c.string};i.displayName="KendoReactBreadcrumbDelimiter";i.propTypes=b;exports.BreadcrumbDelimiter=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("prop-types"),s=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=d(u),a=r.forwardRef((e,n)=>{const t=r.useRef(null),c=r.useRef(null);return r.useImperativeHandle(t,()=>{var o;return{element:((o=c.current)==null?void 0:o.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(s.IconWrap,{ref:c,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?l.chevronLeftIcon:l.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),m={id:i.string,className:i.string,style:i.object,tabIndex:i.number,dir:i.string};a.displayName="KendoReactBreadcrumbDelimiter";a.propTypes=m;exports.BreadcrumbDelimiter=a;