UNPKG

react-img-timeline

Version:

[![CircleCI](https://circleci.com/gh/aaron9000/react-image-timeline/tree/master.svg?style=svg)](https://circleci.com/gh/aaron9000/react-image-timeline/tree/master)

1 lines 3.65 kB
!function(){"use strict";var e={n:function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,{a:n}),n},d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:function(){return b}});var n=require("react"),r=e.n(n);const a=e=>Array.isArray(e)&&e.length>0,l=e=>a(e)?e[e.length-1]:{},c=e=>e&&e instanceof Date&&!isNaN(e.getTime()),m=e=>c(e)?String(e.getFullYear()):"-",o=r().memo((function(e){return r().createElement("svg",{className:"rt-dot",viewBox:"0 0 8 10"},r().createElement("circle",{cx:"4",cy:"5",r:"3",stroke:"none"}))})),i=r().memo((function(e){return r().createElement("svg",{className:"rt-arrow",viewBox:"0 0 6 8"},r().createElement("g",null,r().createElement("path",{d:"M 0 0 L 6 4 L 0 8 L 0 0"})))})),u=r().memo((function(e){return r().createElement("div",{className:"rt-label"},m(e.event.date))})),s=r().memo((function(e){return r().createElement("div",{className:"rt-label"},m(e.event.date))})),d=r().memo((function(e){return r().createElement("div",null,r().createElement("h2",{className:"rt-title"},e.event.title),r().createElement("p",{className:"rt-date"},(e=>{if(!c(e))return"-";const t=String(e.getDate()),n=String(e.getMonth()+1),r=String(e.getFullYear());return`${n.length>1?n:"0"+n}/${t.length>1?t:"0"+t}/${r}`})(e.event.date)))})),v=r().memo((function(e){return r().createElement("button",{className:"rt-btn",onClick:t=>{t.preventDefault(),(e.event.onClick||(e=>e))(t)}},e.event.buttonText||"")})),E=r().memo((function(e){return r().createElement("div",null,r().createElement("p",null,e.event.text))})),g=r().memo((e=>r().createElement("div",null,r().createElement("img",{src:e.event.imageUrl,className:"rt-image",alt:""})))),f=r().memo((function(e){return r().createElement("div",{className:"rt-svg-container"},r().createElement(i,null),r().createElement(o,null))})),N=r().memo((function(e){return r().createElement("li",{key:"clear",className:"rt-clear"})}));var b=r().memo((e=>{const{events:t,customComponents:n,reverseOrder:m,denseLayout:o}=e,i=t.slice(0).filter((({date:e})=>c(e))).sort(((e,t)=>m?new Date(t.date).getTime()-new Date(e.date).getTime():new Date(e.date).getTime()-new Date(t.date).getTime()));if(!i.length)return r().createElement("div",null);const{topLabel:b,bottomLabel:y,header:p,footer:h,imageBody:S,textBody:k}=n||{},w=b||u,x=y||s,T=p||d,D=S||g,L=k||E,O=h||v,M=o?{minHeight:"auto"}:{};return r().createElement("div",null,r().createElement("div",{className:"rt-timeline-container"},r().createElement("ul",{className:"rt-timeline"},r().createElement("li",{key:"top",className:"rt-label-container"},r().createElement(w,{event:(j=i,a(j)?j[0]:{})})),i.map(((e,t)=>r().createElement("li",{className:"rt-event",key:t,style:M},r().createElement("div",{className:"rt-backing"},r().createElement(f,null),r().createElement("div",null,r().createElement("div",{className:"rt-header-container"},r().createElement(T,{event:e})),r().createElement("div",{className:"rt-image-container"},r().createElement(D,{event:e})),r().createElement("div",{className:"rt-text-container"},r().createElement(L,{event:e})),r().createElement("div",{className:"rt-footer-container"},r().createElement(O,{event:e}))))))),r().createElement(N,null),r().createElement("li",{key:"bottom",className:"rt-label-container"},r().createElement(x,{event:l(i)})))));var j}));module.exports=t}();