@progress/kendo-react-layout 14.5.0-develop.14 → 14.5.0-develop.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/actionsheet/ActionSheet.js +1 -1
  2. package/actionsheet/ActionSheet.mjs +18 -19
  3. package/actionsheet/ActionSheetItem.js +1 -1
  4. package/actionsheet/ActionSheetItem.mjs +1 -3
  5. package/bottomnavigation/BottomNavigation.js +1 -1
  6. package/bottomnavigation/BottomNavigation.mjs +85 -69
  7. package/bottomnavigation/BottomNavigationItem.js +1 -1
  8. package/bottomnavigation/BottomNavigationItem.mjs +34 -33
  9. package/bottomnavigation/messages/index.d.ts +17 -0
  10. package/bottomnavigation/messages/index.js +8 -0
  11. package/bottomnavigation/messages/index.mjs +14 -0
  12. package/breadcrumb/Breadcrumb.js +1 -1
  13. package/breadcrumb/Breadcrumb.mjs +30 -28
  14. package/breadcrumb/BreadcrumbLink.js +1 -1
  15. package/breadcrumb/BreadcrumbLink.mjs +26 -26
  16. package/breadcrumb/messages/index.d.ts +17 -0
  17. package/breadcrumb/messages/index.js +8 -0
  18. package/breadcrumb/messages/index.mjs +14 -0
  19. package/dist/cdn/js/kendo-react-layout.js +1 -1
  20. package/drawer/DrawerItem.js +1 -1
  21. package/drawer/DrawerItem.mjs +22 -23
  22. package/expansionpanel/ExpansionPanel.js +1 -1
  23. package/expansionpanel/ExpansionPanel.mjs +50 -50
  24. package/expansionpanel/ExpansionPanelContent.js +1 -1
  25. package/expansionpanel/ExpansionPanelContent.mjs +7 -4
  26. package/package-metadata.js +1 -1
  27. package/package-metadata.mjs +2 -2
  28. package/package.json +8 -8
  29. package/panelbar/PanelBar.js +1 -1
  30. package/panelbar/PanelBar.mjs +5 -4
  31. package/panelbar/PanelBarItem.js +1 -1
  32. package/panelbar/PanelBarItem.mjs +13 -15
  33. package/panelbar/interfaces/RenderPanelBarItem.d.ts +1 -0
  34. package/panelbar/util.d.ts +1 -1
  35. package/panelbar/util.js +1 -1
  36. package/panelbar/util.mjs +62 -59
  37. package/splitter/SplitterBar.d.ts +1 -0
  38. package/splitter/SplitterBar.js +1 -1
  39. package/splitter/SplitterBar.mjs +64 -56
  40. package/stepper/Step.js +1 -1
  41. package/stepper/Step.mjs +79 -85
  42. package/stepper/Stepper.js +1 -1
  43. package/stepper/Stepper.mjs +103 -104
  44. package/stepper/messages/index.d.ts +12 -2
  45. package/stepper/messages/index.js +1 -1
  46. package/stepper/messages/index.mjs +8 -4
  47. package/tilelayout/InternalTile.js +1 -1
  48. package/tilelayout/InternalTile.mjs +119 -115
  49. package/tilelayout/TileLayout.js +1 -1
  50. package/tilelayout/TileLayout.mjs +58 -58
  51. package/timeline/TimelineCard.d.ts +2 -0
  52. package/timeline/TimelineCard.js +1 -1
  53. package/timeline/TimelineCard.mjs +16 -15
  54. package/timeline/TimelineHorizontal.js +1 -1
  55. package/timeline/TimelineHorizontal.mjs +105 -101
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),Y=require("react-dom"),r=require("prop-types"),Z=require("@progress/kendo-react-animation"),k=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),F=require("./ActionSheetHeader.js"),p=require("./ActionSheetFooter.js"),ee=require("./ActionSheetContent.js"),H=require("./ActionSheetView.js");function V(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(d,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return d.default=e,Object.freeze(d)}const n=V(X),te=V(Y),R=n.forwardRef((e,d)=>{var _,M;const{navigatableElements:m=N.navigatableElements,navigatable:f=N.navigatable,position:L=N.position,animationDuration:l=300,prefixActions:g,suffixActions:D,filter:w}=e,$=(t,a,i)=>{i.preventDefault(),i.shiftKey?a.focusPrevious(t):a.focusNext(t)},B=(t,a,i)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,A=a.elements.filter(y=>y.className.indexOf("k-actionsheet-item")!==-1);if(c&&e.onItemSelect){i.preventDefault();const y=e.items[A.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:i,item:y,title:y&&y.title})}e.animation||h()},U=(t,a,i)=>{e.onClose&&(i.preventDefault(),e.onClose.call(void 0,i)),e.animation||h()},h=()=>{b({show:!1})},z=t=>{f&&v.current.triggerKeyboardEvent(t)},G=t=>{e.onClose&&e.onClose.call(void 0,t),e.animation||h()},O=t=>{e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||h()},J=t=>{const a={},i=[];return n.Children.forEach(t,c=>{c&&(c.type.displayName===H.ActionSheetViewDisplayName?i.push(c):a[c.type.displayName]=c)}),i.length>0?i:a},T=n.useRef(null),E=n.useRef(null);n.useImperativeHandle(T,()=>({props:e,element:E.current})),n.useImperativeHandle(d,()=>T.current);const v=n.useRef(void 0),x=n.useRef({bottom:"0",width:"100%"}),C=n.useRef(void 0),[o,Q]=n.useState({show:!1,slide:!1}),b=t=>{Q(a=>({...a,...t}))};n.useEffect(()=>{e.expand&&!o.show&&b({show:!0})},[]),n.useEffect(()=>{const t=E.current;if(e.expand&&!o.show&&b({show:!0}),e.expand&&o.show&&!o.slide&&b({slide:!0}),!e.expand&&o.show&&o.slide&&b({slide:!1}),C!==o&&o.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&f){const i=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-view",".k-actionsheet-titlebar"].map(c=>k.FOCUSABLE_ELEMENTS.concat(m).map(A=>`${c} ${A}`)).flat()];v.current=new k.Navigation({tabIndex:e.tabIndex||0,root:E,rovingTabIndex:!1,selectors:i,keyboardEvents:{keydown:{Tab:$,Enter:B,Escape:U}}}),v.current.focusElement(v.current.first,null)}C.current={...o}});const I="k-actionsheet-title",P=I,s=(_=e.items)==null?void 0:_.filter(t=>!t.group||t.group==="top"),S=(M=e.items)==null?void 0:M.filter(t=>t.group==="bottom"),W=s&&s.length>0&&S&&S.length>0,u=J(e.children),q=o.slide&&n.createElement("div",{className:k.classNames(`k-actionsheet k-actionsheet-${L}`,e.className),role:"dialog","aria-modal":"true",style:e.style,"aria-hidden":!1,"aria-labelledby":P,ref:E,onKeyDown:z},Array.isArray(u)?n.createElement(n.Fragment,null,u.map(t=>t)):n.createElement(H.ActionSheetView,null,u[F.headerDisplayName]&&!e.title&&!e.subTitle&&u[F.headerDisplayName],(e.title||e.subTitle||g||D||w)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group"},g&&n.createElement("div",{className:"k-actionsheet-actions"},g),n.createElement("div",{className:I,id:P},n.createElement("div",{className:"k-text-center"},e.title),e.subTitle&&n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),D&&n.createElement("div",{className:"k-actionsheet-actions"},D)),w&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},w)),u[ee.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},s&&s.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a,key:a,item:t,onClick:O})),W&&n.createElement("hr",{className:"k-hr"}),S&&S.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a+((s==null?void 0:s.length)||0),key:a,item:t,onClick:O})))),u[p.footerDisplayName])),j=n.createElement(n.Fragment,null,e.expand||o.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:G}),e.animation?n.createElement(Z.Animation,{transitionName:o.slide?"slide-up":"slide-down",onExited:h,transitionEnterDuration:typeof l=="object"&&Object.keys(l).length>0&&l.openDuration?Number(l.openDuration):Number(l),transitionExitDuration:typeof l=="object"&&Object.keys(l).length>0&&l.closeDuration?Number(l.closeDuration):Number(l),animationEnteringStyle:e.animationStyles||x.current,animationEnteredStyle:e.animationStyles||x.current,animationExitingStyle:e.animationStyles||x.current,exit:!0,enter:!0,appear:!1},q):q):null);return e.appendTo&&k.canUseDOM?te.createPortal(j,e.appendTo):j}),N={navigatable:!0,navigatableElements:[],position:"bottom"};R.propTypes={items:r.array,subTitle:r.node,title:r.node,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"]),appendTo:r.any};R.displayName="KendoReactActionSheet";exports.ActionSheet=R;exports.actionSheetDefaultProps=N;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),Y=require("react-dom"),r=require("prop-types"),Z=require("@progress/kendo-react-animation"),N=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),F=require("./ActionSheetHeader.js"),p=require("./ActionSheetFooter.js"),ee=require("./ActionSheetContent.js"),H=require("./ActionSheetView.js");function V(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(d,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return d.default=e,Object.freeze(d)}const n=V(X),te=V(Y),R=n.forwardRef((e,d)=>{var _,M;const{navigatableElements:m=g.navigatableElements,navigatable:f=g.navigatable,position:L=g.position,animationDuration:l=300,prefixActions:D,suffixActions:w,filter:x}=e,$=(t,a,i)=>{i.preventDefault(),i.shiftKey?a.focusPrevious(t):a.focusNext(t)},B=(t,a,i)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,A=a.elements.filter(b=>b.className.indexOf("k-actionsheet-item")!==-1);if(c&&e.onItemSelect){i.preventDefault();const b=e.items[A.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:i,item:b,title:b&&b.title})}e.animation||h()},U=(t,a,i)=>{e.onClose&&(i.preventDefault(),e.onClose.call(void 0,i)),e.animation||h()},h=()=>{y({show:!1})},z=t=>{f&&v.current.triggerKeyboardEvent(t)},G=t=>{e.onClose&&e.onClose.call(void 0,t),e.animation||h()},O=t=>{e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||h()},J=t=>{const a={},i=[];return n.Children.forEach(t,c=>{c&&(c.type.displayName===H.ActionSheetViewDisplayName?i.push(c):a[c.type.displayName]=c)}),i.length>0?i:a},T=n.useRef(null),E=n.useRef(null);n.useImperativeHandle(T,()=>({props:e,element:E.current})),n.useImperativeHandle(d,()=>T.current);const v=n.useRef(void 0),k=n.useRef({bottom:"0",width:"100%"}),C=n.useRef(void 0),[o,Q]=n.useState({show:!1,slide:!1}),y=t=>{Q(a=>({...a,...t}))};n.useEffect(()=>{e.expand&&!o.show&&y({show:!0})},[]),n.useEffect(()=>{const t=E.current;if(e.expand&&!o.show&&y({show:!0}),e.expand&&o.show&&!o.slide&&y({slide:!0}),!e.expand&&o.show&&o.slide&&y({slide:!1}),C!==o&&o.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&f){const i=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-view",".k-actionsheet-titlebar"].map(c=>N.FOCUSABLE_ELEMENTS.concat(m).map(A=>`${c} ${A}`)).flat()];v.current=new N.Navigation({tabIndex:e.tabIndex||0,root:E,rovingTabIndex:!1,selectors:i,keyboardEvents:{keydown:{Tab:$,Enter:B,Escape:U}}}),v.current.focusElement(v.current.first,null)}C.current={...o}});const I="k-actionsheet-title",P=I,s=(_=e.items)==null?void 0:_.filter(t=>!t.group||t.group==="top"),S=(M=e.items)==null?void 0:M.filter(t=>t.group==="bottom"),W=s&&s.length>0&&S&&S.length>0,u=J(e.children),q=o.slide&&n.createElement("div",{className:N.classNames(`k-actionsheet k-actionsheet-${L}`,e.className),role:"dialog","aria-modal":"true",style:e.style,"aria-labelledby":P,ref:E,onKeyDown:z},Array.isArray(u)?n.createElement(n.Fragment,null,u.map(t=>t)):n.createElement(H.ActionSheetView,null,u[F.headerDisplayName]&&!e.title&&!e.subTitle&&u[F.headerDisplayName],(e.title||e.subTitle||D||w||x)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group"},D&&n.createElement("div",{className:"k-actionsheet-actions"},D),n.createElement("div",{className:I,id:P},n.createElement("div",{className:"k-text-center"},e.title),e.subTitle&&n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),w&&n.createElement("div",{className:"k-actionsheet-actions"},w)),x&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},x)),u[ee.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul"},s&&s.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a,key:a,item:t,onClick:O})),W&&n.createElement("hr",{className:"k-hr"}),S&&S.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a+((s==null?void 0:s.length)||0),key:a,item:t,onClick:O})))),u[p.footerDisplayName])),j=n.createElement(n.Fragment,null,e.expand||o.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:G}),e.animation?n.createElement(Z.Animation,{transitionName:o.slide?"slide-up":"slide-down",onExited:h,transitionEnterDuration:typeof l=="object"&&Object.keys(l).length>0&&l.openDuration?Number(l.openDuration):Number(l),transitionExitDuration:typeof l=="object"&&Object.keys(l).length>0&&l.closeDuration?Number(l.closeDuration):Number(l),animationEnteringStyle:e.animationStyles||k.current,animationEnteredStyle:e.animationStyles||k.current,animationExitingStyle:e.animationStyles||k.current,exit:!0,enter:!0,appear:!1},q):n.createElement("div",{className:"k-animation-container k-animation-container-shown"},n.createElement("div",{className:"k-child-animation-container",style:e.animationStyles||k.current},q))):null);return e.appendTo&&N.canUseDOM?te.createPortal(j,e.appendTo):j}),g={navigatable:!0,navigatableElements:[],position:"bottom"};R.propTypes={items:r.array,subTitle:r.node,title:r.node,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"]),appendTo:r.any};R.displayName="KendoReactActionSheet";exports.ActionSheet=R;exports.actionSheetDefaultProps=g;
@@ -19,12 +19,12 @@ const _ = n.forwardRef((e, F) => {
19
19
  var O, P;
20
20
  const {
21
21
  navigatableElements: H = g.navigatableElements,
22
- navigatable: x = g.navigatable,
22
+ navigatable: w = g.navigatable,
23
23
  position: L = g.position,
24
24
  animationDuration: l = 300,
25
- prefixActions: b,
26
- suffixActions: v,
27
- filter: k
25
+ prefixActions: v,
26
+ suffixActions: k,
27
+ filter: N
28
28
  } = e, M = (t, a, i) => {
29
29
  i.preventDefault(), i.shiftKey ? a.focusPrevious(t) : a.focusNext(t);
30
30
  }, V = (t, a, i) => {
@@ -46,10 +46,10 @@ const _ = n.forwardRef((e, F) => {
46
46
  }, f = () => {
47
47
  d({ show: !1 });
48
48
  }, B = (t) => {
49
- x && E.current.triggerKeyboardEvent(t);
49
+ w && E.current.triggerKeyboardEvent(t);
50
50
  }, U = (t) => {
51
51
  e.onClose && e.onClose.call(void 0, t), e.animation || f();
52
- }, w = (t) => {
52
+ }, x = (t) => {
53
53
  e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation || f();
54
54
  }, q = (t) => {
55
55
  const a = {}, i = [];
@@ -64,14 +64,14 @@ const _ = n.forwardRef((e, F) => {
64
64
  F,
65
65
  () => D.current
66
66
  );
67
- const E = n.useRef(void 0), N = n.useRef({ bottom: "0", width: "100%" }), R = n.useRef(void 0), [o, z] = n.useState({ show: !1, slide: !1 }), d = (t) => {
67
+ const E = n.useRef(void 0), y = n.useRef({ bottom: "0", width: "100%" }), R = n.useRef(void 0), [o, z] = n.useState({ show: !1, slide: !1 }), d = (t) => {
68
68
  z((a) => ({ ...a, ...t }));
69
69
  };
70
70
  n.useEffect(() => {
71
71
  e.expand && !o.show && d({ show: !0 });
72
72
  }, []), n.useEffect(() => {
73
73
  const t = h.current;
74
- if (e.expand && !o.show && d({ show: !0 }), e.expand && o.show && !o.slide && d({ slide: !0 }), !e.expand && o.show && o.slide && d({ slide: !1 }), R !== o && o.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && x) {
74
+ if (e.expand && !o.show && d({ show: !0 }), e.expand && o.show && !o.slide && d({ slide: !0 }), !e.expand && o.show && o.slide && d({ slide: !1 }), R !== o && o.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && w) {
75
75
  const i = [".k-actionsheet-item", ...[
76
76
  ".k-actionsheet-footer",
77
77
  ".k-actionsheet-content",
@@ -98,37 +98,36 @@ const _ = n.forwardRef((e, F) => {
98
98
  });
99
99
  const T = "k-actionsheet-title", C = T, c = (O = e.items) == null ? void 0 : O.filter(
100
100
  (t) => !t.group || t.group === "top"
101
- ), y = (P = e.items) == null ? void 0 : P.filter(
101
+ ), b = (P = e.items) == null ? void 0 : P.filter(
102
102
  (t) => t.group === "bottom"
103
- ), G = c && c.length > 0 && y && y.length > 0, m = q(e.children), I = o.slide && /* @__PURE__ */ n.createElement(
103
+ ), G = c && c.length > 0 && b && b.length > 0, m = q(e.children), I = o.slide && /* @__PURE__ */ n.createElement(
104
104
  "div",
105
105
  {
106
106
  className: Y(`k-actionsheet k-actionsheet-${L}`, e.className),
107
107
  role: "dialog",
108
108
  "aria-modal": "true",
109
109
  style: e.style,
110
- "aria-hidden": !1,
111
110
  "aria-labelledby": C,
112
111
  ref: h,
113
112
  onKeyDown: B
114
113
  },
115
- Array.isArray(m) ? /* @__PURE__ */ n.createElement(n.Fragment, null, m.map((t) => t)) : /* @__PURE__ */ n.createElement(te, null, m[j] && !e.title && !e.subTitle && m[j], (e.title || e.subTitle || b || v || k) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group" }, b && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, b), /* @__PURE__ */ n.createElement("div", { className: T, id: C }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), e.subTitle && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), v && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, v)), k && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, k)), m[ee] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, c && c.map((t, a) => /* @__PURE__ */ n.createElement(
114
+ Array.isArray(m) ? /* @__PURE__ */ n.createElement(n.Fragment, null, m.map((t) => t)) : /* @__PURE__ */ n.createElement(te, null, m[j] && !e.title && !e.subTitle && m[j], (e.title || e.subTitle || v || k || N) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group" }, v && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, v), /* @__PURE__ */ n.createElement("div", { className: T, id: C }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), e.subTitle && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), k && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, k)), N && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, N)), m[ee] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul" }, c && c.map((t, a) => /* @__PURE__ */ n.createElement(
116
115
  K,
117
116
  {
118
117
  ...t,
119
118
  id: a,
120
119
  key: a,
121
120
  item: t,
122
- onClick: w
121
+ onClick: x
123
122
  }
124
- )), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), y && y.map((t, a) => /* @__PURE__ */ n.createElement(
123
+ )), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), b && b.map((t, a) => /* @__PURE__ */ n.createElement(
125
124
  K,
126
125
  {
127
126
  ...t,
128
127
  id: a + ((c == null ? void 0 : c.length) || 0),
129
128
  key: a,
130
129
  item: t,
131
- onClick: w
130
+ onClick: x
132
131
  }
133
132
  )))), m[p])
134
133
  ), A = /* @__PURE__ */ n.createElement(n.Fragment, null, e.expand || o.show ? /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ n.createElement("div", { className: "k-overlay", onClick: U }), e.animation ? /* @__PURE__ */ n.createElement(
@@ -138,15 +137,15 @@ const _ = n.forwardRef((e, F) => {
138
137
  onExited: f,
139
138
  transitionEnterDuration: typeof l == "object" && Object.keys(l).length > 0 && l.openDuration ? Number(l.openDuration) : Number(l),
140
139
  transitionExitDuration: typeof l == "object" && Object.keys(l).length > 0 && l.closeDuration ? Number(l.closeDuration) : Number(l),
141
- animationEnteringStyle: e.animationStyles || N.current,
142
- animationEnteredStyle: e.animationStyles || N.current,
143
- animationExitingStyle: e.animationStyles || N.current,
140
+ animationEnteringStyle: e.animationStyles || y.current,
141
+ animationEnteredStyle: e.animationStyles || y.current,
142
+ animationExitingStyle: e.animationStyles || y.current,
144
143
  exit: !0,
145
144
  enter: !0,
146
145
  appear: !1
147
146
  },
148
147
  I
149
- ) : I) : null);
148
+ ) : /* @__PURE__ */ n.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ n.createElement("div", { className: "k-child-animation-container", style: e.animationStyles || y.current }, I))) : null);
150
149
  return e.appendTo && Z ? J.createPortal(A, e.appendTo) : A;
151
150
  }), g = {
152
151
  navigatable: !0,
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const t=m(s),l=e=>{const n=t.useRef(null),i=t.useCallback(a=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:a,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{n.current&&e.focused&&n.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item","k-cursor-pointer",e.disabled&&"k-disabled",e.className),ref:n,role:"button","aria-disabled":e.disabled,onClick:i},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};l.propTypes={className:c.string,style:c.object,description:c.string,disabled:c.bool,group:c.oneOf(["top","bottom"]),icon:c.element,title:c.string};exports.ActionSheetItem=l;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const t=m(s),l=e=>{const n=t.useRef(null),i=t.useCallback(a=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:a,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{n.current&&e.focused&&n.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item",e.disabled&&"k-disabled",e.className),ref:n,"aria-disabled":e.disabled||void 0,onClick:i},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};l.propTypes={className:c.string,style:c.object,description:c.string,disabled:c.bool,group:c.oneOf(["top","bottom"]),icon:c.element,title:c.string};exports.ActionSheetItem=l;
@@ -28,13 +28,11 @@ const s = (e) => {
28
28
  tabIndex: e.tabIndex,
29
29
  className: l(
30
30
  "k-actionsheet-item",
31
- "k-cursor-pointer",
32
31
  e.disabled && "k-disabled",
33
32
  e.className
34
33
  ),
35
34
  ref: a,
36
- role: "button",
37
- "aria-disabled": e.disabled,
35
+ "aria-disabled": e.disabled || void 0,
38
36
  onClick: c
39
37
  },
40
38
  /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-action" }, e.icon && /* @__PURE__ */ t.createElement("span", { className: "k-icon-wrap" }, e.icon), (e.title || e.description) && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-text" }, e.title && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-title" }, e.title), e.description && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-description" }, e.description)))
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),N=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function B(e){const i=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(i,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const o=B(_),g=o.forwardRef((e,i)=>{const n=o.useRef(null),c=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),m=o.useCallback(()=>({element:n.current,focus:c}),[c]);o.useImperativeHandle(i,m);const{positionMode:C=d.positionMode,itemFlow:M=d.itemFlow,border:S=d.border,className:k,items:s,item:I,itemRender:w,disabled:f,style:E,id:h,onSelect:b,onKeyDown:p}=e,O=r.useId(),D=r.useDir(n,e.dir),v=o.useMemo(()=>e.fillMode===null?null:e.fillMode||d.fillMode,[e.fillMode]),y=o.useMemo(()=>e.themeColor||d.themeColor,[e.themeColor]),R=o.useMemo(()=>r.classNames("k-bottom-nav",N.POSITION_MODE_CLASSES[C],N.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${v}`]:v,[`k-bottom-nav-${y}`]:!!y,"k-bottom-nav-border":S,"k-disabled":f},k),[C,y,v,M,S,f,k]),u=o.useCallback((t,a)=>{s&&!s[a].disabled&&b&&r.dispatchEvent(b,t,m(),{itemTarget:s[a],itemIndex:a})},[s,b]),F=o.useCallback((t,a)=>{u(t,a)},[u]),T=o.useCallback((t,a)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:u(t,a),t.preventDefault();break}r.dispatchEvent(p,t,m(),void 0)},[u,p]);return o.createElement("nav",{ref:n,className:R,style:E,id:h||O,dir:D},s&&s.map((t,a)=>o.createElement(j.BottomNavigationItem,{...t,key:a,index:a,id:`${h||O}-${a}`,disabled:f||t.disabled,selected:t.selected,dataItem:t,item:I,render:w,onSelect:F,onKeyDown:T})))}),d={themeColor:void 0,fillMode:void 0,itemFlow:"vertical",positionMode:"fixed",border:!0};g.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["base","primary","secondary","tertiary","inverse"]),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;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-common"),I=require("./models/utils.js"),B=require("./BottomNavigationItem.js"),K=require("@progress/kendo-react-intl"),y=require("./messages/index.js");function P(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const c=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,c.get?c:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const o=P(j),C=o.forwardRef((e,s)=>{const i=o.useRef(null),c=o.useCallback(()=>{i.current&&l.focusFirstFocusableChild(i.current)},[]),m=o.useCallback(()=>({element:i.current,focus:c}),[c]);o.useImperativeHandle(s,m);const{positionMode:M=d.positionMode,itemFlow:S=d.itemFlow,border:k=d.border,className:h,items:r,item:w,itemRender:E,disabled:b,style:R,id:p,onSelect:f,onKeyDown:N}=e,D=K.useLocalization(),O=l.useId(),L=l.useDir(i,e.dir),v=o.useMemo(()=>e.fillMode===null?null:e.fillMode||d.fillMode,[e.fillMode]),g=o.useMemo(()=>e.themeColor||d.themeColor,[e.themeColor]),q=o.useMemo(()=>l.classNames("k-bottom-nav",I.POSITION_MODE_CLASSES[M],I.ITEM_FLOW_CLASSES[S],{[`k-bottom-nav-${v}`]:v,[`k-bottom-nav-${g}`]:!!g,"k-bottom-nav-border":k,"k-disabled":b},h),[M,g,v,S,k,b,h]),u=o.useCallback((t,a)=>{r&&!r[a].disabled&&f&&l.dispatchEvent(f,t,m(),{itemTarget:r[a],itemIndex:a})},[r,f]),F=o.useCallback((t,a)=>{u(t,a)},[u]),T=o.useCallback((t,a)=>{switch(t.keyCode){case l.Keys.enter:case l.Keys.space:u(t,a),t.preventDefault();break}l.dispatchEvent(N,t,m(),void 0)},[u,N]),_=D.toLanguageString(y.bottomNavigationAriaLabel,y.messages[y.bottomNavigationAriaLabel]);return o.createElement("nav",{ref:i,className:q,style:R,id:p||O,dir:L,"aria-label":_},r&&r.map((t,a)=>o.createElement(B.BottomNavigationItem,{...t,key:a,index:a,id:`${p||O}-${a}`,disabled:b||t.disabled,selected:t.selected,dataItem:t,item:w,render:E,onSelect:F,onKeyDown:T})))}),d={themeColor:void 0,fillMode:void 0,itemFlow:"vertical",positionMode:"fixed",border:!0};C.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,themeColor:n.oneOf(["base","primary","secondary","tertiary","inverse"]),fillMode:n.oneOf(["solid","flat"]),itemFlow:n.oneOf(["vertical","horizontal"]),border:n.bool,disabled:n.bool,selected:n.number,onSelect:n.func};C.displayName="KendoReactBottomNavigation";exports.BottomNavigation=C;
@@ -6,115 +6,131 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  import * as o from "react";
9
- import l from "prop-types";
10
- import { focusFirstFocusableChild as T, useId as B, useDir as _, classNames as $, dispatchEvent as S, Keys as I } from "@progress/kendo-react-common";
11
- import { POSITION_MODE_CLASSES as L, ITEM_FLOW_CLASSES as P } from "./models/utils.mjs";
12
- import { BottomNavigationItem as A } from "./BottomNavigationItem.mjs";
13
- const w = o.forwardRef((a, E) => {
14
- const s = o.useRef(null), b = o.useCallback(() => {
15
- s.current && T(s.current);
16
- }, []), d = o.useCallback(
9
+ import a from "prop-types";
10
+ import { focusFirstFocusableChild as B, useId as _, useDir as $, classNames as z, dispatchEvent as k, Keys as S } from "@progress/kendo-react-common";
11
+ import { POSITION_MODE_CLASSES as P, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
12
+ import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
13
+ import { useLocalization as W } from "@progress/kendo-react-intl";
14
+ import { bottomNavigationAriaLabel as I, messages as q } from "./messages/index.mjs";
15
+ const N = o.forwardRef((l, w) => {
16
+ const r = o.useRef(null), b = o.useCallback(() => {
17
+ r.current && B(r.current);
18
+ }, []), c = o.useCallback(
17
19
  () => ({
18
- element: s.current,
20
+ element: r.current,
19
21
  focus: b
20
22
  }),
21
23
  [b]
22
24
  );
23
- o.useImperativeHandle(E, d);
25
+ o.useImperativeHandle(w, c);
24
26
  const {
25
- positionMode: v = i.positionMode,
26
- itemFlow: C = i.itemFlow,
27
- border: M = i.border,
28
- className: y,
29
- items: r,
30
- item: N,
31
- itemRender: g,
32
- disabled: c,
33
- style: F,
34
- id: h,
27
+ positionMode: v = s.positionMode,
28
+ itemFlow: C = s.itemFlow,
29
+ border: M = s.border,
30
+ className: g,
31
+ items: i,
32
+ item: E,
33
+ itemRender: F,
34
+ disabled: d,
35
+ style: L,
36
+ id: p,
35
37
  onSelect: m,
36
- onKeyDown: k
37
- } = a, p = B(), O = _(s, a.dir), f = o.useMemo(() => a.fillMode === null ? null : a.fillMode || i.fillMode, [a.fillMode]), u = o.useMemo(() => a.themeColor || i.themeColor, [a.themeColor]), D = o.useMemo(
38
- () => $(
38
+ onKeyDown: y
39
+ } = l, O = W(), h = _(), D = $(r, l.dir), f = o.useMemo(() => l.fillMode === null ? null : l.fillMode || s.fillMode, [l.fillMode]), u = o.useMemo(() => l.themeColor || s.themeColor, [l.themeColor]), R = o.useMemo(
40
+ () => z(
39
41
  "k-bottom-nav",
40
- L[v],
41
- P[C],
42
+ P[v],
43
+ H[C],
42
44
  {
43
45
  [`k-bottom-nav-${f}`]: f,
44
46
  [`k-bottom-nav-${u}`]: !!u,
45
47
  "k-bottom-nav-border": M,
46
- "k-disabled": c
48
+ "k-disabled": d
47
49
  },
48
- y
50
+ g
49
51
  ),
50
- [v, u, f, C, M, c, y]
52
+ [v, u, f, C, M, d, g]
51
53
  ), n = o.useCallback(
52
54
  (e, t) => {
53
- r && !r[t].disabled && m && S(m, e, d(), {
54
- itemTarget: r[t],
55
+ i && !i[t].disabled && m && k(m, e, c(), {
56
+ itemTarget: i[t],
55
57
  itemIndex: t
56
58
  });
57
59
  },
58
- [r, m]
59
- ), R = o.useCallback(
60
+ [i, m]
61
+ ), K = o.useCallback(
60
62
  (e, t) => {
61
63
  n(e, t);
62
64
  },
63
65
  [n]
64
- ), K = o.useCallback(
66
+ ), T = o.useCallback(
65
67
  (e, t) => {
66
68
  switch (e.keyCode) {
67
- case I.enter:
68
- case I.space:
69
+ case S.enter:
70
+ case S.space:
69
71
  n(e, t), e.preventDefault();
70
72
  break;
71
73
  }
72
- S(
73
- k,
74
+ k(
75
+ y,
74
76
  e,
75
- d(),
77
+ c(),
76
78
  void 0
77
79
  );
78
80
  },
79
- [n, k]
81
+ [n, y]
82
+ ), A = O.toLanguageString(
83
+ I,
84
+ q[I]
80
85
  );
81
- return /* @__PURE__ */ o.createElement("nav", { ref: s, className: D, style: F, id: h || p, dir: O }, r && r.map((e, t) => /* @__PURE__ */ o.createElement(
82
- A,
86
+ return /* @__PURE__ */ o.createElement(
87
+ "nav",
83
88
  {
84
- ...e,
85
- key: t,
86
- index: t,
87
- id: `${h || p}-${t}`,
88
- disabled: c || e.disabled,
89
- selected: e.selected,
90
- dataItem: e,
91
- item: N,
92
- render: g,
93
- onSelect: R,
94
- onKeyDown: K
95
- }
96
- )));
97
- }), i = {
89
+ ref: r,
90
+ className: R,
91
+ style: L,
92
+ id: p || h,
93
+ dir: D,
94
+ "aria-label": A
95
+ },
96
+ i && i.map((e, t) => /* @__PURE__ */ o.createElement(
97
+ j,
98
+ {
99
+ ...e,
100
+ key: t,
101
+ index: t,
102
+ id: `${p || h}-${t}`,
103
+ disabled: d || e.disabled,
104
+ selected: e.selected,
105
+ dataItem: e,
106
+ item: E,
107
+ render: F,
108
+ onSelect: K,
109
+ onKeyDown: T
110
+ }
111
+ ))
112
+ );
113
+ }), s = {
98
114
  themeColor: void 0,
99
115
  fillMode: void 0,
100
116
  itemFlow: "vertical",
101
117
  positionMode: "fixed",
102
118
  border: !0
103
119
  };
104
- w.propTypes = {
105
- className: l.string,
106
- style: l.object,
107
- id: l.string,
108
- dir: l.string,
109
- themeColor: l.oneOf(["base", "primary", "secondary", "tertiary", "inverse"]),
110
- fillMode: l.oneOf(["solid", "flat"]),
111
- itemFlow: l.oneOf(["vertical", "horizontal"]),
112
- border: l.bool,
113
- disabled: l.bool,
114
- selected: l.number,
115
- onSelect: l.func
120
+ N.propTypes = {
121
+ className: a.string,
122
+ style: a.object,
123
+ id: a.string,
124
+ dir: a.string,
125
+ themeColor: a.oneOf(["base", "primary", "secondary", "tertiary", "inverse"]),
126
+ fillMode: a.oneOf(["solid", "flat"]),
127
+ itemFlow: a.oneOf(["vertical", "horizontal"]),
128
+ border: a.bool,
129
+ disabled: a.bool,
130
+ selected: a.number,
131
+ onSelect: a.func
116
132
  };
117
- w.displayName = "KendoReactBottomNavigation";
133
+ N.displayName = "KendoReactBottomNavigation";
118
134
  export {
119
- w as BottomNavigation
135
+ N as BottomNavigation
120
136
  };
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "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;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),n=require("prop-types"),f=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),g=e.forwardRef((t,c)=>{const o=e.useRef(null);e.useImperativeHandle(c,()=>({element:o.current}));const{className:l,style:k,selected:i,disabled:a,item:N,render:x,dataItem:C,icon:m,svgIcon:r,text:d,id:R,onSelect:u,onKeyDown:b,index:s,tabIndex:j=E.tabIndex}=t,O=e.useMemo(()=>f.classNames("k-bottom-nav-item",{"k-selected":i,"k-disabled":a},l),[i,a,l]),P=e.useCallback(p=>{u&&s!==void 0&&!a&&u(p,s)},[u,s,a]),S=e.useCallback(p=>{b&&s!==void 0&&!a&&b(p,s)},[b,s,a]),v=x,y=N,I=e.createElement("span",{ref:o,className:O,style:k,role:"link",id:R,tabIndex:j,onClick:P,onKeyDown:S,"aria-current":i,"aria-disabled":a,"aria-label":d?void 0:(r==null?void 0:r.name)||m||void 0},y?e.createElement(y,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,(m||r)&&e.createElement(f.IconWrap,{className:"k-bottom-nav-item-icon",name:m,icon:r,size:"xlarge"}),d&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},d)));return v!==void 0?v.call(void 0,I,t):I}),E={tabIndex:0};g.propTypes={className:n.string,style:n.object,id:n.string,disabled:n.bool,selected:n.bool,icon:n.string,svgIcon:f.svgIconPropType,text:n.string,tabIndex:n.number};g.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=g;
@@ -9,67 +9,68 @@ import * as e from "react";
9
9
  import t from "prop-types";
10
10
  import { classNames as D, IconWrap as P, svgIconPropType as T } from "@progress/kendo-react-common";
11
11
  const f = e.forwardRef(
12
- (m, g) => {
13
- const i = e.useRef(null);
12
+ (d, x) => {
13
+ const b = e.useRef(null);
14
14
  e.useImperativeHandle(
15
- g,
15
+ x,
16
16
  () => ({
17
- element: i.current
17
+ element: b.current
18
18
  })
19
19
  );
20
20
  const {
21
- className: r,
22
- style: x,
23
- selected: a,
24
- disabled: n,
25
- item: k,
26
- render: y,
27
- dataItem: N,
28
- icon: d,
29
- svgIcon: b,
30
- text: p,
21
+ className: p,
22
+ style: k,
23
+ selected: s,
24
+ disabled: a,
25
+ item: y,
26
+ render: N,
27
+ dataItem: g,
28
+ icon: l,
29
+ svgIcon: o,
30
+ text: i,
31
31
  id: C,
32
- onSelect: s,
33
- onKeyDown: l,
34
- index: o,
32
+ onSelect: m,
33
+ onKeyDown: r,
34
+ index: n,
35
35
  tabIndex: E = h.tabIndex
36
- } = m, R = e.useMemo(
36
+ } = d, R = e.useMemo(
37
37
  () => D(
38
38
  "k-bottom-nav-item",
39
39
  {
40
- "k-selected": a,
41
- "k-disabled": n
40
+ "k-selected": s,
41
+ "k-disabled": a
42
42
  },
43
- r
43
+ p
44
44
  ),
45
- [a, n, r]
45
+ [s, a, p]
46
46
  ), w = e.useCallback(
47
47
  (c) => {
48
- s && o !== void 0 && !n && s(c, o);
48
+ m && n !== void 0 && !a && m(c, n);
49
49
  },
50
- [s, o, n]
50
+ [m, n, a]
51
51
  ), K = e.useCallback(
52
52
  (c) => {
53
- l && o !== void 0 && !n && l(c, o);
53
+ r && n !== void 0 && !a && r(c, n);
54
54
  },
55
- [l, o, n]
56
- ), I = y, v = k, u = /* @__PURE__ */ e.createElement(
55
+ [r, n, a]
56
+ ), v = N, u = y, I = /* @__PURE__ */ e.createElement(
57
57
  "span",
58
58
  {
59
- ref: i,
59
+ ref: b,
60
60
  className: R,
61
- style: x,
61
+ style: k,
62
62
  role: "link",
63
63
  id: C,
64
64
  tabIndex: E,
65
65
  onClick: w,
66
66
  onKeyDown: K,
67
- "aria-current": a,
68
- "aria-disabled": n
67
+ "aria-current": s,
68
+ "aria-disabled": a,
69
+ "aria-label": i ? void 0 : (o == null ? void 0 : o.name) || l || void 0
69
70
  },
70
- v ? /* @__PURE__ */ e.createElement(v, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(P, { 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))
71
+ u ? /* @__PURE__ */ e.createElement(u, { itemIndex: n, item: g }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (l || o) && /* @__PURE__ */ e.createElement(P, { className: "k-bottom-nav-item-icon", name: l, icon: o, size: "xlarge" }), i && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, i))
71
72
  );
72
- return I !== void 0 ? I.call(void 0, u, m) : u;
73
+ return v !== void 0 ? v.call(void 0, I, d) : I;
73
74
  }
74
75
  ), h = {
75
76
  tabIndex: 0
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ /**
9
+ * @hidden
10
+ */
11
+ export declare const bottomNavigationAriaLabel = "bottomNavigation.ariaLabel";
12
+ /**
13
+ * @hidden
14
+ */
15
+ export declare const messages: {
16
+ "bottomNavigation.ariaLabel": string;
17
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="bottomNavigation.ariaLabel",a={[t]:"Bottom navigation"};exports.bottomNavigationAriaLabel=t;exports.messages=a;
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ const a = "bottomNavigation.ariaLabel", o = {
9
+ [a]: "Bottom navigation"
10
+ };
11
+ export {
12
+ a as bottomNavigationAriaLabel,
13
+ o as messages
14
+ };
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "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,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:a,dir:g,className:o.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,[`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[u]?String(t[u]):void 0,text:t[m]?String(t[m]):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[u]?String(t[u]):void 0,text:t[m]?String(t[m]):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;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),n=require("prop-types"),o=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-intl"),L=require("./messages/index.js"),M=require("./BreadcrumbListItem.js"),R=require("./BreadcrumbDelimiter.js"),w=require("./BreadcrumbLink.js"),j=require("./BreadcrumbOrderedList.js");function x(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return l.default=e,Object.freeze(l)}const r=x(T),F=r.forwardRef((e,l)=>{const i=r.useRef(null),a=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||j.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),I=r.useMemo(()=>e.breadcrumbListItem||M.BreadcrumbListItem,[e.breadcrumbListItem]),D=r.useMemo(()=>e.breadcrumbDelimiter||R.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||w.BreadcrumbLink,[e.breadcrumbLink]),E=r.useCallback(()=>{a.current&&a.current.focus()},[a]),B=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:a.current,focus:E,props:e})),r.useImperativeHandle(l,()=>i.current);const h=q.useLocalization(),g=o.useDir(a,e.dir),S=t=>{i.current&&o.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},C=t=>{i.current&&o.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},v=e.valueField||b.valueField,O=e.iconField||b.iconField,u=e.iconClassField||b.iconClassField,m=e.textField||b.textField,f=e.size;return r.createElement("nav",{"aria-label":e.ariaLabel||h.toLanguageString(L.breadcrumbAriaLabel,L.messages[L.breadcrumbAriaLabel]),id:e.id,style:e.style,ref:a,dir:g,className:o.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":B,[`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[v];if(c===0)return r.createElement(I,{key:d,isFirstItem:!0,isLastItem:s.length-1===c},r.createElement(k,{isLast:s.length-1===c,isFirst:!0,id:String(d),icon:t[O]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:S,onKeyDown:C,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,s)=>{const d=t[v];if(c!==0)return r.createElement(I,{key:d,isFirstItem:!1,isLastItem:s.length-1===c},r.createElement(D,{dir:g}),r.createElement(k,{isLast:s.length-1===c,isFirst:!1,id:String(d),icon:t[O]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:S,onKeyDown:C,...e}))}))))}),z={id:n.string,style:n.object,className:n.string,breadcrumbOrderedList:n.elementType,breadcrumbListItem:n.elementType,breadcrumbDelimiter:n.elementType,breadcrumbLink:n.elementType,data:n.arrayOf(n.shape({id:n.string,text:n.string,icon:n.any,iconClass:n.string})),dir:n.oneOf(["ltr","rtl"]),disabled:n.bool,valueField:n.string,textField:n.string,iconField:n.string,iconClassField:n.string,onItemSelect:n.func,ariaLabel:n.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=z;exports.Breadcrumb=F;