UNPKG

primereact

Version:

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

2 lines (1 loc) 2.15 kB
this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(t);function a(){return a=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},a.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=r.memo(r.forwardRef((function(e,t){var l,s=r.useRef(null),u=function(t,l){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(l)};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return s.current}}}));var o=n.ObjectUtils.findDiffKeys(e,c.defaultProps),m=n.classNames("p-timeline p-component",(i(l={},"p-timeline-".concat(e.align),!0),i(l,"p-timeline-".concat(e.layout),!0),l),e.className),p=e.value&&e.value.map((function(t,l){var a=n.ObjectUtils.getJSXElement(e.opposite,t,l),i=n.ObjectUtils.getJSXElement(e.marker,t,l)||r.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&r.createElement("div",{className:"p-timeline-event-connector"}),s=n.ObjectUtils.getJSXElement(e.content,t,l);return r.createElement("div",{key:u(t,l),className:"p-timeline-event"},r.createElement("div",{className:"p-timeline-event-opposite"},a),r.createElement("div",{className:"p-timeline-event-separator"},i,c),r.createElement("div",{className:"p-timeline-event-content"},s))}));return r.createElement("div",a({id:e.id,ref:s,className:m,style:e.style},o),p)})));return c.displayName="Timeline",c.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},e.Timeline=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);