Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-popover
Advanced tools
@contentful/f36-popover - npm Package Compare versions
Comparing version 4.0.1-next-v4-8986.2402 to 4.0.1-next-v4-9019.2404
@@ -1,2 +0,2 @@ | ||
| var e=require("react"),t=b(e),{useCallback:o,useMemo:r,useEffect:n,useState: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]=s(null),[E,C]=s(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}]});n((()=>{c&&P&&E&&E.focus({preventScroll:!0})}),[c,E]),n((()=>{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]}})})); | ||
| var e=require("react"),t=b(e),{useEffect:o,useCallback:r,useState:n,useMemo: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 v={};m(v,"Popover",(()=>C)),m(v,"PopoverTrigger",(()=>E)),m(v,"PopoverContent",(()=>y));const g=t.createContext(void 0),h=()=>{const e=t.useContext(g);if(void 0===e)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return e},P=g.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:v}=h(),g=t.createElement("div",u({},a,b(a,o),{className:c(i.container,n),"data-test-id":s,tabIndex:-1,role:l,"data-position-absolute":!0}),r);return m?v?t.createElement(d,null,g):g:null},y=t.forwardRef(w),E=e=>{var o;const r=t.Children.only(e.children),{getTriggerProps:n}=h();return t.cloneElement(r,{...n(r.ref),"aria-haspopup":null!==(o=r.props["aria-haspopup"])&&void 0!==o?o:"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:v=!0,onClose:g,autoFocus:h=!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}]});o((()=>{c&&h&&E&&E.focus({preventScroll:!0})}),[c,E]),o((()=>{q&&q()}),[u,q]);const B=l(null,"popover-content"),D=r((()=>{g&&g()}),[g]),I=s((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:a(y,e),"aria-expanded":Boolean(c),"aria-controls":B}),getPopoverProps:(e={},t=null)=>({...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),v&&"Escape"===t.key&&D()}})})),[c,O,k,m,B,v,b,E,w,D]);return t.createElement(P,{value:I},u)};var O,q;C.Content=y,C.Trigger=E,O=module.exports,q=v,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 |
@@ -1,2 +0,2 @@ | ||
| 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}; | ||
| import e,{useMemo as o,useCallback as t,useEffect 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 v=e.createContext(void 0),b=()=>{const o=e.useContext(v);if(void 0===o)throw new Error("usePopoverContext must be used within a PopoverContextProvider");return o},g=v.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:v,usePortal:g}=b(),P=e.createElement("div",i({},l,v(l,t),{className:p(f.container,n),"data-test-id":s,tabIndex:-1,role:a,"data-position-absolute":!0}),r);return m?g?e.createElement(u,null,P):P:null},x=e.forwardRef(h),w=o=>{var t;const r=e.Children.only(o.children),{getTriggerProps:n}=b();return e.cloneElement(r,{...n(r.ref),"aria-haspopup":null!==(t=r.props["aria-haspopup"])&&void 0!==t?t:"dialog"})},y=function(i){const{children:p,isOpen:c,placement:u="bottom-start",isFullWidth:d=!1,isAutoalignmentEnabled:f=!0,usePortal:m=!0,closeOnBlur:v=!0,closeOnEsc:b=!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}]});r((()=>{c&&x&&C&&C.focus({preventScroll:!0})}),[c,C]),r((()=>{T&&T()}),[p,T]);const D=s(null,"popover-content"),I=t((()=>{h&&h()}),[h]),S=o((()=>({isOpen:c,usePortal:m,getTriggerProps:(e=null)=>({ref:a(y,e),"aria-expanded":Boolean(c),"aria-controls":D}),getPopoverProps:(e={},o=null)=>({...O.popper,style:{...e.style||{},...B.popper},ref:a(E,o),id:D,onBlur:o=>{if(e.onBlur&&e.onBlur(o),!v)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),b&&"Escape"===o.key&&I()}})})),[c,O,B,m,D,b,v,C,w,I]);return e.createElement(g,{value:S},p)};y.Content=x,y.Trigger=w;export{y as Popover,w as PopoverTrigger,x as PopoverContent}; | ||
| //# sourceMappingURL=module.js.map |
@@ -83,3 +83,367 @@ import React from "react"; | ||
| */ | ||
| export const PopoverTrigger: (props: PopoverTriggerProps) => React.DetailedReactHTMLElement<any, HTMLElement>; | ||
| export const PopoverTrigger: (props: PopoverTriggerProps) => React.DetailedReactHTMLElement<{ | ||
| 'aria-haspopup': any; | ||
| accept?: string; | ||
| acceptCharset?: string; | ||
| action?: string; | ||
| allowFullScreen?: boolean; | ||
| allowTransparency?: boolean; | ||
| alt?: string; | ||
| as?: string; | ||
| async?: boolean; | ||
| autoComplete?: string; | ||
| autoFocus?: boolean; | ||
| autoPlay?: boolean; | ||
| capture?: string | boolean; | ||
| cellPadding?: string | number; | ||
| cellSpacing?: string | number; | ||
| charSet?: string; | ||
| challenge?: string; | ||
| checked?: boolean; | ||
| cite?: string; | ||
| classID?: string; | ||
| cols?: number; | ||
| colSpan?: number; | ||
| content?: string; | ||
| controls?: boolean; | ||
| coords?: string; | ||
| crossOrigin?: string; | ||
| data?: string; | ||
| dateTime?: string; | ||
| default?: boolean; | ||
| defer?: boolean; | ||
| disabled?: boolean; | ||
| download?: any; | ||
| encType?: string; | ||
| form?: string; | ||
| formAction?: string; | ||
| formEncType?: string; | ||
| formMethod?: string; | ||
| formNoValidate?: boolean; | ||
| formTarget?: string; | ||
| frameBorder?: string | number; | ||
| headers?: string; | ||
| height?: string | number; | ||
| high?: number; | ||
| href?: string; | ||
| hrefLang?: string; | ||
| htmlFor?: string; | ||
| httpEquiv?: string; | ||
| integrity?: string; | ||
| keyParams?: string; | ||
| keyType?: string; | ||
| kind?: string; | ||
| label?: string; | ||
| list?: string; | ||
| loop?: boolean; | ||
| low?: number; | ||
| manifest?: string; | ||
| marginHeight?: number; | ||
| marginWidth?: number; | ||
| max?: string | number; | ||
| maxLength?: number; | ||
| media?: string; | ||
| mediaGroup?: string; | ||
| method?: string; | ||
| min?: string | number; | ||
| minLength?: number; | ||
| multiple?: boolean; | ||
| muted?: boolean; | ||
| name?: string; | ||
| nonce?: string; | ||
| noValidate?: boolean; | ||
| open?: boolean; | ||
| optimum?: number; | ||
| pattern?: string; | ||
| placeholder?: string; | ||
| playsInline?: boolean; | ||
| poster?: string; | ||
| preload?: string; | ||
| readOnly?: boolean; | ||
| rel?: string; | ||
| required?: boolean; | ||
| reversed?: boolean; | ||
| rows?: number; | ||
| rowSpan?: number; | ||
| sandbox?: string; | ||
| scope?: string; | ||
| scoped?: boolean; | ||
| scrolling?: string; | ||
| seamless?: boolean; | ||
| selected?: boolean; | ||
| shape?: string; | ||
| size?: number; | ||
| sizes?: string; | ||
| span?: number; | ||
| src?: string; | ||
| srcDoc?: string; | ||
| srcLang?: string; | ||
| srcSet?: string; | ||
| start?: number; | ||
| step?: string | number; | ||
| summary?: string; | ||
| target?: string; | ||
| type?: string; | ||
| useMap?: string; | ||
| value?: string | number | readonly string[]; | ||
| width?: string | number; | ||
| wmode?: string; | ||
| wrap?: string; | ||
| defaultChecked?: boolean; | ||
| defaultValue?: string | number | readonly string[]; | ||
| suppressContentEditableWarning?: boolean; | ||
| suppressHydrationWarning?: boolean; | ||
| accessKey?: string; | ||
| className?: string; | ||
| contentEditable?: "inherit" | (boolean | "false" | "true"); | ||
| contextMenu?: string; | ||
| dir?: string; | ||
| draggable?: boolean | "false" | "true"; | ||
| hidden?: boolean; | ||
| id?: string; | ||
| lang?: string; | ||
| slot?: string; | ||
| spellCheck?: boolean | "false" | "true"; | ||
| style?: React.CSSProperties; | ||
| tabIndex?: number; | ||
| title?: string; | ||
| translate?: "yes" | "no"; | ||
| radioGroup?: string; | ||
| role?: string; | ||
| about?: string; | ||
| datatype?: string; | ||
| inlist?: any; | ||
| prefix?: string; | ||
| property?: string; | ||
| resource?: string; | ||
| typeof?: string; | ||
| vocab?: string; | ||
| autoCapitalize?: string; | ||
| autoCorrect?: string; | ||
| autoSave?: string; | ||
| color?: string; | ||
| itemProp?: string; | ||
| itemScope?: boolean; | ||
| itemType?: string; | ||
| itemID?: string; | ||
| itemRef?: string; | ||
| results?: number; | ||
| security?: string; | ||
| unselectable?: "on" | "off"; | ||
| inputMode?: "search" | "numeric" | "none" | "text" | "decimal" | "tel" | "url" | "email"; | ||
| is?: string; | ||
| 'aria-activedescendant'?: string; | ||
| 'aria-atomic'?: boolean | "false" | "true"; | ||
| 'aria-autocomplete'?: "both" | "none" | "inline" | "list"; | ||
| 'aria-busy'?: boolean | "false" | "true"; | ||
| 'aria-checked'?: boolean | "mixed" | "false" | "true"; | ||
| 'aria-colcount'?: number; | ||
| 'aria-colindex'?: number; | ||
| 'aria-colspan'?: number; | ||
| 'aria-controls'?: string; | ||
| 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date"; | ||
| 'aria-describedby'?: string; | ||
| 'aria-details'?: string; | ||
| 'aria-disabled'?: boolean | "false" | "true"; | ||
| 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup"; | ||
| 'aria-errormessage'?: string; | ||
| 'aria-expanded'?: boolean | "false" | "true"; | ||
| 'aria-flowto'?: string; | ||
| 'aria-grabbed'?: boolean | "false" | "true"; | ||
| 'aria-hidden'?: boolean | "false" | "true"; | ||
| 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling"; | ||
| 'aria-keyshortcuts'?: string; | ||
| 'aria-label'?: string; | ||
| 'aria-labelledby'?: string; | ||
| 'aria-level'?: number; | ||
| 'aria-live'?: "off" | "assertive" | "polite"; | ||
| 'aria-modal'?: boolean | "false" | "true"; | ||
| 'aria-multiline'?: boolean | "false" | "true"; | ||
| 'aria-multiselectable'?: boolean | "false" | "true"; | ||
| 'aria-orientation'?: "horizontal" | "vertical"; | ||
| 'aria-owns'?: string; | ||
| 'aria-placeholder'?: string; | ||
| 'aria-posinset'?: number; | ||
| 'aria-pressed'?: boolean | "mixed" | "false" | "true"; | ||
| 'aria-readonly'?: boolean | "false" | "true"; | ||
| 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; | ||
| 'aria-required'?: boolean | "false" | "true"; | ||
| 'aria-roledescription'?: string; | ||
| 'aria-rowcount'?: number; | ||
| 'aria-rowindex'?: number; | ||
| 'aria-rowspan'?: number; | ||
| 'aria-selected'?: boolean | "false" | "true"; | ||
| 'aria-setsize'?: number; | ||
| 'aria-sort'?: "none" | "ascending" | "descending" | "other"; | ||
| 'aria-valuemax'?: number; | ||
| 'aria-valuemin'?: number; | ||
| 'aria-valuenow'?: number; | ||
| 'aria-valuetext'?: string; | ||
| children?: React.ReactNode; | ||
| dangerouslySetInnerHTML?: { | ||
| __html: string; | ||
| }; | ||
| onCopy?: React.ClipboardEventHandler<HTMLElement>; | ||
| onCopyCapture?: React.ClipboardEventHandler<HTMLElement>; | ||
| onCut?: React.ClipboardEventHandler<HTMLElement>; | ||
| onCutCapture?: React.ClipboardEventHandler<HTMLElement>; | ||
| onPaste?: React.ClipboardEventHandler<HTMLElement>; | ||
| onPasteCapture?: React.ClipboardEventHandler<HTMLElement>; | ||
| onCompositionEnd?: React.CompositionEventHandler<HTMLElement>; | ||
| onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>; | ||
| onCompositionStart?: React.CompositionEventHandler<HTMLElement>; | ||
| onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>; | ||
| onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>; | ||
| onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>; | ||
| onFocus?: React.FocusEventHandler<HTMLElement>; | ||
| onFocusCapture?: React.FocusEventHandler<HTMLElement>; | ||
| onBlur?: React.FocusEventHandler<HTMLElement>; | ||
| onBlurCapture?: React.FocusEventHandler<HTMLElement>; | ||
| onChange?: React.FormEventHandler<HTMLElement>; | ||
| onChangeCapture?: React.FormEventHandler<HTMLElement>; | ||
| onBeforeInput?: React.FormEventHandler<HTMLElement>; | ||
| onBeforeInputCapture?: React.FormEventHandler<HTMLElement>; | ||
| onInput?: React.FormEventHandler<HTMLElement>; | ||
| onInputCapture?: React.FormEventHandler<HTMLElement>; | ||
| onReset?: React.FormEventHandler<HTMLElement>; | ||
| onResetCapture?: React.FormEventHandler<HTMLElement>; | ||
| onSubmit?: React.FormEventHandler<HTMLElement>; | ||
| onSubmitCapture?: React.FormEventHandler<HTMLElement>; | ||
| onInvalid?: React.FormEventHandler<HTMLElement>; | ||
| onInvalidCapture?: React.FormEventHandler<HTMLElement>; | ||
| onLoad?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onError?: React.ReactEventHandler<HTMLElement>; | ||
| onErrorCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onKeyDown?: React.KeyboardEventHandler<HTMLElement>; | ||
| onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>; | ||
| onKeyPress?: React.KeyboardEventHandler<HTMLElement>; | ||
| onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>; | ||
| onKeyUp?: React.KeyboardEventHandler<HTMLElement>; | ||
| onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>; | ||
| onAbort?: React.ReactEventHandler<HTMLElement>; | ||
| onAbortCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onCanPlay?: React.ReactEventHandler<HTMLElement>; | ||
| onCanPlayCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onCanPlayThrough?: React.ReactEventHandler<HTMLElement>; | ||
| onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onDurationChange?: React.ReactEventHandler<HTMLElement>; | ||
| onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onEmptied?: React.ReactEventHandler<HTMLElement>; | ||
| onEmptiedCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onEncrypted?: React.ReactEventHandler<HTMLElement>; | ||
| onEncryptedCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onEnded?: React.ReactEventHandler<HTMLElement>; | ||
| onEndedCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadedData?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadedMetadata?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadStart?: React.ReactEventHandler<HTMLElement>; | ||
| onLoadStartCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onPause?: React.ReactEventHandler<HTMLElement>; | ||
| onPauseCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onPlay?: React.ReactEventHandler<HTMLElement>; | ||
| onPlayCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onPlaying?: React.ReactEventHandler<HTMLElement>; | ||
| onPlayingCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onProgress?: React.ReactEventHandler<HTMLElement>; | ||
| onProgressCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onRateChange?: React.ReactEventHandler<HTMLElement>; | ||
| onRateChangeCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onSeeked?: React.ReactEventHandler<HTMLElement>; | ||
| onSeekedCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onSeeking?: React.ReactEventHandler<HTMLElement>; | ||
| onSeekingCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onStalled?: React.ReactEventHandler<HTMLElement>; | ||
| onStalledCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onSuspend?: React.ReactEventHandler<HTMLElement>; | ||
| onSuspendCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onTimeUpdate?: React.ReactEventHandler<HTMLElement>; | ||
| onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onVolumeChange?: React.ReactEventHandler<HTMLElement>; | ||
| onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onWaiting?: React.ReactEventHandler<HTMLElement>; | ||
| onWaitingCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onAuxClick?: React.MouseEventHandler<HTMLElement>; | ||
| onAuxClickCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onClick?: React.MouseEventHandler<HTMLElement>; | ||
| onClickCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onContextMenu?: React.MouseEventHandler<HTMLElement>; | ||
| onContextMenuCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onDoubleClick?: React.MouseEventHandler<HTMLElement>; | ||
| onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onDrag?: React.DragEventHandler<HTMLElement>; | ||
| onDragCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragEnd?: React.DragEventHandler<HTMLElement>; | ||
| onDragEndCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragEnter?: React.DragEventHandler<HTMLElement>; | ||
| onDragEnterCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragExit?: React.DragEventHandler<HTMLElement>; | ||
| onDragExitCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragLeave?: React.DragEventHandler<HTMLElement>; | ||
| onDragLeaveCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragOver?: React.DragEventHandler<HTMLElement>; | ||
| onDragOverCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDragStart?: React.DragEventHandler<HTMLElement>; | ||
| onDragStartCapture?: React.DragEventHandler<HTMLElement>; | ||
| onDrop?: React.DragEventHandler<HTMLElement>; | ||
| onDropCapture?: React.DragEventHandler<HTMLElement>; | ||
| onMouseDown?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseDownCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseEnter?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseLeave?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseMove?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseOut?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseOutCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseOver?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseOverCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseUp?: React.MouseEventHandler<HTMLElement>; | ||
| onMouseUpCapture?: React.MouseEventHandler<HTMLElement>; | ||
| onSelect?: React.ReactEventHandler<HTMLElement>; | ||
| onSelectCapture?: React.ReactEventHandler<HTMLElement>; | ||
| onTouchCancel?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchEnd?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchEndCapture?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchMove?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchStart?: React.TouchEventHandler<HTMLElement>; | ||
| onTouchStartCapture?: React.TouchEventHandler<HTMLElement>; | ||
| onPointerDown?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerDownCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerMove?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerUp?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerUpCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerCancel?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerEnter?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerLeave?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerOver?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerOverCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerOut?: React.PointerEventHandler<HTMLElement>; | ||
| onPointerOutCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onGotPointerCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onLostPointerCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>; | ||
| onScroll?: React.UIEventHandler<HTMLElement>; | ||
| onScrollCapture?: React.UIEventHandler<HTMLElement>; | ||
| onWheel?: React.WheelEventHandler<HTMLElement>; | ||
| onWheelCapture?: React.WheelEventHandler<HTMLElement>; | ||
| onAnimationStart?: React.AnimationEventHandler<HTMLElement>; | ||
| onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>; | ||
| onAnimationEnd?: React.AnimationEventHandler<HTMLElement>; | ||
| onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>; | ||
| onAnimationIteration?: React.AnimationEventHandler<HTMLElement>; | ||
| onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>; | ||
| onTransitionEnd?: React.TransitionEventHandler<HTMLElement>; | ||
| onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>; | ||
| ref?: React.LegacyRef<HTMLElement>; | ||
| key?: React.Key; | ||
| }, HTMLElement>; | ||
| type CompoundPopover = typeof _Popover1 & { | ||
@@ -86,0 +450,0 @@ Content: typeof PopoverContent; |
| { | ||
| "name": "@contentful/f36-popover", | ||
| "version": "4.0.1-next-v4-8986.2402+ae40f76b", | ||
| "version": "4.0.1-next-v4-9019.2404+c3d467c8", | ||
| "description": "Forma 36: Popover component", | ||
@@ -10,5 +10,5 @@ "scripts": { | ||
| "@babel/runtime": "^7.6.2", | ||
| "@contentful/f36-core": "4.0.1-next-v4-8986.2402+ae40f76b", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-8986.2402+ae40f76b", | ||
| "@contentful/f36-utils": "4.0.1-next-v4-8986.2402+ae40f76b", | ||
| "@contentful/f36-core": "4.0.1-next-v4-9019.2404+c3d467c8", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-9019.2404+c3d467c8", | ||
| "@contentful/f36-utils": "4.0.1-next-v4-9019.2404+c3d467c8", | ||
| "@popperjs/core": "^2.4.4", | ||
@@ -39,3 +39,3 @@ "emotion": "^10.0.17", | ||
| }, | ||
| "gitHead": "ae40f76bfdb7cb5ea9d8d861b240c81e4ebdc22e" | ||
| "gitHead": "c3d467c8a8eb69d3a772f83aa054cb3873ba0ce9" | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskThis 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
LicenseThis 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 riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by29.46%
72323
- Lines of code
- increased by81.57%
808