react-beautiful-horizontal-timeline - npm Package Compare versions

Comparing version 1.2.9 to 2.2.0

index.js

 // import React from 'react';
 // import ReactDOM from 'react-dom';
 import './card.css';
+
 // import App from './App';
 // import reportWebVitals from './reportWebVitals';
 import Timeline from './Time';
-export const TimelineH = Timeline;
+export const { Timeline };
 
@@ -9,0 +10,0 @@ // ReactDOM.render(

lib/Time.js

@@ -1,1 +0,1 @@
-module.exports=function(n){var e={};function r(t){if(e[t])return e[t].exports;var i=e[t]={i:t,l:!1,exports:{}};return n[t].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=n,r.c=e,r.d=function(n,e,t){r.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:t})},r.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},r.t=function(n,e){if(1&e&&(n=r(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var i in n)r.d(t,i,function(e){return n[e]}.bind(null,i));return t},r.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(e,"a",e),e},r.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},r.p="",r(r.s=3)}([function(n,e,r){"use strict";r.r(e);var t=r(2),i=r.n(t)()((function(n){return n[1]}));i.push([n.i,".axisWrapper {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    overflow: hidden;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    padding-top: 17px;\r\n    position: relative;\r\n    margin-top: 8px;\r\n}\r\n\r\n.dot {\r\n    height: 11px;\r\n    width: 11px;\r\n    background-color: #bbb;\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    top: -7px;\r\n    z-index: 100;\r\n}\r\n\r\n.descriptionEventName,\r\n.descriptionEventDetails {\r\n    user-select: none;\r\n}\r\n\r\n.axis {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    position: relative;\r\n    transition: 0.4s linear;\r\n}\r\n\r\n.notEnoghEvents {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    width: 100vw;\r\n}\r\n\r\n.specificEvent {\r\n    padding-top: 8px;\r\n    position: relative;\r\n    display: inline-block;\r\n    text-align: center;\r\n    cursor: pointer;\r\n}\r\n\r\n.fa-chevron-circle-right {\r\n    position: absolute;\r\n    top: -4px;\r\n    right: 0px;\r\n    z-index: 100;\r\n    display: inline-block;\r\n    padding: 2px;\r\n    color: grey;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n\r\n.fa-chevron-circle-left {\r\n    position: absolute;\r\n    color: grey;\r\n    top: -4px;\r\n    left: 0px;\r\n    z-index: 100;\r\n    display: inline-block;\r\n    padding: 2px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n\r\n}\r\n\r\n.fa-chevron-circle-left {\r\n    display: block;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.fa-chevron-circle-left.enableBtn:hover,\r\n.fa-chevron-circle-right.enableBtn:hover {\r\n    -webkit-transform: scale(1.2) rotate(0deg);\r\n    -ms-transform: scale(1.2) rotate(0deg);\r\n    transform: scale(1.1) rotate(0deg);\r\n    transition: .5s;\r\n\r\n}\r\n\r\n.wrapperAll {\r\n    width: 70%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.disabledBtn {\r\n    cursor: not-allowed;\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n    .axisWrapper {\r\n        width: 75%;\r\n    }\r\n}\r\n\r\n\r\n.currentEventToShow {\r\n    animation-duration: 2s;\r\n    padding-left: 10px;\r\n    animation-duration: 2s;\r\n    animation-fill-mode: forwards;\r\n    border-left: 2px solid rgb(73, 189, 149);\r\n    user-select: none;\r\n    font-weight: bold;\r\n    color: #fff;\r\n    text-align: center;\r\n    display: inline-block;\r\n}\r\n\r\n.wrapperEventCurrent {\r\n    text-align: center;\r\n    margin-top: 100px;\r\n    min-height: 100px;\r\n}\r\n\r\n@keyframes right-to-left {\r\n    0% {\r\n        transform: translate(750px, 0px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}\r\n\r\n@keyframes top-to-bottom {\r\n    0% {\r\n        transform: translate(0px, -110px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}\r\n\r\n@keyframes left-to-right {\r\n    0% {\r\n        transform: translate(-750px, 0px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}",""]),e.default=i},function(n,e){n.exports=require("react")},function(n,e,r){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var r=n(e);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(n,r,t){"string"==typeof n&&(n=[[null,n,""]]);var i={};if(t)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(r&&(l[2]?l[2]="".concat(r," and ").concat(l[2]):l[2]=r),e.push(l))}},e}},function(n,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TimelineH=void 0,r(0);var t,i=r(4),o=(t=i)&&t.__esModule?t:{default:t};e.TimelineH=o.default},function(n,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t,i=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},o=function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var r=[],t=!0,i=!1,o=void 0;try{for(var a,c=n[Symbol.iterator]();!(t=(a=c.next()).done)&&(r.push(a.value),!e||r.length!==e);t=!0);}catch(n){i=!0,o=n}finally{try{!t&&c.return&&c.return()}finally{if(i)throw o}}return r}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},a=r(1),c=(t=a)&&t.__esModule?t:{default:t};r(0);var l=r(5);e.default=function(n){var e=n.myList,r=n.labelWidth,t=n.amountMove,u=n.lineColor,s=n.darkMode,f=n.eventTextAlignCenter,p=(n.showSlider,(0,a.useState)(0)),d=o(p,2),v=d[0],h=d[1],m=(0,a.useState)(0),y=o(m,2),g=y[0],x=y[1],b=(0,a.useState)(!0),w=o(b,2),E=w[0],S=w[1],T=(0,a.useState)(-1),k=o(T,2),M=(k[0],k[1],(0,a.useState)(null)),j=o(M,2),O=(j[0],j[1],(0,a.useState)(e&&e[0]&&Object.values(e[0])[0])),D=o(O,2),_=(D[0],D[1],(0,a.useState)(0)),A=o(_,2),L=(A[0],A[1],function(n,e){var r=void 0;if("right"===n){if(function(n){return-1*n>=g?(h(-g),S(!1),!0):(S(!0),!1)}(r=v-e))return}else if(r=v+e,S(!0),r>0)return void h(0);h(r)}),U=function(){C()};(0,a.useEffect)((function(){return C(),window.addEventListener("resize",U),function(){window.removeEventListener("resize",U)}}),[v]);var C=function(){var n=document.getElementById("myAxis").getClientRects()[0].width-document.getElementById("axisWrapper").getClientRects()[0].width;x(n)},P=(0,l.useSwipeable)({onSwiped:function(n){n.deltaX<0?L("right",-1*n.deltaX):L("left",n.deltaX)}});return c.default.createElement("div",{className:"wrapperAll"},0===v?c.default.createElement("i",{class:"fas fa-chevron-circle-left disabledBtn fa-2x","aria-setsize":12,id:"leftArrow",style:{color:"grey",borderColor:"grey"}}):c.default.createElement("i",{class:"fas fa-chevron-circle-left enableBtn fa-2x",id:"leftArrow",onClick:function(){return L("left",t)},style:{color:u,borderColor:u}}),c.default.createElement("div",i({className:"axisWrapper",id:"axisWrapper"},P),c.default.createElement("div",{className:"axis "+(g<=0?"notEnoghEvents":""),id:"myAxis",style:{left:v+"px",borderTop:"2px solid "+u}},e&&e.map((function(n,e){return c.default.createElement("div",{className:"specificEvent",id:"specificEvent",style:{width:r+"px",color:s?"#fff":"unset",textAlign:f?"center":"unset"},key:e},c.default.createElement("div",{className:"dot",style:{left:r/2+"px",background:u}}),Object.values(n).map((function(n,e){return c.default.createElement("div",{key:e,className:"descriptionEventDetails"},n)})))})))),g>0&&E?c.default.createElement("i",{class:"fas fa-chevron-circle-right enableBtn fa-2x",onClick:function(){return L("right",t)},style:{color:u,borderColor:u}}):c.default.createElement("i",{class:"fas fa-chevron-circle-right disabledBtn fa-2x",style:{color:"grey",borderColor:"grey"}}))}},function(n,e,r){!function(n,e){function r(){return(r=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n}).apply(this,arguments)}var t={delta:10,preventDefaultTouchmoveEvent:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0},i={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]};function o(n,e){if(0===e)return n;var r=Math.PI/180*e;return[n[0]*Math.cos(r)+n[1]*Math.sin(r),n[1]*Math.cos(r)-n[0]*Math.sin(r)]}n.DOWN="Down",n.LEFT="Left",n.RIGHT="Right",n.UP="Up",n.useSwipeable=function(n){var a=n.trackMouse,c=e.useRef(r({},i)),l=e.useRef(r({},t));l.current=r({},t,n);var u=e.useMemo((function(){return function(n,e){var t=function(e){e&&"touches"in e&&e.touches.length>1||n((function(n,t){t.trackMouse&&(document.addEventListener("mousemove",a),document.addEventListener("mouseup",u));var c="touches"in e?e.touches[0]:e,l=o([c.clientX,c.clientY],t.rotationAngle);return r({},n,i,{initial:[].concat(l),xy:l,start:e.timeStamp||0})}))},a=function(e){n((function(n,t){if("touches"in e&&e.touches.length>1)return n;var i="touches"in e?e.touches[0]:e,a=o([i.clientX,i.clientY],t.rotationAngle),c=a[0],l=a[1],u=c-n.xy[0],s=l-n.xy[1],f=Math.abs(u),p=Math.abs(s),d=(e.timeStamp||0)-n.start,v=Math.sqrt(f*f+p*p)/(d||1),h=[u/(d||1),s/(d||1)];if(f<t.delta&&p<t.delta&&!n.swiping)return n;var m=function(n,e,r,t){return n>e?r>0?"Right":"Left":t>0?"Down":"Up"}(f,p,u,s),y={absX:f,absY:p,deltaX:u,deltaY:s,dir:m,event:e,first:n.first,initial:n.initial,velocity:v,vxvy:h};t.onSwiping&&t.onSwiping(y);var g=!1;return(t.onSwiping||t.onSwiped||"onSwiped"+m in t)&&(g=!0),g&&t.preventDefaultTouchmoveEvent&&t.trackTouch&&e.cancelable&&e.preventDefault(),r({},n,{first:!1,eventData:y,swiping:!0})}))},c=function(e){n((function(n,t){var o;if(n.swiping&&n.eventData){o=r({},n.eventData,{event:e}),t.onSwiped&&t.onSwiped(o);var a="onSwiped"+o.dir;a in t&&t[a](o)}else t.onTap&&t.onTap({event:e});return r({},n,i,{eventData:o})}))},l=function(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",u)},u=function(n){l(),c(n)},s=function(n,e){var r=function(){};if(n&&n.addEventListener){var i=[["touchstart",t],["touchmove",a],["touchend",c]];i.forEach((function(r){var t=r[0],i=r[1];return n.addEventListener(t,i,{passive:e})})),r=function(){return i.forEach((function(e){var r=e[0],t=e[1];return n.removeEventListener(r,t)}))}}return r},f={ref:function(e){null!==e&&n((function(n,t){if(n.el===e)return n;var i={};return n.el&&n.el!==e&&n.cleanUpTouch&&(n.cleanUpTouch(),i.cleanUpTouch=void 0),t.trackTouch&&e&&(i.cleanUpTouch=s(e,!t.preventDefaultTouchmoveEvent)),r({},n,{el:e},i)}))}};return e.trackMouse&&(f.onMouseDown=t),[f,s]}((function(n){return c.current=n(c.current,l.current)}),{trackMouse:a})}),[a]),s=u[0],f=u[1];return c.current=function(n,e,t){var i={};return!e.trackTouch&&n.cleanUpTouch?(n.cleanUpTouch(),i.cleanUpTouch=void 0):e.trackTouch&&!n.cleanUpTouch&&n.el&&(i.cleanUpTouch=t(n.el,!e.preventDefaultTouchmoveEvent)),r({},n,i)}(c.current,l.current,f),s}}(e,r(1))}]);
+module.exports=function(n){var r={};function e(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return n[t].call(i.exports,i,i.exports,e),i.l=!0,i.exports}return e.m=n,e.c=r,e.d=function(n,r,t){e.o(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:t})},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},e.t=function(n,r){if(1&r&&(n=e(n)),8&r)return n;if(4&r&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(e.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&r&&"string"!=typeof n)for(var i in n)e.d(t,i,function(r){return n[r]}.bind(null,i));return t},e.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(r,"a",r),r},e.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},e.p="",e(e.s=2)}([function(n,r){n.exports=require("react")},function(n,r,e){"use strict";n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var e=n(r);return r[2]?"@media ".concat(r[2]," {").concat(e,"}"):e})).join("")},r.i=function(n,e,t){"string"==typeof n&&(n=[[null,n,""]]);var i={};if(t)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),r.push(l))}},r}},function(n,r,e){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var t,i=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},o=function(n,r){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,r){var e=[],t=!0,i=!1,o=void 0;try{for(var a,c=n[Symbol.iterator]();!(t=(a=c.next()).done)&&(e.push(a.value),!r||e.length!==r);t=!0);}catch(n){i=!0,o=n}finally{try{!t&&c.return&&c.return()}finally{if(i)throw o}}return e}(n,r);throw new TypeError("Invalid attempt to destructure non-iterable instance")},a=e(0),c=(t=a)&&t.__esModule?t:{default:t};e(3);var l=e(4);r.default=function(n){var r=n.myList,e=n.labelWidth,t=n.amountMove,u=n.lineColor,s=n.darkMode,f=n.eventTextAlignCenter,p=(n.showSlider,(0,a.useState)(0)),d=o(p,2),v=d[0],h=d[1],m=(0,a.useState)(0),g=o(m,2),x=g[0],y=g[1],b=(0,a.useState)(!0),w=o(b,2),E=w[0],S=w[1],T=(0,a.useState)(-1),k=o(T,2),M=(k[0],k[1],(0,a.useState)(null)),j=o(M,2),O=(j[0],j[1],(0,a.useState)(r&&r[0]&&Object.values(r[0])[0])),D=o(O,2),A=(D[0],D[1],(0,a.useState)(0)),L=o(A,2),U=(L[0],L[1],function(n,r){var e=void 0;if("right"===n){if(function(n){return-1*n>=x?(h(-x),S(!1),!0):(S(!0),!1)}(e=v-r))return}else if(e=v+r,S(!0),e>0)return void h(0);h(e)}),C=function(){P()};(0,a.useEffect)((function(){return P(),window.addEventListener("resize",C),function(){window.removeEventListener("resize",C)}}),[v]);var P=function(){var n=document.getElementById("myAxis").getClientRects()[0].width-document.getElementById("axisWrapper").getClientRects()[0].width;y(n)},_=(0,l.useSwipeable)({onSwiped:function(n){n.deltaX<0?U("right",-1*n.deltaX):U("left",n.deltaX)}});return c.default.createElement("div",{className:"wrapperAll"},0===v?c.default.createElement("i",{class:"fas fa-chevron-circle-left disabledBtn fa-2x","aria-setsize":12,id:"leftArrow",style:{color:"grey",borderColor:"grey"}}):c.default.createElement("i",{class:"fas fa-chevron-circle-left enableBtn fa-2x",id:"leftArrow",onClick:function(){return U("left",t)},style:{color:u,borderColor:u}}),c.default.createElement("div",i({className:"axisWrapper",id:"axisWrapper"},_),c.default.createElement("div",{className:"axis "+(x<=0?"notEnoghEvents":""),id:"myAxis",style:{left:v+"px",borderTop:"2px solid "+u}},r&&r.map((function(n,r){return c.default.createElement("div",{className:"specificEvent",id:"specificEvent",style:{width:e+"px",color:s?"#fff":"unset",textAlign:f?"center":"unset"},key:r},c.default.createElement("div",{className:"dot",style:{left:e/2+"px",background:u}}),Object.values(n).map((function(n,r){return c.default.createElement("div",{key:r,className:"descriptionEventDetails"},n)})))})))),x>0&&E?c.default.createElement("i",{class:"fas fa-chevron-circle-right enableBtn fa-2x",onClick:function(){return U("right",t)},style:{color:u,borderColor:u}}):c.default.createElement("i",{class:"fas fa-chevron-circle-right disabledBtn fa-2x",style:{color:"grey",borderColor:"grey"}}))}},function(n,r,e){"use strict";e.r(r);var t=e(1),i=e.n(t)()((function(n){return n[1]}));i.push([n.i,".axisWrapper {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    overflow: hidden;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    padding-top: 17px;\r\n    position: relative;\r\n    margin-top: 8px;\r\n}\r\n\r\n.dot {\r\n    height: 11px;\r\n    width: 11px;\r\n    background-color: #bbb;\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    top: -7px;\r\n    z-index: 100;\r\n}\r\n\r\n.descriptionEventName,\r\n.descriptionEventDetails {\r\n    user-select: none;\r\n}\r\n\r\n.axis {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    position: relative;\r\n    transition: 0.4s linear;\r\n}\r\n\r\n.notEnoghEvents {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    width: 100vw;\r\n}\r\n\r\n.specificEvent {\r\n    padding-top: 8px;\r\n    position: relative;\r\n    display: inline-block;\r\n    text-align: center;\r\n    cursor: pointer;\r\n}\r\n\r\n.fa-chevron-circle-right {\r\n    position: absolute;\r\n    top: -4px;\r\n    right: 0px;\r\n    z-index: 100;\r\n    display: inline-block;\r\n    padding: 2px;\r\n    color: grey;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n\r\n.fa-chevron-circle-left {\r\n    position: absolute;\r\n    color: grey;\r\n    top: -4px;\r\n    left: 0px;\r\n    z-index: 100;\r\n    display: inline-block;\r\n    padding: 2px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n\r\n}\r\n\r\n.fa-chevron-circle-left {\r\n    display: block;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.fa-chevron-circle-left.enableBtn:hover,\r\n.fa-chevron-circle-right.enableBtn:hover {\r\n    -webkit-transform: scale(1.2) rotate(0deg);\r\n    -ms-transform: scale(1.2) rotate(0deg);\r\n    transform: scale(1.1) rotate(0deg);\r\n    transition: .5s;\r\n\r\n}\r\n\r\n.wrapperAll {\r\n    width: 70%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.disabledBtn {\r\n    cursor: not-allowed;\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n    .axisWrapper {\r\n        width: 75%;\r\n    }\r\n}\r\n\r\n\r\n.currentEventToShow {\r\n    animation-duration: 2s;\r\n    padding-left: 10px;\r\n    animation-duration: 2s;\r\n    animation-fill-mode: forwards;\r\n    border-left: 2px solid rgb(73, 189, 149);\r\n    user-select: none;\r\n    font-weight: bold;\r\n    color: #fff;\r\n    text-align: center;\r\n    display: inline-block;\r\n}\r\n\r\n.wrapperEventCurrent {\r\n    text-align: center;\r\n    margin-top: 100px;\r\n    min-height: 100px;\r\n}\r\n\r\n@keyframes right-to-left {\r\n    0% {\r\n        transform: translate(750px, 0px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}\r\n\r\n@keyframes top-to-bottom {\r\n    0% {\r\n        transform: translate(0px, -110px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}\r\n\r\n@keyframes left-to-right {\r\n    0% {\r\n        transform: translate(-750px, 0px);\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n        transform: translate(0px, 0px);\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n}",""]),r.default=i},function(n,r,e){!function(n,r){function e(){return(e=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n}).apply(this,arguments)}var t={delta:10,preventDefaultTouchmoveEvent:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0},i={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]};function o(n,r){if(0===r)return n;var e=Math.PI/180*r;return[n[0]*Math.cos(e)+n[1]*Math.sin(e),n[1]*Math.cos(e)-n[0]*Math.sin(e)]}n.DOWN="Down",n.LEFT="Left",n.RIGHT="Right",n.UP="Up",n.useSwipeable=function(n){var a=n.trackMouse,c=r.useRef(e({},i)),l=r.useRef(e({},t));l.current=e({},t,n);var u=r.useMemo((function(){return function(n,r){var t=function(r){r&&"touches"in r&&r.touches.length>1||n((function(n,t){t.trackMouse&&(document.addEventListener("mousemove",a),document.addEventListener("mouseup",u));var c="touches"in r?r.touches[0]:r,l=o([c.clientX,c.clientY],t.rotationAngle);return e({},n,i,{initial:[].concat(l),xy:l,start:r.timeStamp||0})}))},a=function(r){n((function(n,t){if("touches"in r&&r.touches.length>1)return n;var i="touches"in r?r.touches[0]:r,a=o([i.clientX,i.clientY],t.rotationAngle),c=a[0],l=a[1],u=c-n.xy[0],s=l-n.xy[1],f=Math.abs(u),p=Math.abs(s),d=(r.timeStamp||0)-n.start,v=Math.sqrt(f*f+p*p)/(d||1),h=[u/(d||1),s/(d||1)];if(f<t.delta&&p<t.delta&&!n.swiping)return n;var m=function(n,r,e,t){return n>r?e>0?"Right":"Left":t>0?"Down":"Up"}(f,p,u,s),g={absX:f,absY:p,deltaX:u,deltaY:s,dir:m,event:r,first:n.first,initial:n.initial,velocity:v,vxvy:h};t.onSwiping&&t.onSwiping(g);var x=!1;return(t.onSwiping||t.onSwiped||"onSwiped"+m in t)&&(x=!0),x&&t.preventDefaultTouchmoveEvent&&t.trackTouch&&r.cancelable&&r.preventDefault(),e({},n,{first:!1,eventData:g,swiping:!0})}))},c=function(r){n((function(n,t){var o;if(n.swiping&&n.eventData){o=e({},n.eventData,{event:r}),t.onSwiped&&t.onSwiped(o);var a="onSwiped"+o.dir;a in t&&t[a](o)}else t.onTap&&t.onTap({event:r});return e({},n,i,{eventData:o})}))},l=function(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",u)},u=function(n){l(),c(n)},s=function(n,r){var e=function(){};if(n&&n.addEventListener){var i=[["touchstart",t],["touchmove",a],["touchend",c]];i.forEach((function(e){var t=e[0],i=e[1];return n.addEventListener(t,i,{passive:r})})),e=function(){return i.forEach((function(r){var e=r[0],t=r[1];return n.removeEventListener(e,t)}))}}return e},f={ref:function(r){null!==r&&n((function(n,t){if(n.el===r)return n;var i={};return n.el&&n.el!==r&&n.cleanUpTouch&&(n.cleanUpTouch(),i.cleanUpTouch=void 0),t.trackTouch&&r&&(i.cleanUpTouch=s(r,!t.preventDefaultTouchmoveEvent)),e({},n,{el:r},i)}))}};return r.trackMouse&&(f.onMouseDown=t),[f,s]}((function(n){return c.current=n(c.current,l.current)}),{trackMouse:a})}),[a]),s=u[0],f=u[1];return c.current=function(n,r,t){var i={};return!r.trackTouch&&n.cleanUpTouch?(n.cleanUpTouch(),i.cleanUpTouch=void 0):r.trackTouch&&!n.cleanUpTouch&&n.el&&(i.cleanUpTouch=t(n.el,!r.preventDefaultTouchmoveEvent)),e({},n,i)}(c.current,l.current,f),s}}(r,e(0))}]);

package.json

 {
     "name": "react-beautiful-horizontal-timeline",
-    "version": "1.2.9",
+    "version": "2.2.0",
     "private": false,
@@ -5,0 +5,0 @@ "main": "./lib/Time.js",

No alert changes

Worsened metrics

Total package byte prevSize

22465

decreased by-0.79%

No dependency changes