primereact/timeline/timeline.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},l.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r=e.memo(e.forwardRef((function(i,c){var m,o=e.useRef(null),s=function(e,n){return i.dataKey?t.resolveFieldData(e,i.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(c,(function(){return{props:i,getElement:function(){return o.current}}}));var u=t.findDiffKeys(i,r.defaultProps),p=n("p-timeline p-component",(a(m={},"p-timeline-".concat(i.align),!0),a(m,"p-timeline-".concat(i.layout),!0),m),i.className),v=i.value&&i.value.map((function(n,l){var a=t.getJSXElement(i.opposite,n,l),r=t.getJSXElement(i.marker,n,l)||e.createElement("div",{className:"p-timeline-event-marker"}),c=l!==i.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),m=t.getJSXElement(i.content,n,l);return e.createElement("div",{key:s(n,l),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},a),e.createElement("div",{className:"p-timeline-event-separator"},r,c),e.createElement("div",{className:"p-timeline-event-content"},m))}));return e.createElement("div",l({id:i.id,ref:o,className:p,style:i.style},u),v)})));r.displayName="Timeline",r.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{r as Timeline};