@contentful/f36-popover
Advanced tools
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
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
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
72323
808