@webjet/react 1.0.2 → 1.0.5

package/components/tooltip.js

@@ -1 +1 @@
-!function(){"use strict";var e={5715:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(7518)).default.span.withConfig({displayName:"Iconstyle__Icon",componentId:"sc-1gq7yvz-0"})(["font-family:'WebjetIcons';display:inline-block;font-size:16px;font-weight:normal;-webkit-font-smoothing:antialiased;&:after{content:'","';}"],(function(e){var t=e.iconName;return a(t)})),a=function(e){switch(e){case"wj-alt-cross":return"\\E027";case"wj-caret-up":return"\\E001";case"wj-caret-right":return"\\E002";case"wj-caret-down":return"\\E003";case"wj-caret-left":return"\\E004";case"wj-check":return"\\E028";case"wj-cross":return"\\E016";case"wj-destination-search":return"\\F094";case"wj-calendar":return"\\F012";case"wj-dbl-calendar":return"\\F026";case"wj-depart":return"\\F018";case"wj-arrival":return"\\F019";case"wj-dollar":return"\\E059";case"wj-expand":return"\\E01F";case"wj-time":return"\\E021";case"wj-arrow-left":return"\\E00C";case"wj-arrow-right":return"\\E00A";case"wj-arrow-previous":return"\\F01D";case"wj-arrow-next":return"\\F01E";case"wj-mappin":return"\\E01D";case"wj-car-pickup":return"\\F074";case"wj-car-dropoff":return"\\F075";case"wj-alt-info":return"\\F01A";case"wj-alt-plus":return"\\E025"}return""},i=n;t.default=i},5900:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8213)),a=o(r(3838)),i=o(r(6689)),l=(o(r(580)),o(r(5715))),c=["name"];t.default=function(e){var t=e.name,r=(0,a.default)(e,c);return i.default.createElement(l.default,(0,n.default)({iconName:t},r))}},3206:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={dateFormatExtraShort:"d MMM",dateFormatShort:"E d MMM",dateFormat:"E d MMM yyyy",dateFormatLong:"E d MMMM yyyy",timeFormat:"h:mm a",firstDayOfWeek:1,weekFormat:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],scrollToViewOptions:{behavior:"smooth",block:"end",scrollMode:"if-needed"}}},9193:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"config",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"mixins",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"theme",{enumerable:!0,get:function(){return n.default}});var n=o(r(2594)),a=o(r(2098)),i=o(r(3206))},2098:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(7518),a=o(r(2594)),i={globalStyles:(0,n.css)(["font-family:",";font-size:",";color:",";&,> *,> *:before,> *:after{box-sizing:border-box;}"],a.default.fontFamily.primary,a.default.fontSize,a.default.fontColor)};t.default=i},2594:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=["#DC140A","#F5F5F5","#DFDFDF","#EBEBEB","#CCCCCC","#BFBFBF","#999999","#878787","#646464","#4D4D4D","#333333","#FFFFFF","#000000","#3D9AF2","#0060BB","#00509C","#FF8C00","#2DB300","#B0CFE2","#3587D4","#E07B00","#29A300","#D5EFCC","#F6F2E6","#CFCFCF","#454545","#F2DEDE","#B13312","#FFF3CD","#7A7A7A","#FEB42B","#E96962"],o={fontFamily:{primary:"Roboto, Arial, sans-serif",icon:"WebjetIcons"},fontSize:"13px",fontColor:r[10],gutterWidth:"12px",halfGutterWidth:"6px",borderRadius:"3px",borderColor:r[5],hoverColor:r[6],hoverDarkColor:r[7],textHighlight:r[18],activeItemOutline:"0 0 0 4px rgba(135, 135, 135, 0.75)",dropdownShadow:"0 2px 6px rgba(0, 0, 0, 0.7)",userSelection:r[16],inputHoverBackground:"#F6F2E7",inputActiveBackground:r[5],inputIcon:r[9],inputIconBackground:r[2],inputIconHoverBackground:r[5],inputCrossBtn:"#a8a8a8",btnStandard:r[2],btnStandardHover:r[5],btnAction:r[17],btnActionHover:"#259400",btnActive:r[13],btnActiveHover:r[19],btnSelection:r[16],btnSelectionHover:r[20],warningBackground:r[23],warningText:r[8],successBackground:r[22],successText:r[21],errorBackground:r[26],errorText:r[27],noticeBackground:r[28],noticeText:r[10],sliderPrimary:r[13],color:r,media:{smallMobilePortrait:"only screen and (max-width: 374px)",mobilePortrait:"only screen and (max-width: 567px)",mobileLandscape:"only screen and (min-width: 567px) and (max-width: 767px)",mobile:"only screen and (max-width: 767px)",notMobile:"only screen and (min-width: 768px)",tablet:"only screen and (min-width: 768px) and (max-width: 991px)",mobileAndTablet:"only screen and (max-width: 991px)",tabletAndDesktop:"only screen and (min-width: 768px)",desktop:"only screen and (min-width: 992px) and (max-width: 1199px)",desktopAndWideDesktop:"only screen and (min-width: 992px)",wideDesktop:"only screen and (min-width: 1200px)"},validationColors:{inputErrorBackground:"#F2DEDE",inputErrorHoverBackground:"#E8D5D5",inputErrorText:r[27],inputErrorIcon:"#A1605F",inputErrorIconBackground:"#D4C3C3",inputErrorIconHoverBackground:"#BFB0B0",inputErrorCrossBtn:"#858585"}};t.default=o},4155:function(e,t,r){var o=r(7880),n=r(9293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(r(8213)),i=o(r(8779)),l=o(r(353)),c=o(r(3838)),d=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(6689)),u=o(r(6405)),p=(o(r(580)),r(616)),s=o(r(5900)),f=r(4955),m=["className","children","icon","element","text","hasPortalTarget","closeOnBlur","placement","trigger","delayShow","delayHide"];function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){(0,i.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(e){var t=e.className,r=e.children,o=e.icon,n=e.element,i=e.text,x=e.hasPortalTarget,b=e.closeOnBlur,g=e.placement,h=e.trigger,w=e.delayShow,v=e.delayHide,j=(0,c.default)(e,m),F=(0,d.useState)(!1),E=(0,l.default)(F,2),O=E[0],k=E[1],C=(0,p.usePopperTooltip)(y(y({},j),{},{trigger:h,placement:g,delayShow:w,delayHide:v,visible:O,interactive:!0,offset:[0,12],onVisibleChange:k})),P=C.getArrowProps,B=C.getTooltipProps,D=C.setTooltipRef,S=C.setTriggerRef,M=C.visible,_=B({"data-testid":"tooltip-content",closeOnBlur:b,className:"".concat(t,"-content tooltip-container")}),A=P({className:"tooltip-arrow","data-testid":"tooltip-arrow","data-placement":_["data-popper-placement"]}),T=function(e){k(!1),e.preventDefault()};return d.default.createElement("span",{className:"".concat(t,"-tooltip")},d.default.createElement(f.StyledTrigger,{ref:S,"data-testid":"tooltip-trigger",className:"".concat(t," trigger")},i?d.default.createElement("i",null,i):o.indexOf("http")<0?d.default.createElement(s.default,{"data-testid":"tooltip-icon",as:n,name:o}):d.default.createElement("img",{"data-testid":"tooltip-img",src:o})),M&&!x&&d.default.createElement(f.StyledContent,(0,a.default)({ref:D},_),d.default.createElement(f.StyledArrow,A),d.default.createElement("a",{href:"#",className:"close wj-icon wj-cross",onClick:T}),r),M&&x&&u.default.createPortal(d.default.createElement(f.StyledContent,(0,a.default)({ref:D},_),d.default.createElement(f.StyledArrow,A),d.default.createElement("a",{href:"#",className:"close wj-icon wj-cross",onClick:T}),r),document.body))};g.defaultProps={closeOnBlur:!1,className:"wj-tooltip",trigger:["hover","click"],placement:"bottom",icon:"wj-alt-info",text:"",element:"a",delayShow:0,delayHide:0,hasPortalTarget:!1};var h=g;t.default=h},4955:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.StyledTrigger=t.StyledContent=t.StyledArrow=void 0;var n=o(r(7518)),a=r(9193),i=n.default.span.withConfig({displayName:"Tooltipstyle__StyledTrigger",componentId:"sc-qgu75v-0"})(['display:inline-block;> *{font-style:normal;cursor:pointer;font-size:32px;line-height:32px;box-shadow:none;vertical-align:middle;color:#999999;text-decoration:none;background:none;&:hover{cursor:pointer;color:#646464;}}i{font-family:"Roboto",Arial,sans-serif;font-size:13px;color:#646464;text-decoration:underline;&:hover{text-decoration:none;color:#454545;}}a{text-decoration:none;}']);t.StyledTrigger=i;var l=n.default.div.withConfig({displayName:"Tooltipstyle__StyledContent",componentId:"sc-qgu75v-1"})(["font-family:",";font-size:13px;font-weight:400;line-height:1.4;margin:0;max-width:325px;border:0;border-radius:",";background-color:#FFFFFF;box-shadow:0 3px 10px rgba(0,0,0,0.5);color:#646464;padding:12px;text-align:left;z-index:999999;transition:opacity 0.6s;pointer-events:",";.close{display:none;color:#646464;opacity:0.3;float:right;}@media (max-width:768px){max-width:250px;.close{display:inline-block;}}"],a.theme.fontFamily.primary,a.theme.borderRadius,(function(e){return e.closeOnBlur?"none":"initial"}));t.StyledContent=l;var c=n.default.div.withConfig({displayName:"Tooltipstyle__StyledArrow",componentId:"sc-qgu75v-2"})(["bottom:auto;width:30px !important;height:15px !important;background:transparent !important;border:0 !important;margin:0 !important;position:absolute;overflow:hidden;&:after{border-style:solid;content:'';border:0 !important;display:block;transform:rotate(45deg);background:#fff;box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);position:static;}&[data-placement*='bottom']{top:-15px;&:after{margin:7px auto 0;width:15px !important;height:15px !important;}}&[data-placement*='top']{bottom:-14px;&:after{margin:-7px auto 0;width:15px !important;height:15px !important;}}&[data-placement*='right']{left:-15px;width:15px !important;height:30px !important;&:after{margin:7px 0 0 7px;width:15px !important;height:15px !important;}}&[data-placement*='left']{right:-14px;width:15px !important;height:30px !important;&:after{margin:7px 0 0 -7px;width:15px !important;height:15px !important;}}"]);t.StyledArrow=c},8779:function(e){e.exports=require("@babel/runtime/helpers/defineProperty")},8213:function(e){e.exports=require("@babel/runtime/helpers/extends")},7880:function(e){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},3838:function(e){e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},353:function(e){e.exports=require("@babel/runtime/helpers/slicedToArray")},9293:function(e){e.exports=require("@babel/runtime/helpers/typeof")},580:function(e){e.exports=require("prop-types")},6689:function(e){e.exports=require("react")},6405:function(e){e.exports=require("react-dom")},616:function(e){e.exports=require("react-popper-tooltip")},7518:function(e){e.exports=require("styled-components")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}var o={};!function(){var e=o,t=r(7880);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=t(r(4155)).default;e.default=n}(),module.exports=o}();
+!function(){"use strict";var e={5715:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(7518)).default.span.withConfig({displayName:"Iconstyle__Icon",componentId:"sc-1gq7yvz-0"})(["font-family:'WebjetIcons';display:inline-block;font-size:16px;font-weight:normal;-webkit-font-smoothing:antialiased;&:after{content:'","';}"],(function(e){var t=e.iconName;return a(t)})),a=function(e){switch(e){case"wj-alt-cross":return"\\E027";case"wj-caret-up":return"\\E001";case"wj-caret-right":return"\\E002";case"wj-caret-down":return"\\E003";case"wj-caret-left":return"\\E004";case"wj-check":return"\\E028";case"wj-cross":return"\\E016";case"wj-destination-search":return"\\F094";case"wj-calendar":return"\\F012";case"wj-dbl-calendar":return"\\F026";case"wj-depart":return"\\F018";case"wj-arrival":return"\\F019";case"wj-dollar":return"\\E059";case"wj-expand":return"\\E01F";case"wj-time":return"\\E021";case"wj-arrow-left":return"\\E00C";case"wj-arrow-right":return"\\E00A";case"wj-arrow-previous":return"\\F01D";case"wj-arrow-next":return"\\F01E";case"wj-mappin":return"\\E01D";case"wj-car-pickup":return"\\F074";case"wj-car-dropoff":return"\\F075";case"wj-alt-info":return"\\F01A";case"wj-alt-plus":return"\\E025"}return""},i=n;t.default=i},5900:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8213)),a=o(r(3838)),i=o(r(6689)),l=(o(r(580)),o(r(5715))),c=["name"];t.default=function(e){var t=e.name,r=(0,a.default)(e,c);return i.default.createElement(l.default,(0,n.default)({iconName:t},r))}},3206:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={dateFormatExtraShort:"d MMM",dateFormatShort:"E d MMM",dateFormat:"E d MMM yyyy",dateFormatLong:"E d MMMM yyyy",timeFormat:"h:mm a",firstDayOfWeek:1,weekFormat:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],scrollToViewOptions:{behavior:"smooth",block:"end",scrollMode:"if-needed"}}},9193:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"config",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"mixins",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"theme",{enumerable:!0,get:function(){return n.default}});var n=o(r(2594)),a=o(r(2098)),i=o(r(3206))},2098:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(7518),a=o(r(2594)),i={globalStyles:(0,n.css)(["font-family:",";font-size:",";color:",";&,> *,> *:before,> *:after{box-sizing:border-box;}"],a.default.fontFamily.primary,a.default.fontSize,a.default.fontColor)};t.default=i},2594:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=["#DC140A","#F5F5F5","#DFDFDF","#EBEBEB","#CCCCCC","#BFBFBF","#999999","#878787","#646464","#4D4D4D","#333333","#FFFFFF","#000000","#3D9AF2","#0060BB","#00509C","#FF8C00","#2DB300","#B0CFE2","#3587D4","#E07B00","#29A300","#D5EFCC","#F6F2E6","#CFCFCF","#454545","#F2DEDE","#B13312","#FFF3CD","#7A7A7A","#FEB42B","#E96962"],o={fontFamily:{primary:"Roboto, Arial, sans-serif",icon:"WebjetIcons"},fontSize:"13px",fontColor:r[10],gutterWidth:"12px",halfGutterWidth:"6px",borderRadius:"3px",borderColor:r[5],hoverColor:r[6],hoverDarkColor:r[7],textHighlight:r[18],activeItemOutline:"0 0 0 4px rgba(135, 135, 135, 0.75)",dropdownShadow:"0 2px 6px rgba(0, 0, 0, 0.7)",userSelection:r[16],inputHoverBackground:"#F6F2E7",inputActiveBackground:r[5],inputIcon:r[9],inputIconBackground:r[2],inputIconHoverBackground:r[5],inputCrossBtn:"#a8a8a8",btnStandard:r[2],btnStandardHover:r[5],btnAction:r[17],btnActionHover:"#259400",btnActive:r[13],btnActiveHover:r[19],btnSelection:r[16],btnSelectionHover:r[20],warningBackground:r[23],warningText:r[8],successBackground:r[22],successText:r[21],errorBackground:r[26],errorText:r[27],noticeBackground:r[28],noticeText:r[10],sliderPrimary:r[13],color:r,media:{smallMobilePortrait:"only screen and (max-width: 374px)",mobilePortrait:"only screen and (max-width: 567px)",mobileLandscape:"only screen and (min-width: 567px) and (max-width: 767px)",mobile:"only screen and (max-width: 767px)",notMobile:"only screen and (min-width: 768px)",tablet:"only screen and (min-width: 768px) and (max-width: 991px)",mobileAndTablet:"only screen and (max-width: 991px)",tabletAndDesktop:"only screen and (min-width: 768px)",desktop:"only screen and (min-width: 992px) and (max-width: 1199px)",desktopAndWideDesktop:"only screen and (min-width: 992px)",wideDesktop:"only screen and (min-width: 1200px)"},validationColors:{inputErrorBackground:"#F2DEDE",inputErrorHoverBackground:"#E8D5D5",inputErrorText:r[27],inputErrorIcon:"#A1605F",inputErrorIconBackground:"#D4C3C3",inputErrorIconHoverBackground:"#BFB0B0",inputErrorCrossBtn:"#858585"}};t.default=o},4155:function(e,t,r){var o=r(7880),n=r(9293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(r(8213)),i=o(r(8779)),l=o(r(353)),c=o(r(3838)),d=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(6689)),p=o(r(6405)),u=(o(r(580)),r(616)),s=o(r(5900)),f=r(4955),m=["className","children","icon","element","text","portalTarget","closeOnBlur","placement","trigger","delayShow","delayHide"];function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){(0,i.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=function(e){var t=e.className,r=e.children,o=e.icon,n=e.element,i=e.text,x=e.portalTarget,b=e.closeOnBlur,y=e.placement,h=e.trigger,w=e.delayShow,v=e.delayHide,j=(0,c.default)(e,m),F=(0,d.useState)(!1),E=(0,l.default)(F,2),O=E[0],k=E[1],C=null;!0===x||!0===j.hasPortalTarget?C=document.body:x instanceof HTMLElement&&(C=x);var P=(0,u.usePopperTooltip)(g(g({},j),{},{trigger:h,placement:y,delayShow:w,delayHide:v,visible:O,interactive:!0,offset:[0,12],onVisibleChange:k})),B=P.getArrowProps,D=P.getTooltipProps,S=P.setTooltipRef,M=P.setTriggerRef,_=P.visible,T=D({"data-testid":"tooltip-content",closeOnBlur:b,className:"".concat(t,"-content tooltip-container")}),A=B({className:"tooltip-arrow","data-testid":"tooltip-arrow","data-placement":T["data-popper-placement"]}),q=function(e){k(!1),e.preventDefault()};return d.default.createElement("span",{className:"".concat(t,"-tooltip")},d.default.createElement(f.StyledTrigger,{ref:M,"data-testid":"tooltip-trigger",className:"".concat(t," trigger")},i?d.default.createElement("i",null,i):o.indexOf("http")<0?d.default.createElement(s.default,{"data-testid":"tooltip-icon",as:n,name:o}):d.default.createElement("img",{"data-testid":"tooltip-img",src:o})),_&&!C&&d.default.createElement(f.StyledContent,(0,a.default)({ref:S},T),d.default.createElement(f.StyledArrow,A),d.default.createElement("a",{href:"#",className:"close wj-icon wj-cross",onClick:q}),r),_&&C&&p.default.createPortal(d.default.createElement(f.StyledContent,(0,a.default)({ref:S},T),d.default.createElement(f.StyledArrow,A),d.default.createElement("a",{href:"#",className:"close wj-icon wj-cross",onClick:q}),r),C))};y.defaultProps={closeOnBlur:!1,className:"wj-tooltip",trigger:["hover","click"],placement:"bottom",icon:"wj-alt-info",text:"",element:"a",delayShow:0,delayHide:0,portalTarget:!1,hasPortalTarget:!1};var h=y;t.default=h},4955:function(e,t,r){var o=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.StyledTrigger=t.StyledContent=t.StyledArrow=void 0;var n=o(r(7518)),a=r(9193),i=n.default.span.withConfig({displayName:"Tooltipstyle__StyledTrigger",componentId:"sc-qgu75v-0"})(['display:inline-block;> *{font-style:normal;cursor:pointer;font-size:32px;line-height:32px;box-shadow:none;vertical-align:middle;color:#999999;text-decoration:none;background:none;&:hover{cursor:pointer;color:#646464;}}i{font-family:"Roboto",Arial,sans-serif;font-size:13px;color:#646464;text-decoration:underline;&:hover{text-decoration:none;color:#454545;}}a{text-decoration:none;}']);t.StyledTrigger=i;var l=n.default.div.withConfig({displayName:"Tooltipstyle__StyledContent",componentId:"sc-qgu75v-1"})(["font-family:",";font-size:13px;font-weight:400;line-height:1.4;margin:0;max-width:325px;border:0;border-radius:",";background-color:#FFFFFF;box-shadow:0 3px 10px rgba(0,0,0,0.5);color:#646464;padding:12px;text-align:left;z-index:999999;transition:opacity 0.6s;pointer-events:",";.close{display:none;color:#646464;opacity:0.3;float:right;}@media (max-width:768px){max-width:250px;.close{display:inline-block;}}"],a.theme.fontFamily.primary,a.theme.borderRadius,(function(e){return e.closeOnBlur?"none":"initial"}));t.StyledContent=l;var c=n.default.div.withConfig({displayName:"Tooltipstyle__StyledArrow",componentId:"sc-qgu75v-2"})(["bottom:auto;width:30px !important;height:15px !important;background:transparent !important;border:0 !important;margin:0 !important;position:absolute;overflow:hidden;&:after{border-style:solid;content:'';border:0 !important;display:block;transform:rotate(45deg);background:#fff;box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);position:static;}&[data-placement*='bottom']{top:-15px;&:after{margin:7px auto 0;width:15px !important;height:15px !important;}}&[data-placement*='top']{bottom:-14px;&:after{margin:-7px auto 0;width:15px !important;height:15px !important;}}&[data-placement*='right']{left:-15px;width:15px !important;height:30px !important;&:after{margin:7px 0 0 7px;width:15px !important;height:15px !important;}}&[data-placement*='left']{right:-14px;width:15px !important;height:30px !important;&:after{margin:7px 0 0 -7px;width:15px !important;height:15px !important;}}"]);t.StyledArrow=c},8779:function(e){e.exports=require("@babel/runtime/helpers/defineProperty")},8213:function(e){e.exports=require("@babel/runtime/helpers/extends")},7880:function(e){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},3838:function(e){e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},353:function(e){e.exports=require("@babel/runtime/helpers/slicedToArray")},9293:function(e){e.exports=require("@babel/runtime/helpers/typeof")},580:function(e){e.exports=require("prop-types")},6689:function(e){e.exports=require("react")},6405:function(e){e.exports=require("react-dom")},616:function(e){e.exports=require("react-popper-tooltip")},7518:function(e){e.exports=require("styled-components")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}var o={};!function(){var e=o,t=r(7880);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=t(r(4155)).default;e.default=n}(),module.exports=o}();

package/components/two-direction-sticky-panel.js

@@ -0,0 +1 @@
+!function(){"use strict";var e={7400:function(e,t,r){var n=r(7880);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TabletDesktop=t.Tablet=t.SmallDesktop=t.MobileTablet=t.Mobile=t.LargeDesktop=t.Desktop=t.CustomQuery=void 0;var o=n(r(6689)),i=n(r(4225)),u=function(e){var t=e.query,r=e.wrappedComponent;return o.default.createElement(i.default,{query:t},(function(e){return e&&r}))};t.Mobile=function(e){var t=e.children;return o.default.createElement(u,{query:"(max-width: 767px)",wrappedComponent:t})},t.MobileTablet=function(e){var t=e.children;return o.default.createElement(u,{query:"(max-width: 991px)",wrappedComponent:t})},t.Tablet=function(e){var t=e.children;return o.default.createElement(u,{query:"(min-width: 768px) and (max-width: 991px)",wrappedComponent:t})},t.TabletDesktop=function(e){var t=e.children;return o.default.createElement(u,{query:"(min-width: 768px)",wrappedComponent:t})},t.Desktop=function(e){var t=e.children;return o.default.createElement(u,{query:"(min-width: 992px)",wrappedComponent:t})},t.SmallDesktop=function(e){var t=e.children;return o.default.createElement(u,{query:"(min-width: 768px) and (max-width: 1199px)",wrappedComponent:t})},t.LargeDesktop=function(e){var t=e.children;return o.default.createElement(u,{query:"(min-width: 1200px)",wrappedComponent:t})},t.CustomQuery=function(e){var t=e.query,r=e.children;return o.default.createElement(u,{query:t,wrappedComponent:r})};var a=u;t.default=a},270:function(e,t,r){var n=r(9293);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"CustomQuery",{enumerable:!0,get:function(){return o.CustomQuery}}),Object.defineProperty(t,"Desktop",{enumerable:!0,get:function(){return o.Desktop}}),Object.defineProperty(t,"LargeDesktop",{enumerable:!0,get:function(){return o.LargeDesktop}}),Object.defineProperty(t,"Mobile",{enumerable:!0,get:function(){return o.Mobile}}),Object.defineProperty(t,"MobileTablet",{enumerable:!0,get:function(){return o.MobileTablet}}),Object.defineProperty(t,"SmallDesktop",{enumerable:!0,get:function(){return o.SmallDesktop}}),Object.defineProperty(t,"Tablet",{enumerable:!0,get:function(){return o.Tablet}}),Object.defineProperty(t,"TabletDesktop",{enumerable:!0,get:function(){return o.TabletDesktop}}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=i(t);if(r&&r.has(e))return r.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=u?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(7400));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}var u=o.default;t.default=u},9941:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setTwoDirectionStickyPanelById=t.setTwoDirectionStickyPanel=t.isTouchDevice=t.isMobilePortrait=t.isMobile=t.isMatchMedia=t.BREAKPOINTS=void 0;var r={MOBILE_PORTRAIT:567,MOBILE:767,TABLET:991,DESKTOP:1199};t.BREAKPOINTS=r;var n=function(e){return window.matchMedia(e).matches};t.isMatchMedia=n,t.isMobile=function(){return n("(max-width: ".concat(r.MOBILE,"px)"))},t.isMobilePortrait=function(){return n("(max-width: ".concat(r.MOBILE_PORTRAIT,"px)"))},t.isTouchDevice=function(){return void 0!==window.ontouchstart};var o=function(e){if(e){var t=window.innerHeight-e.offsetHeight,r=window.scrollY,n=window.innerHeight,o=e.offsetHeight;e.style.top="0px",window.addEventListener("resize",(function(){n=window.innerHeight,o=e.offsetHeight})),document.addEventListener("scroll",(function(){o=e.offsetHeight,t=window.innerHeight-e.offsetHeight;var i=parseInt(e.style.top.replace("px;",""));o>n?window.scrollY<r?i<0?e.style.top=i+r-window.scrollY+"px":i>=0&&0!==i&&(e.style.top="0px"):i>t?e.style.top=i+r-window.scrollY+"px":i<t&&i!==t&&(e.style.top=t+"px"):e.style.top="0px",r=window.scrollY}),{capture:!0,passive:!0})}};t.setTwoDirectionStickyPanel=o,t.setTwoDirectionStickyPanelById=function(e){o(document.getElementById(e))}},8213:function(e){e.exports=require("@babel/runtime/helpers/extends")},7880:function(e){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},3838:function(e){e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},9293:function(e){e.exports=require("@babel/runtime/helpers/typeof")},580:function(e){e.exports=require("prop-types")},6689:function(e){e.exports=require("react")},4225:function(e){e.exports=require("react-media")},7518:function(e){e.exports=require("styled-components")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}var n={};!function(){var e=n,t=r(7880),o=r(9293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=t(r(3838)),u=t(r(8213)),a=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var a=i?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}(r(6689)),l=(t(r(580)),t(r(7518))),c=r(9941),p=r(270),f=["query"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var s=l.default.div.withConfig({displayName:"two-direction-sticky-panel__StyledStickyPanel",componentId:"sc-1plmb0e-0"})(["position:sticky;"]),y=function(e){var t=(0,a.useRef)(null);return(0,a.useEffect)((function(){var e=t.current;(0,c.setTwoDirectionStickyPanel)(e)}),[]),a.default.createElement(s,(0,u.default)({ref:t},e))},b=function(e){var t=e.query,r=(0,i.default)(e,f);return"desktop"===t?a.default.createElement(a.default.Fragment,null,a.default.createElement(p.Desktop,null,a.default.createElement(y,r)),a.default.createElement(p.MobileTablet,null,a.default.createElement("div",r))):a.default.createElement(y,r)};b.defaultProps={query:"desktop"};var m=b;e.default=m}(),module.exports=n}();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webjet/react",
   "side-effects": false,
-  "version": "1.0.2",
+  "version": "1.0.5",
   "description": "Common react components",
   "main": "components/index.js",
   "scripts": {

package/utils/common.js

@@ -1 +1 @@
-!function(){"use strict";var e={7880:function(e){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},5782:function(e){e.exports=require("body-scroll-lock")},6689:function(e){e.exports=require("react")}},r={};function t(o){var i=r[o];if(void 0!==i)return i.exports;var n=r[o]={exports:{}};return e[o](n,n.exports,t),n.exports}var o={};!function(){var e=o,r=t(7880);Object.defineProperty(e,"__esModule",{value:!0}),e.useDisableBodyScroll=e.isTouchDevice=e.isMobilePortrait=e.isMobile=e.isMatchMedia=e.BREAKPOINTS=void 0;var i=r(t(6689)),n=t(5782),u={MOBILE_PORTRAIT:567,MOBILE:767,TABLET:991,DESKTOP:1199};e.BREAKPOINTS=u;var c=function(e){return window.matchMedia(e).matches};e.isMatchMedia=c,e.isMobile=function(){return c("(max-width: ".concat(u.MOBILE,"px)"))},e.isMobilePortrait=function(){return c("(max-width: ".concat(u.MOBILE_PORTRAIT,"px)"))},e.isTouchDevice=function(){return void 0!==window.ontouchstart},e.useDisableBodyScroll=function(e,r){i.default.useEffect((function(){return e&&(0,n.disableBodyScroll)(r),function(){return(0,n.enableBodyScroll)(r)}}),[e])}}(),module.exports=o}();
+!function(){"use strict";var t={};!function(){var e=t;Object.defineProperty(e,"__esModule",{value:!0}),e.setTwoDirectionStickyPanelById=e.setTwoDirectionStickyPanel=e.isTouchDevice=e.isMobilePortrait=e.isMobile=e.isMatchMedia=e.BREAKPOINTS=void 0;var i={MOBILE_PORTRAIT:567,MOBILE:767,TABLET:991,DESKTOP:1199};e.BREAKPOINTS=i;var o=function(t){return window.matchMedia(t).matches};e.isMatchMedia=o,e.isMobile=function(){return o("(max-width: ".concat(i.MOBILE,"px)"))},e.isMobilePortrait=function(){return o("(max-width: ".concat(i.MOBILE_PORTRAIT,"px)"))},e.isTouchDevice=function(){return void 0!==window.ontouchstart};var n=function(t){if(t){var e=window.innerHeight-t.offsetHeight,i=window.scrollY,o=window.innerHeight,n=t.offsetHeight;t.style.top="0px",window.addEventListener("resize",(function(){o=window.innerHeight,n=t.offsetHeight})),document.addEventListener("scroll",(function(){n=t.offsetHeight,e=window.innerHeight-t.offsetHeight;var r=parseInt(t.style.top.replace("px;",""));n>o?window.scrollY<i?r<0?t.style.top=r+i-window.scrollY+"px":r>=0&&0!==r&&(t.style.top="0px"):r>e?t.style.top=r+i-window.scrollY+"px":r<e&&r!==e&&(t.style.top=e+"px"):t.style.top="0px",i=window.scrollY}),{capture:!0,passive:!0})}};e.setTwoDirectionStickyPanel=n,e.setTwoDirectionStickyPanelById=function(t){n(document.getElementById(t))}}(),module.exports=t}();