@progress/kendo-react-layout 16.2.0-develop.17 → 16.2.0-develop.19

package/menu/components/Menu.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),i=require("prop-types"),M=require("@progress/kendo-react-common"),t=require("../utils/itemsIdsUtils.js"),ee=require("../utils/prepareInputItemsForInternalWork.js"),Z=require("../utils/getNewItemIdUponKeyboardNavigation.js"),B=require("../utils/hoverDelay.js"),te=require("./MenuItemInternal.js"),re=require("../utils/DirectionHolder.js"),ne=require("../utils/MouseOverHandler.js");function oe(o){const D=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const I in o)if(I!=="default"){const b=Object.getOwnPropertyDescriptor(o,I);Object.defineProperty(D,I,b.get?b:{enumerable:!0,get:()=>o[I]})}}return D.default=o,Object.freeze(D)}const n=oe(X),K={focusedItemId:t.EMPTY_ID,hoveredItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID},S=n.forwardRef((o,D)=>{const I=n.useRef(null),b=n.useRef(null),y=n.useRef(null),R=n.useRef(new re.DirectionHolder),O=n.useRef([]),N=n.useRef([]),l=n.useRef(o);l.current=o;const[v,h]=n.useState({...K}),C=n.useRef(v);C.current=v;const w=n.useRef(()=>{}),P=n.useRef(new ne.MouseOverHandler(o.openOnClick,()=>w.current())),{items:j,inputItems:F}=ee.prepareInputItemsForInternalWork(o.items,o.children);O.current=j,N.current=F,R.current.setIsDirectionRightToLeft(V());function V(){return!!(l.current.dir!==void 0?l.current.dir==="rtl":I.current&&getComputedStyle(I.current).direction==="rtl")}const g=n.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),y.current&&(clearTimeout(y.current),y.current=null)},[]),H=n.useCallback(()=>{g(),h({...K})},[g]);w.current=H;const E=n.useRef({get element(){return I.current},reset:()=>w.current()});n.useImperativeHandle(D,()=>E.current,[]);const m=n.useCallback(e=>{h(r=>{const c=e===t.EMPTY_ID?r.tabbableItemId:t.getRootParentId(e);return{hoveredItemId:e===t.EMPTY_ID||t.isIdEmptyOrZeroLevel(r.hoveredItemId)&&t.isIdEmptyOrZeroLevel(e)?r.hoveredItemId:t.EMPTY_ID,focusedItemId:e,tabbableItemId:c}})},[]),a=n.useCallback(e=>{h(r=>t.isIdEmptyOrZeroLevel(e)&&t.isIdEmptyOrZeroLevel(r.focusedItemId)?{hoveredItemId:e,focusedItemId:r.focusedItemId,tabbableItemId:r.tabbableItemId}:{hoveredItemId:e,focusedItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID})},[]),f=n.useCallback(e=>t.getItemById(e,N.current),[]),T=n.useCallback((e,r)=>{M.dispatchEvent(l.current.onSelect,e,E.current,{item:f(r),itemId:r})},[f]),_=n.useCallback(e=>!l.current.customCloseItemIds||l.current.customCloseItemIds.indexOf(e)===-1,[]),Y=n.useCallback(e=>{var s,u;const r=l.current,c=C.current;if(r.openOnClick&&c.hoveredItemId!==t.EMPTY_ID){const d=e.target;((s=I.current)==null?void 0:s.contains(d))===!1&&(r.id&&((u=d.closest)!=null&&u.call(d,`[id^="${r.id}_"]`))||a(t.EMPTY_ID))}},[a]),W=n.useCallback(e=>{const r=C.current,c=l.current,s=O.current;if(r.focusedItemId!==t.EMPTY_ID){const u=t.getItemById(r.focusedItemId,s);let d=Z.getNewItemIdUponKeyboardNavigation(s,u.id,e.keyCode,e.key,c.vertical,R.current.getIsDirectionRightToLeft());const k=t.getItemById(d,s);if(k!=null&&k.separator&&(d=Z.getNewItemIdUponKeyboardNavigation(s,d,e.keyCode,e.key,c.vertical,R.current.getIsDirectionRightToLeft())),u.id!==d&&(e.preventDefault(),m(d)),(e.keyCode===M.Keys.enter||e.keyCode===M.Keys.space)&&!u.disabled&&(P.current.handleItemSelectedViaKeyboard(),T(e,u.id),!e.isDefaultPrevented()&&u.items.length===0&&u.url&&window.location.assign(u.url)),e.keyCode===M.Keys.esc&&t.isIdZeroLevel(u.id)&&c.onClose){const p=f(u.id);c.onClose({target:E.current,item:p,itemId:u.id})}}},[m,T,f]),U=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(P.current.IsMouseOverEnabled||s)&&(g(),b.current=window.setTimeout(()=>{a(e),b.current=null},B.getHoverOpenDelay(c)))},[g,a]),A=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(P.current.IsMouseOverEnabled||s)&&_(e)&&(g(),y.current=window.setTimeout(()=>{a(s?t.getDirectParentId(e):t.EMPTY_ID),y.current=null},B.getHoverCloseDelay(c)))},[g,_,a]),z=n.useCallback(e=>{C.current.hoveredItemId===t.EMPTY_ID?m(e):h(c=>({focusedItemId:e,hoveredItemId:c.hoveredItemId,tabbableItemId:t.getRootParentId(e)}))},[m]),G=n.useCallback((e,r)=>{const c=O.current,s=t.getItemById(r,c),u=C.current,d=l.current;if(!s.disabled){const k=t.isIdZeroLevel(r),p=!s.items||s.items.length===0;k?(m(r),p||d.openOnClick&&u.hoveredItemId!==t.EMPTY_ID&&t.getRootParentId(u.hoveredItemId)===r?a(t.EMPTY_ID):a(r)):p&&(m(r),a(t.EMPTY_ID)),T(e,r),!e.isDefaultPrevented()&&s.url&&window.location.assign(s.url)}},[m,a,T]),$=n.useCallback((e,r)=>{const c=l.current;c.onClose&&c.onClose({target:E.current,item:f(e),itemId:e,popupCloseEvent:r})},[f]),x=n.useCallback((e,r)=>{var s;const c=l.current;if(_(e)&&m(t.EMPTY_ID),((s=r.relatedTarget)==null?void 0:s.nodeName)==="LI"){const u=r.relatedTarget.getAttribute("id");if(u!=null&&u.includes(c.id))return}if(t.isIdZeroLevel(e)&&c.onClose){const u=f(e);c.onClose({target:E.current,item:u,itemId:e})}},[_,m,f]),q=n.useRef(o.vertical);n.useEffect(()=>()=>{g()},[g]),n.useEffect(()=>(o.openOnClick&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)}),[o.openOnClick,Y]),n.useEffect(()=>{const e=!!q.current!=!!o.vertical,r=R.current.hasDirectionChanged();(e||r)&&H(),P.current.OpenOnClick=o.openOnClick,q.current=o.vertical});const J=()=>M.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!o.vertical},{"k-menu-vertical":o.vertical},o.className);let L;v.hoveredItemId?L=v.hoveredItemId:v.focusedItemId?L=t.getDirectParentId(v.focusedItemId):L=t.EMPTY_ID;const Q=o.animate!==void 0?o.animate:!0;return n.createElement("div",{id:o.id,onKeyDown:W,style:o.style,className:R.current.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:I},n.createElement(te.MenuItemInternalsList,{className:J(),"aria-orientation":o.vertical?"vertical":void 0,items:O.current,animate:Q,isMenuVertical:o.vertical,isDirectionRightToLeft:R.current.getIsDirectionRightToLeft(),focusedItemId:v.focusedItemId,lastItemIdToBeOpened:L,tabbableItemId:v.tabbableItemId,itemRender:o.itemRender,linkRender:o.linkRender,menuGuid:o.id,onMouseLeave:A,onMouseOver:U,onFocus:z,onClick:G,onBlur:x,onOriginalItemNeeded:f,onPopupClose:$,role:o.role}))});S.propTypes={vertical:i.bool,items:i.arrayOf(i.object),style:i.object,animate:i.oneOfType([i.bool,i.shape({openDuration:i.number,closeDuration:i.number})]),dir:i.string,hoverOpenDelay:i.number,hoverCloseDelay:i.number,openOnClick:i.bool,itemRender:i.any,linkRender:i.any,customCloseItemIds:i.arrayOf(i.string),onSelect:i.func,onClose:i.func,role:i.string};S.displayName="Menu";exports.Menu=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),i=require("prop-types"),k=require("@progress/kendo-react-common"),t=require("../utils/itemsIdsUtils.js"),te=require("../utils/prepareInputItemsForInternalWork.js"),B=require("../utils/getNewItemIdUponKeyboardNavigation.js"),K=require("../utils/hoverDelay.js"),re=require("./MenuItemInternal.js"),ne=require("../utils/DirectionHolder.js"),oe=require("../utils/MouseOverHandler.js");function ce(o){const E=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const I in o)if(I!=="default"){const b=Object.getOwnPropertyDescriptor(o,I);Object.defineProperty(E,I,b.get?b:{enumerable:!0,get:()=>o[I]})}}return E.default=o,Object.freeze(E)}const n=ce(ee),U={focusedItemId:t.EMPTY_ID,hoveredItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID},S=n.forwardRef((o,E)=>{const I=n.useRef(null),b=n.useRef(null),M=n.useRef(null),D=n.useRef(new ne.DirectionHolder),h=n.useRef([]),N=n.useRef([]),l=n.useRef(o);l.current=o;const[v,P]=n.useState({...U}),C=n.useRef(v);C.current=v;const w=n.useRef(()=>{}),T=n.useRef(new oe.MouseOverHandler(o.openOnClick,()=>w.current())),{items:j,inputItems:F}=te.prepareInputItemsForInternalWork(o.items,o.children);h.current=j,N.current=F,D.current.setIsDirectionRightToLeft(V());function V(){return!!(l.current.dir!==void 0?l.current.dir==="rtl":I.current&&getComputedStyle(I.current).direction==="rtl")}const g=n.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),M.current&&(clearTimeout(M.current),M.current=null)},[]),H=n.useCallback(()=>{g(),P({...U})},[g]);w.current=H;const O=n.useRef({get element(){return I.current},reset:()=>w.current()});n.useImperativeHandle(E,()=>O.current,[]);const m=n.useCallback(e=>{P(r=>{const c=e===t.EMPTY_ID?r.tabbableItemId:t.getRootParentId(e);return{hoveredItemId:e===t.EMPTY_ID||t.isIdEmptyOrZeroLevel(r.hoveredItemId)&&t.isIdEmptyOrZeroLevel(e)?r.hoveredItemId:t.EMPTY_ID,focusedItemId:e,tabbableItemId:c}})},[]),a=n.useCallback(e=>{P(r=>t.isIdEmptyOrZeroLevel(e)&&t.isIdEmptyOrZeroLevel(r.focusedItemId)?{hoveredItemId:e,focusedItemId:r.focusedItemId,tabbableItemId:r.tabbableItemId}:{hoveredItemId:e,focusedItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID})},[]),f=n.useCallback(e=>t.getItemById(e,N.current),[]),_=n.useCallback((e,r)=>{k.dispatchEvent(l.current.onSelect,e,O.current,{item:f(r),itemId:r})},[f]),L=n.useCallback(e=>!l.current.customCloseItemIds||l.current.customCloseItemIds.indexOf(e)===-1,[]),Y=n.useCallback(e=>{var s,u;const r=l.current,c=C.current;if(r.openOnClick&&c.hoveredItemId!==t.EMPTY_ID){const d=e.target;((s=I.current)==null?void 0:s.contains(d))===!1&&(r.id&&((u=d.closest)!=null&&u.call(d,`[id^="${r.id}_"]`))||a(t.EMPTY_ID))}},[a]),W=n.useCallback(e=>{const r=C.current,c=l.current,s=h.current;if(r.focusedItemId!==t.EMPTY_ID){const u=t.getItemById(r.focusedItemId,s);let d=B.getNewItemIdUponKeyboardNavigation(s,u.id,e.keyCode,e.key,c.vertical,D.current.getIsDirectionRightToLeft());const y=t.getItemById(d,s);if(y!=null&&y.separator&&(d=B.getNewItemIdUponKeyboardNavigation(s,d,e.keyCode,e.key,c.vertical,D.current.getIsDirectionRightToLeft())),u.id!==d&&(e.preventDefault(),m(d)),(e.keyCode===k.Keys.enter||e.keyCode===k.Keys.space)&&!u.disabled&&(T.current.handleItemSelectedViaKeyboard(),_(e,u.id),!e.isDefaultPrevented()&&u.items.length===0&&u.url)){const R=k.sanitizeUrl(u.url);R&&window.location.assign(R)}if(e.keyCode===k.Keys.esc&&t.isIdZeroLevel(u.id)&&c.onClose){const R=f(u.id);c.onClose({target:O.current,item:R,itemId:u.id})}}},[m,_,f]),z=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(T.current.IsMouseOverEnabled||s)&&(g(),b.current=window.setTimeout(()=>{a(e),b.current=null},K.getHoverOpenDelay(c)))},[g,a]),A=n.useCallback(e=>{const r=C.current,c=l.current,s=c.openOnClick&&!t.isIdZeroLevel(e)&&r.hoveredItemId!==t.EMPTY_ID;(T.current.IsMouseOverEnabled||s)&&L(e)&&(g(),M.current=window.setTimeout(()=>{a(s?t.getDirectParentId(e):t.EMPTY_ID),M.current=null},K.getHoverCloseDelay(c)))},[g,L,a]),G=n.useCallback(e=>{C.current.hoveredItemId===t.EMPTY_ID?m(e):P(c=>({focusedItemId:e,hoveredItemId:c.hoveredItemId,tabbableItemId:t.getRootParentId(e)}))},[m]),$=n.useCallback((e,r)=>{const c=h.current,s=t.getItemById(r,c),u=C.current,d=l.current;if(!s.disabled){const y=t.isIdZeroLevel(r),R=!s.items||s.items.length===0;if(y?(m(r),R||d.openOnClick&&u.hoveredItemId!==t.EMPTY_ID&&t.getRootParentId(u.hoveredItemId)===r?a(t.EMPTY_ID):a(r)):R&&(m(r),a(t.EMPTY_ID)),_(e,r),!e.isDefaultPrevented()&&s.url){const Z=k.sanitizeUrl(s.url);Z&&window.location.assign(Z)}}},[m,a,_]),x=n.useCallback((e,r)=>{const c=l.current;c.onClose&&c.onClose({target:O.current,item:f(e),itemId:e,popupCloseEvent:r})},[f]),J=n.useCallback((e,r)=>{var s;const c=l.current;if(L(e)&&m(t.EMPTY_ID),((s=r.relatedTarget)==null?void 0:s.nodeName)==="LI"){const u=r.relatedTarget.getAttribute("id");if(u!=null&&u.includes(c.id))return}if(t.isIdZeroLevel(e)&&c.onClose){const u=f(e);c.onClose({target:O.current,item:u,itemId:e})}},[L,m,f]),q=n.useRef(o.vertical);n.useEffect(()=>()=>{g()},[g]),n.useEffect(()=>(o.openOnClick&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)}),[o.openOnClick,Y]),n.useEffect(()=>{const e=!!q.current!=!!o.vertical,r=D.current.hasDirectionChanged();(e||r)&&H(),T.current.OpenOnClick=o.openOnClick,q.current=o.vertical});const Q=()=>k.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!o.vertical},{"k-menu-vertical":o.vertical},o.className);let p;v.hoveredItemId?p=v.hoveredItemId:v.focusedItemId?p=t.getDirectParentId(v.focusedItemId):p=t.EMPTY_ID;const X=o.animate!==void 0?o.animate:!0;return n.createElement("div",{id:o.id,onKeyDown:W,style:o.style,className:D.current.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:I},n.createElement(re.MenuItemInternalsList,{className:Q(),"aria-orientation":o.vertical?"vertical":void 0,items:h.current,animate:X,isMenuVertical:o.vertical,isDirectionRightToLeft:D.current.getIsDirectionRightToLeft(),focusedItemId:v.focusedItemId,lastItemIdToBeOpened:p,tabbableItemId:v.tabbableItemId,itemRender:o.itemRender,linkRender:o.linkRender,menuGuid:o.id,onMouseLeave:A,onMouseOver:z,onFocus:G,onClick:$,onBlur:J,onOriginalItemNeeded:f,onPopupClose:x,role:o.role}))});S.propTypes={vertical:i.bool,items:i.arrayOf(i.object),style:i.object,animate:i.oneOfType([i.bool,i.shape({openDuration:i.number,closeDuration:i.number})]),dir:i.string,hoverOpenDelay:i.number,hoverCloseDelay:i.number,openOnClick:i.bool,itemRender:i.any,linkRender:i.any,customCloseItemIds:i.arrayOf(i.string),onSelect:i.func,onClose:i.func,role:i.string};S.displayName="Menu";exports.Menu=S;

package/menu/components/Menu.mjs

@@ -7,180 +7,187 @@
  */
 import * as r from "react";
 import u from "prop-types";
-import { dispatchEvent as oe, Keys as B, classNames as ce } from "@progress/kendo-react-common";
-import { ZERO_LEVEL_ZERO_ITEM_ID as A, EMPTY_ID as i, getRootParentId as _, isIdEmptyOrZeroLevel as P, getItemById as S, isIdZeroLevel as O, getDirectParentId as W } from "../utils/itemsIdsUtils.mjs";
-import { prepareInputItemsForInternalWork as se } from "../utils/prepareInputItemsForInternalWork.mjs";
-import { getNewItemIdUponKeyboardNavigation as Z } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverOpenDelay as ue, getHoverCloseDelay as ie } from "../utils/hoverDelay.mjs";
-import { MenuItemInternalsList as le } from "./MenuItemInternal.mjs";
-import { DirectionHolder as ae } from "../utils/DirectionHolder.mjs";
-import { MouseOverHandler as de } from "../utils/MouseOverHandler.mjs";
-const q = {
+import { dispatchEvent as se, Keys as B, sanitizeUrl as W, classNames as ue } from "@progress/kendo-react-common";
+import { ZERO_LEVEL_ZERO_ITEM_ID as j, EMPTY_ID as i, getRootParentId as _, isIdEmptyOrZeroLevel as P, getItemById as S, isIdZeroLevel as D, getDirectParentId as Z } from "../utils/itemsIdsUtils.mjs";
+import { prepareInputItemsForInternalWork as ie } from "../utils/prepareInputItemsForInternalWork.mjs";
+import { getNewItemIdUponKeyboardNavigation as q } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
+import { getHoverOpenDelay as le, getHoverCloseDelay as ae } from "../utils/hoverDelay.mjs";
+import { MenuItemInternalsList as de } from "./MenuItemInternal.mjs";
+import { DirectionHolder as me } from "../utils/DirectionHolder.mjs";
+import { MouseOverHandler as fe } from "../utils/MouseOverHandler.mjs";
+const A = {
   focusedItemId: i,
   hoveredItemId: i,
-  tabbableItemId: A
-}, j = r.forwardRef((o, x) => {
-  const R = r.useRef(null), g = r.useRef(null), h = r.useRef(null), k = r.useRef(new ae()), D = r.useRef([]), F = r.useRef([]), l = r.useRef(o);
+  tabbableItemId: j
+}, z = r.forwardRef((o, x) => {
+  const g = r.useRef(null), h = r.useRef(null), y = r.useRef(null), v = r.useRef(new me()), L = r.useRef([]), F = r.useRef([]), l = r.useRef(o);
   l.current = o;
-  const [f, L] = r.useState({ ...q }), C = r.useRef(f);
-  C.current = f;
+  const [I, p] = r.useState({ ...A }), C = r.useRef(I);
+  C.current = I;
   const H = r.useRef(() => {
-  }), p = r.useRef(new de(o.openOnClick, () => H.current())), { items: z, inputItems: G } = se(
+  }), T = r.useRef(new fe(o.openOnClick, () => H.current())), { items: G, inputItems: Y } = ie(
     o.items,
     o.children
   );
-  D.current = z, F.current = G, k.current.setIsDirectionRightToLeft(U());
-  function U() {
-    return !!(l.current.dir !== void 0 ? l.current.dir === "rtl" : R.current && getComputedStyle(R.current).direction === "rtl");
+  L.current = G, F.current = Y, v.current.setIsDirectionRightToLeft($());
+  function $() {
+    return !!(l.current.dir !== void 0 ? l.current.dir === "rtl" : g.current && getComputedStyle(g.current).direction === "rtl");
   }
   const b = r.useCallback(() => {
-    g.current && (clearTimeout(g.current), g.current = null), h.current && (clearTimeout(h.current), h.current = null);
+    h.current && (clearTimeout(h.current), h.current = null), y.current && (clearTimeout(y.current), y.current = null);
   }, []), K = r.useCallback(() => {
-    b(), L({ ...q });
+    b(), p({ ...A });
   }, [b]);
   H.current = K;
-  const y = r.useRef({
+  const O = r.useRef({
     get element() {
-      return R.current;
+      return g.current;
     },
     reset: () => H.current()
   });
-  r.useImperativeHandle(x, () => y.current, []);
+  r.useImperativeHandle(x, () => O.current, []);
   const m = r.useCallback((e) => {
-    L((t) => {
+    p((t) => {
       const n = e === i ? t.tabbableItemId : _(e);
       return { hoveredItemId: e === i || P(t.hoveredItemId) && P(e) ? t.hoveredItemId : i, focusedItemId: e, tabbableItemId: n };
     });
   }, []), a = r.useCallback((e) => {
-    L((t) => P(e) && P(t.focusedItemId) ? {
+    p((t) => P(e) && P(t.focusedItemId) ? {
       hoveredItemId: e,
       focusedItemId: t.focusedItemId,
       tabbableItemId: t.tabbableItemId
-    } : { hoveredItemId: e, focusedItemId: i, tabbableItemId: A });
-  }, []), I = r.useCallback((e) => S(e, F.current), []), T = r.useCallback(
+    } : { hoveredItemId: e, focusedItemId: i, tabbableItemId: j });
+  }, []), f = r.useCallback((e) => S(e, F.current), []), E = r.useCallback(
     (e, t) => {
-      oe(l.current.onSelect, e, y.current, {
-        item: I(t),
+      se(l.current.onSelect, e, O.current, {
+        item: f(t),
         itemId: t
       });
     },
-    [I]
-  ), E = r.useCallback((e) => !l.current.customCloseItemIds || l.current.customCloseItemIds.indexOf(e) === -1, []), N = r.useCallback(
+    [f]
+  ), M = r.useCallback((e) => !l.current.customCloseItemIds || l.current.customCloseItemIds.indexOf(e) === -1, []), N = r.useCallback(
     (e) => {
       var c, s;
       const t = l.current, n = C.current;
       if (t.openOnClick && n.hoveredItemId !== i) {
         const d = e.target;
-        ((c = R.current) == null ? void 0 : c.contains(d)) === !1 && (t.id && ((s = d.closest) != null && s.call(d, `[id^="${t.id}_"]`)) || a(i));
+        ((c = g.current) == null ? void 0 : c.contains(d)) === !1 && (t.id && ((s = d.closest) != null && s.call(d, `[id^="${t.id}_"]`)) || a(i));
       }
     },
     [a]
-  ), Y = r.useCallback(
+  ), J = r.useCallback(
     (e) => {
-      const t = C.current, n = l.current, c = D.current;
+      const t = C.current, n = l.current, c = L.current;
       if (t.focusedItemId !== i) {
         const s = S(t.focusedItemId, c);
-        let d = Z(
+        let d = q(
           c,
           s.id,
           e.keyCode,
           e.key,
           n.vertical,
-          k.current.getIsDirectionRightToLeft()
+          v.current.getIsDirectionRightToLeft()
         );
-        const v = S(d, c);
-        if (v != null && v.separator && (d = Z(
+        const R = S(d, c);
+        if (R != null && R.separator && (d = q(
           c,
           d,
           e.keyCode,
           e.key,
           n.vertical,
-          k.current.getIsDirectionRightToLeft()
-        )), s.id !== d && (e.preventDefault(), m(d)), (e.keyCode === B.enter || e.keyCode === B.space) && !s.disabled && (p.current.handleItemSelectedViaKeyboard(), T(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url && window.location.assign(s.url)), e.keyCode === B.esc && O(s.id) && n.onClose) {
-          const w = I(s.id);
+          v.current.getIsDirectionRightToLeft()
+        )), s.id !== d && (e.preventDefault(), m(d)), (e.keyCode === B.enter || e.keyCode === B.space) && !s.disabled && (T.current.handleItemSelectedViaKeyboard(), E(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url)) {
+          const k = W(s.url);
+          k && window.location.assign(k);
+        }
+        if (e.keyCode === B.esc && D(s.id) && n.onClose) {
+          const k = f(s.id);
           n.onClose({
-            target: y.current,
-            item: w,
+            target: O.current,
+            item: k,
             itemId: s.id
           });
         }
       }
     },
-    [m, T, I]
-  ), $ = r.useCallback(
+    [m, E, f]
+  ), Q = r.useCallback(
     (e) => {
-      const t = C.current, n = l.current, c = n.openOnClick && !O(e) && t.hoveredItemId !== i;
-      (p.current.IsMouseOverEnabled || c) && (b(), g.current = window.setTimeout(() => {
-        a(e), g.current = null;
-      }, ue(n)));
+      const t = C.current, n = l.current, c = n.openOnClick && !D(e) && t.hoveredItemId !== i;
+      (T.current.IsMouseOverEnabled || c) && (b(), h.current = window.setTimeout(() => {
+        a(e), h.current = null;
+      }, le(n)));
     },
     [b, a]
-  ), J = r.useCallback(
+  ), X = r.useCallback(
     (e) => {
-      const t = C.current, n = l.current, c = n.openOnClick && !O(e) && t.hoveredItemId !== i;
-      (p.current.IsMouseOverEnabled || c) && E(e) && (b(), h.current = window.setTimeout(() => {
-        a(c ? W(e) : i), h.current = null;
-      }, ie(n)));
+      const t = C.current, n = l.current, c = n.openOnClick && !D(e) && t.hoveredItemId !== i;
+      (T.current.IsMouseOverEnabled || c) && M(e) && (b(), y.current = window.setTimeout(() => {
+        a(c ? Z(e) : i), y.current = null;
+      }, ae(n)));
     },
-    [b, E, a]
-  ), Q = r.useCallback(
+    [b, M, a]
+  ), ee = r.useCallback(
     (e) => {
-      C.current.hoveredItemId === i ? m(e) : L((n) => ({
+      C.current.hoveredItemId === i ? m(e) : p((n) => ({
         focusedItemId: e,
         hoveredItemId: n.hoveredItemId,
         tabbableItemId: _(e)
       }));
     },
     [m]
-  ), X = r.useCallback(
+  ), te = r.useCallback(
     (e, t) => {
-      const n = D.current, c = S(t, n), s = C.current, d = l.current;
+      const n = L.current, c = S(t, n), s = C.current, d = l.current;
       if (!c.disabled) {
-        const v = O(t), w = !c.items || c.items.length === 0;
-        v ? (m(t), w ? a(i) : d.openOnClick && s.hoveredItemId !== i && _(s.hoveredItemId) === t ? a(i) : a(t)) : w && (m(t), a(i)), T(e, t), !e.isDefaultPrevented() && c.url && window.location.assign(c.url);
+        const R = D(t), k = !c.items || c.items.length === 0;
+        if (R ? (m(t), k ? a(i) : d.openOnClick && s.hoveredItemId !== i && _(s.hoveredItemId) === t ? a(i) : a(t)) : k && (m(t), a(i)), E(e, t), !e.isDefaultPrevented() && c.url) {
+          const V = W(c.url);
+          V && window.location.assign(V);
+        }
       }
     },
-    [m, a, T]
-  ), ee = r.useCallback(
+    [m, a, E]
+  ), re = r.useCallback(
     (e, t) => {
       const n = l.current;
       n.onClose && n.onClose({
-        target: y.current,
-        item: I(e),
+        target: O.current,
+        item: f(e),
         itemId: e,
         popupCloseEvent: t
       });
     },
-    [I]
-  ), te = r.useCallback(
+    [f]
+  ), ne = r.useCallback(
     (e, t) => {
       var c;
       const n = l.current;
-      if (E(e) && m(i), ((c = t.relatedTarget) == null ? void 0 : c.nodeName) === "LI") {
+      if (M(e) && m(i), ((c = t.relatedTarget) == null ? void 0 : c.nodeName) === "LI") {
         const s = t.relatedTarget.getAttribute("id");
         if (s != null && s.includes(n.id))
           return;
       }
-      if (O(e) && n.onClose) {
-        const s = I(e);
+      if (D(e) && n.onClose) {
+        const s = f(e);
         n.onClose({
-          target: y.current,
+          target: O.current,
           item: s,
           itemId: e
         });
       }
     },
-    [E, m, I]
-  ), V = r.useRef(o.vertical);
+    [M, m, f]
+  ), U = r.useRef(o.vertical);
   r.useEffect(() => () => {
     b();
   }, [b]), r.useEffect(() => (o.openOnClick && document.addEventListener("mousedown", N), () => {
     document.removeEventListener("mousedown", N);
   }), [o.openOnClick, N]), r.useEffect(() => {
-    const e = !!V.current != !!o.vertical, t = k.current.hasDirectionChanged();
-    (e || t) && K(), p.current.OpenOnClick = o.openOnClick, V.current = o.vertical;
+    const e = !!U.current != !!o.vertical, t = v.current.hasDirectionChanged();
+    (e || t) && K(), T.current.OpenOnClick = o.openOnClick, U.current = o.vertical;
   });
-  const re = () => ce(
+  const oe = () => ue(
     "k-reset",
     "k-header",
     "k-menu",
@@ -188,46 +195,46 @@ const q = {
     { "k-menu-vertical": o.vertical },
     o.className
   );
-  let M;
-  f.hoveredItemId ? M = f.hoveredItemId : f.focusedItemId ? M = W(f.focusedItemId) : M = i;
-  const ne = o.animate !== void 0 ? o.animate : !0;
+  let w;
+  I.hoveredItemId ? w = I.hoveredItemId : I.focusedItemId ? w = Z(I.focusedItemId) : w = i;
+  const ce = o.animate !== void 0 ? o.animate : !0;
   return /* @__PURE__ */ r.createElement(
     "div",
     {
       id: o.id,
-      onKeyDown: Y,
+      onKeyDown: J,
       style: o.style,
-      className: k.current.getIsDirectionRightToLeft() ? "k-rtl" : void 0,
-      ref: R
+      className: v.current.getIsDirectionRightToLeft() ? "k-rtl" : void 0,
+      ref: g
     },
     /* @__PURE__ */ r.createElement(
-      le,
+      de,
       {
-        className: re(),
+        className: oe(),
         "aria-orientation": o.vertical ? "vertical" : void 0,
-        items: D.current,
-        animate: ne,
+        items: L.current,
+        animate: ce,
         isMenuVertical: o.vertical,
-        isDirectionRightToLeft: k.current.getIsDirectionRightToLeft(),
-        focusedItemId: f.focusedItemId,
-        lastItemIdToBeOpened: M,
-        tabbableItemId: f.tabbableItemId,
+        isDirectionRightToLeft: v.current.getIsDirectionRightToLeft(),
+        focusedItemId: I.focusedItemId,
+        lastItemIdToBeOpened: w,
+        tabbableItemId: I.tabbableItemId,
         itemRender: o.itemRender,
         linkRender: o.linkRender,
         menuGuid: o.id,
-        onMouseLeave: J,
-        onMouseOver: $,
-        onFocus: Q,
-        onClick: X,
-        onBlur: te,
-        onOriginalItemNeeded: I,
-        onPopupClose: ee,
+        onMouseLeave: X,
+        onMouseOver: Q,
+        onFocus: ee,
+        onClick: te,
+        onBlur: ne,
+        onOriginalItemNeeded: f,
+        onPopupClose: re,
         role: o.role
       }
     )
   );
 });
-j.propTypes = {
+z.propTypes = {
   vertical: u.bool,
   items: u.arrayOf(u.object),
   style: u.object,
@@ -249,7 +256,7 @@ j.propTypes = {
   onClose: u.func,
   role: u.string
 };
-j.displayName = "Menu";
+z.displayName = "Menu";
 export {
-  j as Menu
+  z as Menu
 };

package/menu/components/MenuItemLink.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 o=require("react"),r=require("prop-types"),s=require("@progress/kendo-react-common");function u(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 c=u(o),l=e=>s.classNames("k-link","k-menu-link",{"k-active":e}),i=e=>e.url?c.createElement("a",{className:l(e.opened),href:e.url,tabIndex:-1},e.children):c.createElement("span",{id:e.id,className:s.classNames(l(e.opened),e.className),style:e.style,role:"presentation"},e.children);i.propTypes={opened:r.bool,url:r.string};exports.MenuItemLink=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("prop-types"),a=require("@progress/kendo-react-common");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=u(o),i=e=>a.classNames("k-link","k-menu-link",{"k-active":e}),s=e=>e.url?l.createElement("a",{className:i(e.opened),href:a.sanitizeUrl(e.url)||void 0,tabIndex:-1},e.children):l.createElement("span",{id:e.id,className:a.classNames(i(e.opened),e.className),style:e.style,role:"presentation"},e.children);s.propTypes={opened:c.bool,url:c.string};exports.MenuItemLink=s;

package/menu/components/MenuItemLink.mjs

@@ -7,8 +7,8 @@
  */
 import * as t from "react";
 import n from "prop-types";
-import { classNames as l } from "@progress/kendo-react-common";
-const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), m = (e) => e.url ? /* @__PURE__ */ t.createElement("a", { className: a(e.opened), href: e.url, tabIndex: -1 }, e.children) : /* @__PURE__ */ t.createElement(
+import { sanitizeUrl as i, classNames as l } from "@progress/kendo-react-common";
+const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), r = (e) => e.url ? /* @__PURE__ */ t.createElement("a", { className: a(e.opened), href: i(e.url) || void 0, tabIndex: -1 }, e.children) : /* @__PURE__ */ t.createElement(
   "span",
   {
     id: e.id,
@@ -18,10 +18,10 @@ const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), m = (e) => e.url
   },
   e.children
 );
-m.propTypes = {
+r.propTypes = {
   opened: n.bool,
   url: n.string
 };
 export {
-  m as MenuItemLink
+  r as MenuItemLink
 };

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1790779727,version:"16.2.0-develop.17",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1791292207,version:"16.2.0-develop.19",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1790779727,
-    version: '16.2.0-develop.17',
+    publishDate: 1791292207,
+    version: '16.2.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "16.2.0-develop.17",
+  "version": "16.2.0-develop.19",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "16.2.0-develop.17",
-    "@progress/kendo-react-buttons": "16.2.0-develop.17",
-    "@progress/kendo-react-common": "16.2.0-develop.17",
-    "@progress/kendo-react-intl": "16.2.0-develop.17",
-    "@progress/kendo-react-popup": "16.2.0-develop.17",
-    "@progress/kendo-react-progressbars": "16.2.0-develop.17",
+    "@progress/kendo-react-animation": "16.2.0-develop.19",
+    "@progress/kendo-react-buttons": "16.2.0-develop.19",
+    "@progress/kendo-react-common": "16.2.0-develop.19",
+    "@progress/kendo-react-intl": "16.2.0-develop.19",
+    "@progress/kendo-react-popup": "16.2.0-develop.19",
+    "@progress/kendo-react-progressbars": "16.2.0-develop.19",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -108,7 +108,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1790779727,
+      "publishDate": 1791292207,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -118,10 +118,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "peerDependenciesMeta": {
-    "@progress/kendo-svg-icons": {
-      "optional": true
-    }
   }
 }

package/timeline/TimelineCard.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 N=require("react"),v=require("prop-types"),y=require("../card/Card.js"),A=require("../card/CardHeader.js"),D=require("../card/CardTitle.js"),I=require("../card/CardSubtitle.js"),h=require("../card/CardBody.js"),O=require("../card/CardImage.js"),T=require("../card/CardActions.js"),k=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-animation"),R=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-buttons");function x(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return i.default=e,Object.freeze(i)}const t=x(N),E=e=>{const{title:l,subtitle:c,actions:r,images:o,description:b}=e.eventData,[d,C]=t.useState(e.eventData.opened||!1),[s,u]=t.useState(!!e.collapsible&&!e.eventData.opened),f=a=>{if(C(!d),e.onChange){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,n)}},g=a=>{if(e.onActionClick){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,n)}},m=()=>t.createElement(t.Fragment,null,t.createElement(h.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,b),o&&o.map((a,n)=>t.createElement(O.CardImage,{key:n,src:a.src})))),r&&t.createElement(T.CardActions,null,r.map((a,n)=>t.createElement("a",{key:n,href:a.url,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:g},a.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:k.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&s})},t.createElement(y.Card,{id:e.panelId,"aria-label":e.ariaLabel,"aria-live":e.horizontal?void 0:"polite","aria-describedby":e.id,tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible?!s:void 0,className:"k-card-with-callout",onClick:a=>f(a)},t.createElement("span",{style:e.calloutStyle,className:k.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(A.CardHeader,null,t.createElement(D.CardTitle,null,t.createElement("span",{className:"k-event-title"},l),e.collapsible&&t.createElement(S.Button,{className:"k-event-collapse",fillMode:"flat",size:"xs",svgIcon:R.chevronRightIcon})),c&&t.createElement(I.CardSubtitle,null,c)),e.collapsible?t.createElement(q.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>u(!1),onAfterExited:()=>u(!0)},d?m():null):m())))};E.propTypes={onChange:v.func,onActionClick:v.func};exports.TimelineCard=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),k=require("prop-types"),y=require("../card/Card.js"),A=require("../card/CardHeader.js"),D=require("../card/CardTitle.js"),I=require("../card/CardSubtitle.js"),h=require("../card/CardBody.js"),O=require("../card/CardImage.js"),T=require("../card/CardActions.js"),r=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-animation"),R=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-buttons");function z(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(c,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return c.default=e,Object.freeze(c)}const t=z(N),E=e=>{const{title:l,subtitle:i,actions:o,images:d,description:b}=e.eventData,[s,C]=t.useState(e.eventData.opened||!1),[u,m]=t.useState(!!e.collapsible&&!e.eventData.opened),f=a=>{if(C(!s),e.onChange){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,n)}},g=a=>{if(e.onActionClick){const n={syntheticEvent:a,nativeEvent:a.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,n)}},v=()=>t.createElement(t.Fragment,null,t.createElement(h.CardBody,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,b),d&&d.map((a,n)=>t.createElement(O.CardImage,{key:n,src:a.src})))),o&&t.createElement(T.CardActions,null,o.map((a,n)=>t.createElement("a",{key:n,href:r.sanitizeUrl(a.url)||void 0,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:g},a.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:r.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&u})},t.createElement(y.Card,{id:e.panelId,"aria-label":e.ariaLabel,"aria-live":e.horizontal?void 0:"polite","aria-describedby":e.id,tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible?!u:void 0,className:"k-card-with-callout",onClick:a=>f(a)},t.createElement("span",{style:e.calloutStyle,className:r.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(A.CardHeader,null,t.createElement(D.CardTitle,null,t.createElement("span",{className:"k-event-title"},l),e.collapsible&&t.createElement(S.Button,{className:"k-event-collapse",fillMode:"flat",size:"xs",svgIcon:R.chevronRightIcon})),i&&t.createElement(I.CardSubtitle,null,i)),e.collapsible?t.createElement(q.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>m(!1),onAfterExited:()=>m(!0)},s?v():null):v())))};E.propTypes={onChange:k.func,onActionClick:k.func};exports.TimelineCard=E;

package/timeline/TimelineCard.mjs

@@ -14,11 +14,11 @@ import { CardSubtitle as A } from "../card/CardSubtitle.mjs";
 import { CardBody as D } from "../card/CardBody.mjs";
 import { CardImage as I } from "../card/CardImage.mjs";
 import { CardActions as g } from "../card/CardActions.mjs";
-import { classNames as u } from "@progress/kendo-react-common";
-import { Reveal as y } from "@progress/kendo-react-animation";
-import { chevronRightIcon as T } from "@progress/kendo-svg-icons";
-import { Button as x } from "@progress/kendo-react-buttons";
-const O = (e) => {
+import { classNames as u, sanitizeUrl as y } from "@progress/kendo-react-common";
+import { Reveal as T } from "@progress/kendo-react-animation";
+import { chevronRightIcon as x } from "@progress/kendo-svg-icons";
+import { Button as O } from "@progress/kendo-react-buttons";
+const z = (e) => {
   const { title: v, subtitle: l, actions: i, images: o, description: E } = e.eventData, [c, k] = t.useState(e.eventData.opened || !1), [r, m] = t.useState(!!e.collapsible && !e.eventData.opened), f = (a) => {
     if (k(!c), e.onChange) {
       const n = {
@@ -41,7 +41,7 @@ const O = (e) => {
     "a",
     {
       key: n,
-      href: a.url,
+      href: y(a.url) || void 0,
       className: "k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",
       onClick: b
     },
@@ -80,15 +80,15 @@ const O = (e) => {
         }
       ),
       /* @__PURE__ */ t.createElement("div", { className: "k-card-inner" }, /* @__PURE__ */ t.createElement(N, null, /* @__PURE__ */ t.createElement(h, null, /* @__PURE__ */ t.createElement("span", { className: "k-event-title" }, v), e.collapsible && /* @__PURE__ */ t.createElement(
-        x,
+        O,
         {
           className: "k-event-collapse",
           fillMode: "flat",
           size: "xs",
-          svgIcon: T
+          svgIcon: x
         }
       )), l && /* @__PURE__ */ t.createElement(A, null, l)), e.collapsible ? /* @__PURE__ */ t.createElement(
-        y,
+        T,
         {
           transitionEnterDuration: e.transitionDuration || 400,
           transitionExitDuration: e.transitionDuration || 400,
@@ -100,10 +100,10 @@ const O = (e) => {
     )
   );
 };
-O.propTypes = {
+z.propTypes = {
   onChange: s.func,
   onActionClick: s.func
 };
 export {
-  O as TimelineCard
+  z as TimelineCard
 };