react-modern-timeline/build/index.js

Modern responsive event timeline component for React

module.exports=function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=7)}([function(e,n){e.exports=require("react")},function(e,n,t){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),a=[];function c(e){for(var n=-1,t=0;t<a.length;t++)if(a[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},r=[],o=0;o<e.length;o++){var i=e[o],l=n.base?i[0]+n.base:i[0],s=t[l]||0,u="".concat(l," ").concat(s);t[l]=s+1;var d=c(u),f={css:i[1],media:i[2],sourceMap:i[3]};-1!==d?(a[d].references++,a[d].updater(f)):a.push({identifier:u,updater:x(f,n),references:1}),r.push(u)}return r}function s(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=t.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){n.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(n);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var u,d=(u=[],function(e,n){return u[e]=n,u.filter(Boolean).join("\n")});function f(e,n,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(n,o);else{var i=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(i,a[n]):e.appendChild(i)}}function p(e,n,t){var r=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var b=null,m=0;function x(e,n){var t,r,o;if(n.singleton){var i=m++;t=b||(b=s(n)),r=f.bind(null,t,i,!1),o=f.bind(null,t,i,!0)}else t=s(n),r=p.bind(null,t,n),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=o());var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<t.length;r++){var o=c(t[r]);a[o].references--}for(var i=l(e,n),s=0;s<t.length;s++){var u=c(t[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}t=i}}}},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[t].concat(i).concat([o]).join("\n")}var a,c,l;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);r&&o[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},function(e,n,t){var r=t(1),o=t(4);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){(n=t(2)(!1)).push([e.i,".main-container {\n  width: 100%;\n  height: fit-content;\n  background-color: rgba(240, 248, 255, 0.063);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 0 50px 0 0;\n  box-sizing: border-box;\n}\n\n.time-line {\n  position: absolute;\n  left: 50px;\n  height: 100%;\n  width: 2px;\n  background-color: #e9ecee;\n  box-sizing: border-box;\n}",""]),e.exports=n},function(e,n,t){var r=t(1),o=t(6);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){(n=t(2)(!1)).push([e.i,".timeline-event {\n  padding: 30px 0;\n  /* height: fit-content; */\n  position: relative;\n  box-sizing: border-box;\n}\n\n.event-icon-area {\n  border-radius: 50px;\n  position: absolute;\n  border: 2px solid #e9ecee;\n  height: 30px;\n  width: 30px;\n  left: 36px;\n  top: 32px;\n  background-color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.icon-circle {\n  height: 12px;\n  width: 12px;\n  border-radius: 50px;\n  background-color: #286ed6;\n  box-sizing: border-box;\n}\n\n.event-detail-area {\n  margin-left: 80px;\n  float: left;\n  margin-top: 8px;\n  box-sizing: border-box;\n}\n\n.event-detail-area .date {\n  color: #61707E;\n  font-size: 10px;\n  margin-top: 8px;\n  width: fit-content;\n  box-sizing: border-box;\n}\n\n.event-detail-area > h1 {\n  font-size: 12px;\n  color: black;\n  width: fit-content;\n  box-sizing: border-box;\n}\n\n.content-area {\n  border-radius: 10px;\n  background-color: #F9FAFB;\n  margin-top: 8px;\n  max-width: 300px;\n  box-sizing: border-box;\n}\n\n.content-text-area {\n  padding: 10px 30px;\n  box-sizing: border-box;\n}\n\n.content-text-area .content-text {\n  font-size: 12px;\n  color: black;\n  text-align: left;\n  line-height: 1.1rem;\n  box-sizing: border-box;\n}\n\n.content-img-area {\n  width: 100%;\n  height: 160px;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.content-img {\n  object-fit: cover;\n  max-width: 100%;\n  box-sizing: border-box;\n}",""]),e.exports=n},function(e,n,t){"use strict";t.r(n),t.d(n,"StyleContext",(function(){return a})),t.d(n,"ReactModernTimeline",(function(){return c})),t.d(n,"TimelineEvent",(function(){return i}));var r=t(0),o=t.n(r),i=(t(3),t(5),function(e){var n=e.title,t=e.content,i=e.date,c=e.image,l=void 0===c?null:c,s=e.iconColor,u=void 0===s?"#286ed6":s,d=Object(r.useContext)(a),f=d.titleStyle,p=d.contentStyle,b=d.containerStyle,m=d.iconContainer;return o.a.createElement("div",{className:"timeline-event"},o.a.createElement("span",{className:"event-icon-area",style:m},o.a.createElement("span",{className:"icon-circle",style:{backgroundColor:u}})),o.a.createElement("section",{className:"event-detail-area"},o.a.createElement("h1",{className:"title",style:f},n),o.a.createElement("div",{className:"content-area",style:b},l&&o.a.createElement("div",{className:"content-img-area"},o.a.createElement("img",{className:"content-img",src:l})),o.a.createElement("div",{className:"content-text-area"},o.a.createElement("p",{className:"content-text",style:p},t))),o.a.createElement("div",{className:"date"},i)))}),a=Object(r.createContext)(),c=function(e){return o.a.createElement(a.Provider,{value:e},o.a.createElement("div",{className:"main-container"},o.a.createElement("span",{className:"time-line"}),e.children))}}]);