@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 T=require("react"),h=require("prop-types"),r=require("@progress/kendo-react-common"),E=require("./TimelineHorizontal.js"),O=require("./TimelineVertical.js"),g=require("../package-metadata.js");function q(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=q(T),k=e=>{const n=!r.validatePackage(g.packageMetadata,{component:"Timeline"}),a=r.getLicenseMessage(g.packageMetadata),i={alterMode:!1,collapsibleEvents:!1,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:l,transitionDuration:o,className:b,alterMode:m,navigatable:u,horizontal:s,events:d,dateFormat:p,onChange:y,onActionClick:f}=i,[v,M]=t.useState(),c=t.useRef(null);return t.useEffect(()=>{c.current&&M(c.current.offsetWidth)},[]),t.createElement("div",{ref:c,className:r.classNames("k-timeline",{"k-timeline-collapsible":l,"k-timeline-vertical":!s,"k-timeline-alternating":m,"k-timeline-horizontal":s},b),style:{width:`${v}px`}},s?t.createElement(E.TimelineHorizontal,{navigatable:u,eventsData:d,dateFormat:p,transitionDuration:o,onActionClick:f}):t.createElement(O.TimelineVertical,{navigatable:u,eventsData:d,dateFormat:p,alterMode:m,collapsibleEvents:l,transitionDuration:o,onChange:y,onActionClick:f}),n&&t.createElement(r.WatermarkOverlay,{message:a}))};k.propTypes={className:h.string};exports.Timeline=k;