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.1 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(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 l=n(e);function r(){return r=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},r.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 i=l.memo(l.forwardRef((function(e,n){var c,s=l.useRef(null),u=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return s.current}}}));var o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),m=t.classNames("p-timeline p-component",(a(c={},"p-timeline-".concat(e.align),!0),a(c,"p-timeline-".concat(e.layout),!0),c),e.className),p=e.value&&e.value.map((function(n,r){var a=t.ObjectUtils.getJSXElement(e.opposite,n,r),i=t.ObjectUtils.getJSXElement(e.marker,n,r)||l.createElement("div",{className:"p-timeline-event-marker"}),c=r!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),s=t.ObjectUtils.getJSXElement(e.content,n,r);return l.createElement("div",{key:u(n,r),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},a),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},s))}));return l.createElement("div",r({id:e.id,ref:s,className:m,style:e.style},o),p)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=i;