@contentful/f36-tooltip - npm Package Compare versions

Comparing version 4.0.1-next-v4-6289.2215 to 4.0.1-next-v4-6313.2230

dist/main.js

		@@ -1,2 +0,2 @@
		var e=d(require("@babel/runtime/helpers/extends")),{cx:t,css:o}=require("emotion"),n=require("react"),a=d(n),{useEffect:r,useRef:l,useState:i}=n,{usePopper:s}=require("react-popper"),p=d(require("@contentful/f36-tokens")),{Portal:c}=require("@contentful/f36-utils"),{useId:u,Box:m}=require("@contentful/f36-core");function d(e){return e&&e.__esModule?e.default:e}var f,g,b,y,h={};f=h,g="Tooltip",b=()=>v,Object.defineProperty(f,g,{get:b,set:y,enumerable:!0,configurable:!0});const E=`calc(-1 * ((1rem * (10 / ${p.fontBaseDefault})) / 2))`,x=`calc(1rem * (10 / ${p.fontBaseDefault}))`;const v=({children:n,className:d,as:f="span",content:g,id:b,isVisible:y,hideDelay:h=0,onBlur:v,onFocus:I,onMouseLeave:M,onMouseOver:N,onKeyDown:k,targetWrapperClassName:q,maxWidth:w=360,testId:z="cf-ui-tooltip",placement:D="auto",usePortal:S=!1,...B})=>{const T={tooltipTargetWrapper:o({name:"b3pn3b",styles:"display:inline-block;position:relative;"}),tooltip:o({background:p.gray900,fontFamily:p.fontStackPrimary,fontSize:p.fontSizeS,fontWeight:p.fontWeightNormal,fontStyle:"normal",textDecoration:"none",color:p.colorWhite,textAlign:"center",lineHeight:p.lineHeightDefault,padding:`${p.spacingXs} calc(1rem * (10 / ${p.fontBaseDefault}))`,borderRadius:p.borderRadiusMedium,whiteSpace:"normal"},""),tooltipHidden:o({visibility:"hidden",pointerEvents:"none",zIndex:p.zIndexNegative},""),tooltipContainer:o({name:"1nqn0g6",styles:"& > button[disabled]{pointer-events:none;}"}),tooltipArrow:o({position:"absolute",'&[data-placement="top"]':{bottom:0,left:0,marginBottom:E},'&[data-placement="right"]':{left:0,marginLeft:E},'&[data-placement="bottom"]':{left:0,top:0,marginTop:E},'&[data-placement="left"]':{right:0,marginRight:E},"&::before":{content:'""',display:"block",height:x,width:x,backgroundColor:p.gray900,transform:"rotate3d(0, 0, 1, 45deg)",zIndex:p.zIndexNegative}},"")},[W,F]=i(!1),P=u(b,"tooltip"),C=l(null),R=l(null),[$,L]=i(null),{styles:O,attributes:_,forceUpdate:j}=s(C.current,R.current,{placement:D,modifiers:[{name:"arrow",options:{element:$,padding:parseFloat(p.borderRadiusSmall)}},{name:"offset",options:{offset:[0,10]}}]});r((()=>{null!==j&&j()}),[g,j]);const[A,H]=i(!1),[K,V]=i(!1);r((()=>{F(K\|\|A)}),[A,K]),r((()=>{y&&F(!0)}),[]);const U="string"==typeof w?w:`${w}px`,X={zIndex:p.zIndexTooltip,maxWidth:U,...O.popper};if(!g)return a.createElement(m,{as:f,className:q},n);const G=a.createElement(m,e({as:"span",id:P,ref:R,role:"tooltip",style:X,className:t(T.tooltip,d),testId:z,onMouseEnter:()=>{V(!0)},onMouseLeave:()=>{V(!1)}},_.popper),a.createElement("span",null,g),a.createElement("span",{className:T.tooltipArrow,"data-placement":_.popper&&_.popper["data-popper-placement"],ref:L,style:O.arrow}));return a.createElement(a.Fragment,null,W?a.createElement(a.Fragment,null,S?a.createElement(c,null,G):G):null,a.createElement(m,e({as:f,ref:C,className:t(T.tooltipContainer,q),onMouseEnter:e=>{H(!0),N&&N(e)},onMouseLeave:e=>{setTimeout((()=>H(!1)),h),M&&M(e)},onFocus:e=>{H(!0),I&&I(e)},onBlur:e=>{setTimeout((()=>H(!1)),h),v&&v(e)},onKeyDown:e=>{"Escape"===e.key&&setTimeout((()=>H(!1)),h),k&&k(e)}},B),a.Children.map(n,(e=>{if(a.isValidElement(e))return a.cloneElement(e,{"aria-describedby":P})}))))};var I,M;I=module.exports,M=h,Object.keys(M).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(I,e,{enumerable:!0,get:function(){return M[e]}})}));
		var e=d(require("@babel/runtime/helpers/extends")),{cx:t,css:o}=require("emotion"),n=require("react"),a=d(n),{useState:r,useRef:l,useEffect:i}=n,{usePopper:s}=require("react-popper"),p=d(require("@contentful/f36-tokens")),{Portal:c}=require("@contentful/f36-utils"),{useId:u,Box:m}=require("@contentful/f36-core");function d(e){return e&&e.__esModule?e.default:e}var f,g,b,y,h={};f=h,g="Tooltip",b=()=>v,Object.defineProperty(f,g,{get:b,set:y,enumerable:!0,configurable:!0});const E=`calc(-1 * ((1rem * (10 / ${p.fontBaseDefault})) / 2))`,x=`calc(1rem * (10 / ${p.fontBaseDefault}))`;const v=({children:n,className:d,as:f="span",content:g,id:b,isVisible:y,hideDelay:h=0,onBlur:v,onFocus:I,onMouseLeave:M,onMouseOver:N,onKeyDown:k,targetWrapperClassName:q,maxWidth:w=360,testId:z="cf-ui-tooltip",placement:D="auto",usePortal:S=!1,...B})=>{const T={tooltipTargetWrapper:o({name:"b3pn3b",styles:"display:inline-block;position:relative;"}),tooltip:o({background:p.gray900,fontFamily:p.fontStackPrimary,fontSize:p.fontSizeS,fontWeight:p.fontWeightNormal,fontStyle:"normal",textDecoration:"none",color:p.colorWhite,textAlign:"center",lineHeight:p.lineHeightDefault,padding:`${p.spacingXs} calc(1rem * (10 / ${p.fontBaseDefault}))`,borderRadius:p.borderRadiusMedium,whiteSpace:"normal"},""),tooltipHidden:o({visibility:"hidden",pointerEvents:"none",zIndex:p.zIndexNegative},""),tooltipContainer:o({name:"1nqn0g6",styles:"& > button[disabled]{pointer-events:none;}"}),tooltipArrow:o({position:"absolute",'&[data-placement="top"]':{bottom:0,left:0,marginBottom:E},'&[data-placement="right"]':{left:0,marginLeft:E},'&[data-placement="bottom"]':{left:0,top:0,marginTop:E},'&[data-placement="left"]':{right:0,marginRight:E},"&::before":{content:'""',display:"block",height:x,width:x,backgroundColor:p.gray900,transform:"rotate3d(0, 0, 1, 45deg)",zIndex:p.zIndexNegative}},"")},[W,F]=r(!1),P=u(b,"tooltip"),C=l(null),R=l(null),[$,L]=r(null),{styles:O,attributes:_,forceUpdate:j}=s(C.current,R.current,{placement:D,modifiers:[{name:"arrow",options:{element:$,padding:parseFloat(p.borderRadiusSmall)}},{name:"offset",options:{offset:[0,10]}}]});i((()=>{null!==j&&j()}),[g,j]);const[A,H]=r(!1),[K,V]=r(!1);i((()=>{F(K\|\|A)}),[A,K]),i((()=>{y&&F(!0)}),[]);const U="string"==typeof w?w:`${w}px`,X={zIndex:p.zIndexTooltip,maxWidth:U,...O.popper};if(!g)return a.createElement(m,{as:f,className:q},n);const G=a.createElement(m,e({as:"span",id:P,ref:R,role:"tooltip",style:X,className:t(T.tooltip,d),testId:z,onMouseEnter:()=>{V(!0)},onMouseLeave:()=>{V(!1)}},_.popper),a.createElement("span",null,g),a.createElement("span",{className:T.tooltipArrow,"data-placement":_.popper&&_.popper["data-popper-placement"],ref:L,style:O.arrow}));return a.createElement(a.Fragment,null,W?a.createElement(a.Fragment,null,S?a.createElement(c,null,G):G):null,a.createElement(m,e({as:f,ref:C,className:t(T.tooltipContainer,q),onMouseEnter:e=>{H(!0),N&&N(e)},onMouseLeave:e=>{setTimeout((()=>H(!1)),h),M&&M(e)},onFocus:e=>{H(!0),I&&I(e)},onBlur:e=>{setTimeout((()=>H(!1)),h),v&&v(e)},onKeyDown:e=>{"Escape"===e.key&&setTimeout((()=>H(!1)),h),k&&k(e)}},B),a.Children.map(n,(e=>{if(a.isValidElement(e))return a.cloneElement(e,{"aria-describedby":P})}))))};var I,M;I=module.exports,M=h,Object.keys(M).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(I,e,{enumerable:!0,get:function(){return M[e]}})}));
		//# sourceMappingURL=main.js.map

package.json

		{
		"name": "@contentful/f36-tooltip",
		"version": "4.0.1-next-v4-6289.2215+a6d6282a",
		"version": "4.0.1-next-v4-6313.2230+cc8adb10",
		"description": "Forma 36: Tooltip component",
		@@ -10,5 +10,5 @@ "scripts": {
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-core": "4.0.1-next-v4-6289.2215+a6d6282a",
		"@contentful/f36-tokens": "4.0.1-next-v4-6289.2215+a6d6282a",
		"@contentful/f36-utils": "4.0.1-next-v4-6289.2215+a6d6282a",
		"@contentful/f36-core": "4.0.1-next-v4-6313.2230+cc8adb10",
		"@contentful/f36-tokens": "4.0.1-next-v4-6313.2230+cc8adb10",
		"@contentful/f36-utils": "4.0.1-next-v4-6313.2230+cc8adb10",
		"@popperjs/core": "^2.4.4",
		@@ -40,3 +40,3 @@ "csstype": "^3.0.5",
		},
		"gitHead": "a6d6282aa585bcf2675a6d8708791105b4584802"
		"gitHead": "cc8adb105e9227dbb2949a7847e2fcb4f8aab906"
		}

@contentful/f36-tooltip - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes