primereact/timeline/timeline.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ 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 r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function l(e,t){if("object"!==i(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function o(e){var t=l(e,"string");return"symbol"===i(t)?t:String(t)}function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u={defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},getProps:function(e){return t.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,u.defaultProps)}},c=e.memo(e.forwardRef((function(i,l){var o,c=u.getProps(i),m=e.useRef(null),p=function(e,n){return c.dataKey?t.resolveFieldData(e,c.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(l,(function(){return{props:c,getElement:function(){return m.current}}}));var s=u.getOtherProps(c),f=n("p-timeline p-component",(a(o={},"p-timeline-".concat(c.align),!0),a(o,"p-timeline-".concat(c.layout),!0),o),c.className),v=c.value&&c.value.map((function(n,r){var i=t.getJSXElement(c.opposite,n,r),l=t.getJSXElement(c.marker,n,r)||e.createElement("div",{className:"p-timeline-event-marker"}),o=r!==c.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),a=t.getJSXElement(c.content,n,r);return e.createElement("div",{key:p(n,r),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},i),e.createElement("div",{className:"p-timeline-event-separator"},l,o),e.createElement("div",{className:"p-timeline-event-content"},a))}));return e.createElement("div",r({ref:m,className:f},s),v)})));c.displayName="Timeline";export{c as Timeline};