@progress/kendo-react-layout/timeline/Timeline.js

React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),T=require("prop-types"),o=require("@progress/kendo-react-common"),M=require("./TimelineHorizontal.js"),h=require("./TimelineVertical.js"),E=require("../package-metadata.js");function O(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=O(v),f=e=>{const n=!o.validatePackage(E.packageMetadata,{component:"Timeline"}),a={alterMode:!1,collapsibleEvents:!1,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:i,transitionDuration:c,className:k,alterMode:s,navigatable:m,horizontal:r,events:u,dateFormat:d,onChange:g,onActionClick:p}=a,[b,y]=t.useState(),l=t.useRef(null);return t.useEffect(()=>{l.current&&y(l.current.offsetWidth)},[]),t.createElement("div",{ref:l,className:o.classNames("k-timeline",{"k-timeline-collapsible":i,"k-timeline-vertical":!r,"k-timeline-alternating":s,"k-timeline-horizontal":r},k),style:{width:`${b}px`}},r?t.createElement(M.TimelineHorizontal,{navigatable:m,eventsData:u,dateFormat:d,transitionDuration:c,onActionClick:p}):t.createElement(h.TimelineVertical,{navigatable:m,eventsData:u,dateFormat:d,alterMode:s,collapsibleEvents:i,transitionDuration:c,onChange:g,onActionClick:p}),n&&t.createElement(o.WatermarkOverlay,null))};f.propTypes={className:T.string};exports.Timeline=f;