@lifesg/react-design-system 2.0.0-canary.7 → 2.0.0-canary.8

package/popover/index.js

@@ -363,5 +363,11 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     background: none;
     border: none;
     padding: 0;
-`,Cn=({children:r,visible:l,onMobileClose:c,...s})=>{const u=s["data-testid"]||"popover",[d,f]=o("none"),p=i(null),m=h.exports.useMediaQuery({maxWidth:y.mobileL}),g=i(d);a((()=>(w(),window.addEventListener("resize",Z(v,300)),()=>{window.removeEventListener("resize",Z(v,300))})),[]);const v=()=>{w()},b=()=>{c&&c()},w=()=>{const e=F();var t;e&&(t=e,g.current=t,f(t))},F=()=>{if(p.current){const e=p.current.getBoundingClientRect(),t=24,n=e.y<t,r=window.innerWidth-t;return e.x<t?n?"top-left":"left":e.x+e.width>r?n?"top-right":"right":("top-left"===g.current||"left"===g.current)&&e.x-e.width/2>t||("top-right"===g.current||"right"===g.current)&&e.x+2*e.width<r?n?"top-center":"none":n?"top-center":void 0}},S=()=>"string"==typeof r?t(cn.BodySmall,{children:r}):r;return e(n,{children:[t(En,{ref:p,"data-testid":u,$visible:l,$offset:d,...s,children:t(pn,{children:S()})}),m&&t(Sn,{show:l,onOverlayClick:b,children:t(Dn,{onClose:b,children:S()})})]})},Tn=(n,r)=>l=>{const{onPopoverAppear:c,onPopoverDismiss:s,...u}=l,d=r.trigger||"click",f=u,[p,m]=o(!1),g=i(),v=h.exports.useMediaQuery({maxWidth:y.mobileL});a((()=>{if(!v)return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}}),[p]);const b=e=>{g&&!g.current.contains(e.target)&&(p&&m(!1),s&&s())};return e(Hn,{id:"popover-hoc-wrapper",ref:g,children:[t(kn,{id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===d||v)&&(m(!p),!p&&c&&c(),p&&s&&s())},onMouseEnter:()=>{"hover"!==d||v||m(!0)},onMouseLeave:()=>{"hover"===d&&p&&!v&&m(!1)},"aria-label":"popover-button",children:t(n,{...f})}),t(Cn,{visible:p,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{m(!1)},children:r.content})]})};export{Cn as Popover,Tn as withPopover};
+`,Cn=c.div`
+    overflow-y: scroll;
+
+    ::-webkit-scrollbar {
+        display: none; /* Chrome/Safari/Webkit */
+    }
+`,Tn=({children:r,visible:l,onMobileClose:c,...s})=>{const u=s["data-testid"]||"popover",[d,f]=o("none"),p=i(null),m=h.exports.useMediaQuery({maxWidth:y.mobileL}),g=i(d);a((()=>(w(),window.addEventListener("resize",Z(v,300)),()=>{window.removeEventListener("resize",Z(v,300))})),[]);const v=()=>{w()},b=()=>{c&&c()},w=()=>{const e=F();var t;e&&(t=e,g.current=t,f(t))},F=()=>{if(p.current){const e=p.current.getBoundingClientRect(),t=24,n=e.y<t,r=window.innerWidth-t;return e.x<t?n?"top-left":"left":e.x+e.width>r?n?"top-right":"right":("top-left"===g.current||"left"===g.current)&&e.x-e.width/2>t||("top-right"===g.current||"right"===g.current)&&e.x+2*e.width<r?n?"top-center":"none":n?"top-center":void 0}},S=()=>"string"==typeof r?t(cn.BodySmall,{children:r}):r;return e(n,{children:[t(En,{ref:p,"data-testid":u,$visible:l,$offset:d,...s,children:t(pn,{children:S()})}),m&&t(Sn,{show:l,onOverlayClick:b,children:t(Dn,{onClose:b,children:t(Cn,{children:S()})})})]})},zn=(n,r)=>l=>{const{onPopoverAppear:c,onPopoverDismiss:s,...u}=l,d=r.trigger||"click",f=u,[p,m]=o(!1),g=i(),v=h.exports.useMediaQuery({maxWidth:y.mobileL});a((()=>{if(!v)return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}}),[p]);const b=e=>{g&&!g.current.contains(e.target)&&(p&&m(!1),s&&s())};return e(Hn,{id:"popover-hoc-wrapper",ref:g,children:[t(kn,{id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===d||v)&&(m(!p),!p&&c&&c(),p&&s&&s())},onMouseEnter:()=>{"hover"!==d||v||m(!0)},onMouseLeave:()=>{"hover"===d&&p&&!v&&m(!1)},"aria-label":"popover-button",children:t(n,{...f})}),t(Tn,{visible:p,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{m(!1)},children:r.content})]})};export{Tn as Popover,zn as withPopover};
 //# sourceMappingURL=index.js.map