@contentful/f36-popover - npm Package Compare versions

Comparing version 4.0.1-next-v4-8804.2357 to 4.0.1-next-v4-8833.2358

dist/main.js

@@ -1,2 +0,2 @@
-var e=require("react"),t=b(e),{useCallback:o,useState:r,useMemo:n,useEffect:s}=e,{useId:l,mergeRefs:a}=require("@contentful/f36-core"),{usePopper:i}=require("react-popper"),u=b(require("@babel/runtime/helpers/extends")),{cx:c,css:p}=require("emotion"),{Portal:d}=require("@contentful/f36-utils"),f=b(require("@contentful/f36-tokens"));function m(e,t,o,r){Object.defineProperty(e,t,{get:o,set:r,enumerable:!0,configurable:!0})}function b(e){return e&&e.__esModule?e.default:e}var g={};m(g,"Popover",(()=>C)),m(g,"PopoverTrigger",(()=>E)),m(g,"PopoverContent",(()=>y));const v=t.createContext(void 0),P=()=>{const e=t.useContext(v);if(void 0===e)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return e},h=v.Provider;const x={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{const t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}},w=(e,o)=>{const{children:r,className:n,testId:s="cf-ui-popover-content",role:l="dialog",...a}=e,i={container:p({background:f.colorWhite,border:0,borderRadius:f.borderRadiusMedium,boxShadow:f.boxShadowDefault,zIndex:f.zIndexDropdown},"")},{isOpen:m,getPopoverProps:b,usePortal:g}=P(),v=t.createElement("div",u({},b(a,o),{className:c(i.container,n),"data-test-id":s,tabIndex:-1,role:l,"data-position-absolute":!0}),r);return m?g?t.createElement(d,null,v):v:null},y=t.forwardRef(w),E=e=>{const o=t.Children.only(e.children),{getTriggerProps:r}=P();return t.cloneElement(o,{...o.props,...r(o.ref),"aria-haspopup":"dialog"})},C=function(e){const{children:u,isOpen:c,placement:p="bottom-start",isFullWidth:d=!1,isAutoalignmentEnabled:f=!0,usePortal:m=!0,closeOnBlur:b=!0,closeOnEsc:g=!0,onClose:v,autoFocus:P=!0}=e,[w,y]=r(null),[E,C]=r(null),{attributes:O,forceUpdate:q,styles:k}=i(w,E,{placement:p,modifiers:[{name:"offset",options:{offset:[1,4]}},{...x,enabled:d},{name:"preventOverflow",enabled:f,options:{mainAxis:!0}},{name:"flip",enabled:f}]});s((()=>{c&&P&&E&&E.focus({preventScroll:!0})}),[c,E]),s((()=>{q&&q()}),[u,q]);const B=l(null,"popover-content"),D=o((()=>{v&&v()}),[v]),I=n((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:a(y,e),"aria-expanded":Boolean(c),"aria-controls":B}),getPopoverProps:(e={},t=null)=>({...e,...O.popper,style:{...e.style||{},...k.popper},ref:a(C,t),id:B,onBlur:t=>{if(e.onBlur&&e.onBlur(t),!b)return;const o=t.relatedTarget,r=E===o||E.contains(o),n=w===o||w.contains(o);r||n||D()},onKeyDown:t=>{e.onKeyDown&&e.onKeyDown(t),g&&"Escape"===t.key&&D()}})})),[c,O,k,m,B,g,b,E,w,D]);return t.createElement(h,{value:I},u)};var O,q;C.Content=y,C.Trigger=E,O=module.exports,q=g,Object.keys(q).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(O,e,{enumerable:!0,get:function(){return q[e]}})}));
+var e=require("react"),t=b(e),{useCallback:o,useMemo:r,useState:n,useEffect:s}=e,{mergeRefs:l,useId:a}=require("@contentful/f36-core"),{usePopper:i}=require("react-popper"),u=b(require("@babel/runtime/helpers/extends")),{cx:c,css:p}=require("emotion"),{Portal:d}=require("@contentful/f36-utils"),f=b(require("@contentful/f36-tokens"));function m(e,t,o,r){Object.defineProperty(e,t,{get:o,set:r,enumerable:!0,configurable:!0})}function b(e){return e&&e.__esModule?e.default:e}var g={};m(g,"Popover",(()=>C)),m(g,"PopoverTrigger",(()=>E)),m(g,"PopoverContent",(()=>y));const v=t.createContext(void 0),P=()=>{const e=t.useContext(v);if(void 0===e)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return e},h=v.Provider;const x={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{const t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}},w=(e,o)=>{const{children:r,className:n,testId:s="cf-ui-popover-content",role:l="dialog",...a}=e,i={container:p({background:f.colorWhite,border:0,borderRadius:f.borderRadiusMedium,boxShadow:f.boxShadowDefault,zIndex:f.zIndexDropdown},"")},{isOpen:m,getPopoverProps:b,usePortal:g}=P(),v=t.createElement("div",u({},b(a,o),{className:c(i.container,n),"data-test-id":s,tabIndex:-1,role:l,"data-position-absolute":!0}),r);return m?g?t.createElement(d,null,v):v:null},y=t.forwardRef(w),E=e=>{const o=t.Children.only(e.children),{getTriggerProps:r}=P();return t.cloneElement(o,{...o.props,...r(o.ref),"aria-haspopup":"dialog"})},C=function(e){const{children:u,isOpen:c,placement:p="bottom-start",isFullWidth:d=!1,isAutoalignmentEnabled:f=!0,usePortal:m=!0,closeOnBlur:b=!0,closeOnEsc:g=!0,onClose:v,autoFocus:P=!0}=e,[w,y]=n(null),[E,C]=n(null),{attributes:O,forceUpdate:q,styles:k}=i(w,E,{placement:p,modifiers:[{name:"offset",options:{offset:[1,4]}},{...x,enabled:d},{name:"preventOverflow",enabled:f,options:{mainAxis:!0}},{name:"flip",enabled:f}]});s((()=>{c&&P&&E&&E.focus({preventScroll:!0})}),[c,E]),s((()=>{q&&q()}),[u,q]);const B=a(null,"popover-content"),D=o((()=>{v&&v()}),[v]),I=r((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:l(y,e),"aria-expanded":Boolean(c),"aria-controls":B}),getPopoverProps:(e={},t=null)=>({...e,...O.popper,style:{...e.style||{},...k.popper},ref:l(C,t),id:B,onBlur:t=>{if(e.onBlur&&e.onBlur(t),!b)return;const o=t.relatedTarget,r=E===o||E.contains(o),n=w===o||w.contains(o);r||n||D()},onKeyDown:t=>{e.onKeyDown&&e.onKeyDown(t),g&&"Escape"===t.key&&D()}})})),[c,O,k,m,B,g,b,E,w,D]);return t.createElement(h,{value:I},u)};var O,q;C.Content=y,C.Trigger=E,O=module.exports,q=g,Object.keys(q).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(O,e,{enumerable:!0,get:function(){return q[e]}})}));
 //# sourceMappingURL=main.js.map

dist/module.js

@@ -1,2 +0,2 @@
-import e,{useCallback as o,useState as t,useEffect as r,useMemo as n}from"react";import{useId as s,mergeRefs as a}from"@contentful/f36-core";import{usePopper as l}from"react-popper";import i from"@babel/runtime/helpers/esm/extends";import{cx as p,css as c}from"emotion";import{Portal as u}from"@contentful/f36-utils";import d from"@contentful/f36-tokens";function f(e,o,t,r){Object.defineProperty(e,o,{get:t,set:r,enumerable:!0,configurable:!0})}var m={};f(m,"Popover",(()=>y)),f(m,"PopoverTrigger",(()=>w)),f(m,"PopoverContent",(()=>x));const b=e.createContext(void 0),g=()=>{const o=e.useContext(b);if(void 0===o)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return o},v=b.Provider;const P={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{const o=e.elements.reference;e.elements.popper.style.width=`${o.offsetWidth}px`}},h=(o,t)=>{const{children:r,className:n,testId:s="cf-ui-popover-content",role:a="dialog",...l}=o,f={container:c({background:d.colorWhite,border:0,borderRadius:d.borderRadiusMedium,boxShadow:d.boxShadowDefault,zIndex:d.zIndexDropdown},"")},{isOpen:m,getPopoverProps:b,usePortal:v}=g(),P=e.createElement("div",i({},b(l,t),{className:p(f.container,n),"data-test-id":s,tabIndex:-1,role:a,"data-position-absolute":!0}),r);return m?v?e.createElement(u,null,P):P:null},x=e.forwardRef(h),w=o=>{const t=e.Children.only(o.children),{getTriggerProps:r}=g();return e.cloneElement(t,{...t.props,...r(t.ref),"aria-haspopup":"dialog"})},y=function(i){const{children:p,isOpen:c,placement:u="bottom-start",isFullWidth:d=!1,isAutoalignmentEnabled:f=!0,usePortal:m=!0,closeOnBlur:b=!0,closeOnEsc:g=!0,onClose:h,autoFocus:x=!0}=i,[w,y]=t(null),[C,E]=t(null),{attributes:O,forceUpdate:T,styles:B}=l(w,C,{placement:u,modifiers:[{name:"offset",options:{offset:[1,4]}},{...P,enabled:d},{name:"preventOverflow",enabled:f,options:{mainAxis:!0}},{name:"flip",enabled:f}]});r((()=>{c&&x&&C&&C.focus({preventScroll:!0})}),[c,C]),r((()=>{T&&T()}),[p,T]);const D=s(null,"popover-content"),I=o((()=>{h&&h()}),[h]),S=n((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:a(y,e),"aria-expanded":Boolean(c),"aria-controls":D}),getPopoverProps:(e={},o=null)=>({...e,...O.popper,style:{...e.style||{},...B.popper},ref:a(E,o),id:D,onBlur:o=>{if(e.onBlur&&e.onBlur(o),!b)return;const t=o.relatedTarget,r=C===t||C.contains(t),n=w===t||w.contains(t);r||n||I()},onKeyDown:o=>{e.onKeyDown&&e.onKeyDown(o),g&&"Escape"===o.key&&I()}})})),[c,O,B,m,D,g,b,C,w,I]);return e.createElement(v,{value:S},p)};y.Content=x,y.Trigger=w;export{y as Popover,w as PopoverTrigger,x as PopoverContent};
+import e,{useEffect as o,useMemo as t,useCallback as r,useState as n}from"react";import{useId as s,mergeRefs as a}from"@contentful/f36-core";import{usePopper as l}from"react-popper";import i from"@babel/runtime/helpers/esm/extends";import{cx as p,css as c}from"emotion";import{Portal as u}from"@contentful/f36-utils";import d from"@contentful/f36-tokens";function f(e,o,t,r){Object.defineProperty(e,o,{get:t,set:r,enumerable:!0,configurable:!0})}var m={};f(m,"Popover",(()=>y)),f(m,"PopoverTrigger",(()=>w)),f(m,"PopoverContent",(()=>x));const b=e.createContext(void 0),g=()=>{const o=e.useContext(b);if(void 0===o)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return o},v=b.Provider;const P={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{const o=e.elements.reference;e.elements.popper.style.width=`${o.offsetWidth}px`}},h=(o,t)=>{const{children:r,className:n,testId:s="cf-ui-popover-content",role:a="dialog",...l}=o,f={container:c({background:d.colorWhite,border:0,borderRadius:d.borderRadiusMedium,boxShadow:d.boxShadowDefault,zIndex:d.zIndexDropdown},"")},{isOpen:m,getPopoverProps:b,usePortal:v}=g(),P=e.createElement("div",i({},b(l,t),{className:p(f.container,n),"data-test-id":s,tabIndex:-1,role:a,"data-position-absolute":!0}),r);return m?v?e.createElement(u,null,P):P:null},x=e.forwardRef(h),w=o=>{const t=e.Children.only(o.children),{getTriggerProps:r}=g();return e.cloneElement(t,{...t.props,...r(t.ref),"aria-haspopup":"dialog"})},y=function(i){const{children:p,isOpen:c,placement:u="bottom-start",isFullWidth:d=!1,isAutoalignmentEnabled:f=!0,usePortal:m=!0,closeOnBlur:b=!0,closeOnEsc:g=!0,onClose:h,autoFocus:x=!0}=i,[w,y]=n(null),[C,E]=n(null),{attributes:O,forceUpdate:T,styles:B}=l(w,C,{placement:u,modifiers:[{name:"offset",options:{offset:[1,4]}},{...P,enabled:d},{name:"preventOverflow",enabled:f,options:{mainAxis:!0}},{name:"flip",enabled:f}]});o((()=>{c&&x&&C&&C.focus({preventScroll:!0})}),[c,C]),o((()=>{T&&T()}),[p,T]);const D=s(null,"popover-content"),I=r((()=>{h&&h()}),[h]),S=t((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:a(y,e),"aria-expanded":Boolean(c),"aria-controls":D}),getPopoverProps:(e={},o=null)=>({...e,...O.popper,style:{...e.style||{},...B.popper},ref:a(E,o),id:D,onBlur:o=>{if(e.onBlur&&e.onBlur(o),!b)return;const t=o.relatedTarget,r=C===t||C.contains(t),n=w===t||w.contains(t);r||n||I()},onKeyDown:o=>{e.onKeyDown&&e.onKeyDown(o),g&&"Escape"===o.key&&I()}})})),[c,O,B,m,D,g,b,C,w,I]);return e.createElement(v,{value:S},p)};y.Content=x,y.Trigger=w;export{y as Popover,w as PopoverTrigger,x as PopoverContent};
 //# sourceMappingURL=module.js.map

package.json

 {
   "name": "@contentful/f36-popover",
-  "version": "4.0.1-next-v4-8804.2357+c49ad78d",
+  "version": "4.0.1-next-v4-8833.2358+af70ad0c",
   "description": "Forma 36: Popover component",
@@ -10,5 +10,5 @@ "scripts": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "4.0.1-next-v4-8804.2357+c49ad78d",
-    "@contentful/f36-tokens": "4.0.1-next-v4-8804.2357+c49ad78d",
-    "@contentful/f36-utils": "4.0.1-next-v4-8804.2357+c49ad78d",
+    "@contentful/f36-core": "4.0.1-next-v4-8833.2358+af70ad0c",
+    "@contentful/f36-tokens": "4.0.1-next-v4-8833.2358+af70ad0c",
+    "@contentful/f36-utils": "4.0.1-next-v4-8833.2358+af70ad0c",
     "@popperjs/core": "^2.4.4",
@@ -39,3 +39,3 @@ "emotion": "^10.0.17",
   },
-  "gitHead": "c49ad78da4cc0d73234d607c6bf7d8211e0b62df"
+  "gitHead": "af70ad0cf28270b7ed279bd3e1cb5449fe86d9c1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No metric changes

Dependency changes

• Updated@contentful/f36-core@4.0.1-next-v4-8833.2358+af70ad0c

• Updated@contentful/f36-tokens@4.0.1-next-v4-8833.2358+af70ad0c

• Updated@contentful/f36-utils@4.0.1-next-v4-8833.2358+af70ad0c