@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build/popover/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_reactDom","_framerMotion","_element","_compose","_icons","_deprecated","_primitives","_i18n","_button","_scrollLock","_slotFill","_utils","_context","_overlayMiddlewares","_styleProvider","_jsxRuntime","SLOT_NAME","exports","OVERFLOW_PADDING","ArrowTriangle","jsxs","SVG","xmlns","viewBox","className","role","children","jsx","Path","d","vectorEffect","slotNameContext","createContext","undefined","displayName","fallbackContainerClassname","getPopoverFallbackContainer","container","document","body","querySelector","createElement","append","UnforwardedPopover","props","forwardedRef","animate","headerTitle","constrainTabbing","onClose","noArrow","position","placement","placementProp","offset","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","flip","resize","shift","inline","variant","style","contentStyle","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","useContextSystem","computedFlipProp","computedResizeProp","deprecated","since","version","alternative","computedVariant","arrowRef","useRef","fallbackReferenceElement","setFallbackReferenceElement","useState","anchorRefFallback","useCallback","node","isMobileViewport","useViewportMatch","isExpanded","hasArrow","normalizedPlacementFromProps","positionToPlacement","middleware","overlayMiddlewares","offsetMiddleware","flipMiddleware","size","padding","apply","sizeProps","_refs$floating$curren","firstElementChild","refs","floating","current","HTMLElement","Object","assign","maxHeight","Math","max","availableHeight","overflow","shiftMiddleware","crossAxis","limiter","limitShift","arrow","element","slotName","useContext","slot","useSlot","onDialogClose","type","event","dialogRef","dialogProps","useDialog","__unstableOnClose","x","y","strategy","update","computedPlacement","middlewareData","arrowData","useFloating","whileElementsMounted","referenceParam","floatingParam","updateParam","autoUpdate","layoutShift","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","useLayoutEffect","resultingReferenceElement","getReferenceElement","setReference","mergedFloatingRef","useMergeRefs","setFloating","left","computePopoverPosition","shouldReduceMotion","useReducedMotion","shouldAnimate","animationFinished","setAnimationFinished","motionInlineStyles","otherMotionProps","useMemo","placementToMotionAnimationProps","animationProps","onAnimationComplete","isPositioned","content","motion","div","clsx","ref","tabIndex","default","icon","close","onClick","label","__","split","join","Number","isFinite","shouldRenderWithinSlot","hasAnchor","Fill","name","createPortal","StyleProvider","Fragment","PopoverSlot","forwardRef","Slot","bubblesVirtually","Popover","contextConnect","__unstableSlotNameProvider","Provider","_default"],"sources":["@wordpress/components/src/popover/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, SyntheticEvent, RefCallback } from 'react';\nimport clsx from 'clsx';\nimport {\n\tuseFloating,\n\tflip as flipMiddleware,\n\tshift as shiftMiddleware,\n\tlimitShift,\n\tautoUpdate,\n\tarrow,\n\toffset as offsetMiddleware,\n\tsize,\n} from '@floating-ui/react-dom';\nimport type { HTMLMotionProps, MotionProps } from 'framer-motion';\nimport { motion } from 'framer-motion';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tcreatePortal,\n} from '@wordpress/element';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseMergeRefs,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport {\n\tcomputePopoverPosition,\n\tpositionToPlacement,\n\tplacementToMotionAnimationProps,\n\tgetReferenceElement,\n} from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tPopoverProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n\tPopoverSlotProps,\n} from './types';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nexport const SLOT_NAME = 'Popover';\n\n/**\n * Virtual padding to account for overflow boundaries.\n *\n * @type {number}\n */\nconst OVERFLOW_PADDING = 8;\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tviewBox=\"0 0 100 100\"\n\t\tclassName=\"components-popover__triangle\"\n\t\trole=\"presentation\"\n\t>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-bg\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t/>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-border\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t/>\n\t</SVG>\n);\n\nconst slotNameContext = createContext< string | undefined >( undefined );\nslotNameContext.displayName = '__unstableSlotNameContext';\n\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n\tlet container = document.body.querySelector(\n\t\t'.' + fallbackContainerClassname\n\t);\n\tif ( ! container ) {\n\t\tcontainer = document.createElement( 'div' );\n\t\tcontainer.className = fallbackContainerClassname;\n\t\tdocument.body.append( container );\n\t}\n\n\treturn container;\n};\n\nconst UnforwardedPopover = (\n\tprops: Omit<\n\t\tWordPressComponentProps< PopoverProps, 'div', false >,\n\t\t// To avoid overlaps between the standard HTML attributes and the props\n\t\t// expected by `framer-motion`, omit all framer motion props from popover\n\t\t// props (except for `animate` and `children` which are re-defined in\n\t\t// `PopoverProps`, and `style` which is merged safely).\n\t\tkeyof Omit< MotionProps, 'animate' | 'children' | 'style' >\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tanimate = true,\n\t\theaderTitle,\n\t\tconstrainTabbing,\n\t\tonClose,\n\t\tchildren,\n\t\tclassName,\n\t\tnoArrow = true,\n\t\tposition,\n\t\tplacement: placementProp = 'bottom-start',\n\t\toffset: offsetProp = 0,\n\t\tfocusOnMount = 'firstElement',\n\t\tanchor,\n\t\texpandOnMobile,\n\t\tonFocusOutside,\n\t\t__unstableSlotName = SLOT_NAME,\n\t\tflip = true,\n\t\tresize = true,\n\t\tshift = false,\n\t\tinline = false,\n\t\tvariant,\n\t\tstyle: contentStyle,\n\n\t\t// Deprecated props\n\t\t__unstableForcePosition,\n\t\tanchorRef,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tisAlternate,\n\n\t\t// Rest\n\t\t...contentProps\n\t} = useContextSystem( props, 'Popover' );\n\n\tlet computedFlipProp = flip;\n\tlet computedResizeProp = resize;\n\tif ( __unstableForcePosition !== undefined ) {\n\t\tdeprecated( '`__unstableForcePosition` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: '`flip={ false }` and  `resize={ false }`',\n\t\t} );\n\n\t\t// Back-compat, set the `flip` and `resize` props\n\t\t// to `false` to replicate `__unstableForcePosition`.\n\t\tcomputedFlipProp = ! __unstableForcePosition;\n\t\tcomputedResizeProp = ! __unstableForcePosition;\n\t}\n\n\tif ( anchorRef !== undefined ) {\n\t\tdeprecated( '`anchorRef` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( anchorRect !== undefined ) {\n\t\tdeprecated( '`anchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( getAnchorRect !== undefined ) {\n\t\tdeprecated( '`getAnchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tconst computedVariant = isAlternate ? 'toolbar' : variant;\n\tif ( isAlternate !== undefined ) {\n\t\tdeprecated( '`isAlternate` prop in wp.components.Popover', {\n\t\t\tsince: '6.2',\n\t\t\talternative: \"`variant` prop with the `'toolbar'` value\",\n\t\t} );\n\t}\n\n\tconst arrowRef = useRef< HTMLElement | null >( null );\n\n\tconst [ fallbackReferenceElement, setFallbackReferenceElement ] =\n\t\tuseState< HTMLSpanElement | null >( null );\n\n\tconst anchorRefFallback: RefCallback< HTMLSpanElement > = useCallback(\n\t\t( node ) => {\n\t\t\tsetFallbackReferenceElement( node );\n\t\t},\n\t\t[]\n\t);\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isExpanded = expandOnMobile && isMobileViewport;\n\tconst hasArrow = ! isExpanded && ! noArrow;\n\tconst normalizedPlacementFromProps = position\n\t\t? positionToPlacement( position )\n\t\t: placementProp;\n\n\tconst middleware = [\n\t\t...( placementProp === 'overlay' ? overlayMiddlewares() : [] ),\n\t\toffsetMiddleware( offsetProp ),\n\t\tcomputedFlipProp && flipMiddleware(),\n\t\tcomputedResizeProp &&\n\t\t\tsize( {\n\t\t\t\tpadding: OVERFLOW_PADDING,\n\t\t\t\tapply( sizeProps ) {\n\t\t\t\t\tconst { firstElementChild } = refs.floating.current ?? {};\n\n\t\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\t\tmaxHeight: `${ Math.max(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\tsizeProps.availableHeight\n\t\t\t\t\t\t) }px`,\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t} ),\n\t\tshift &&\n\t\t\tshiftMiddleware( {\n\t\t\t\tcrossAxis: true,\n\t\t\t\tlimiter: limitShift(),\n\t\t\t\tpadding: 1, // Necessary to avoid flickering at the edge of the viewport.\n\t\t\t} ),\n\t\tarrow( { element: arrowRef } ),\n\t];\n\tconst slotName = useContext( slotNameContext ) || __unstableSlotName;\n\tconst slot = useSlot( slotName );\n\n\tlet onDialogClose;\n\n\tif ( onClose || onFocusOutside ) {\n\t\tonDialogClose = ( type: string | undefined, event: SyntheticEvent ) => {\n\t\t\t// Ideally the popover should have just a single onClose prop and\n\t\t\t// not three props that potentially do the same thing.\n\t\t\tif ( type === 'focus-outside' && onFocusOutside ) {\n\t\t\t\tonFocusOutside( event );\n\t\t\t} else if ( onClose ) {\n\t\t\t\tonClose();\n\t\t\t}\n\t\t};\n\t}\n\n\tconst [ dialogRef, dialogProps ] = useDialog( {\n\t\tconstrainTabbing,\n\t\tfocusOnMount,\n\t\t__unstableOnClose: onDialogClose,\n\t\t// @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n\t\tonClose: onDialogClose,\n\t} );\n\n\tconst {\n\t\t// Positioning coordinates\n\t\tx,\n\t\ty,\n\t\t// Object with \"regular\" refs to both \"reference\" and \"floating\"\n\t\trefs,\n\t\t// Type of CSS position property to use (absolute or fixed)\n\t\tstrategy,\n\t\tupdate,\n\t\tplacement: computedPlacement,\n\t\tmiddlewareData: { arrow: arrowData },\n\t} = useFloating( {\n\t\tplacement:\n\t\t\tnormalizedPlacementFromProps === 'overlay'\n\t\t\t\t? undefined\n\t\t\t\t: normalizedPlacementFromProps,\n\t\tmiddleware,\n\t\twhileElementsMounted: ( referenceParam, floatingParam, updateParam ) =>\n\t\t\tautoUpdate( referenceParam, floatingParam, updateParam, {\n\t\t\t\tlayoutShift: false,\n\t\t\t\tanimationFrame: true,\n\t\t\t} ),\n\t} );\n\n\tconst arrowCallbackRef = useCallback(\n\t\t( node: HTMLElement | null ) => {\n\t\t\tarrowRef.current = node;\n\t\t\tupdate();\n\t\t},\n\t\t[ update ]\n\t);\n\n\t// When any of the possible anchor \"sources\" change,\n\t// recompute the reference element (real or virtual) and its owner document.\n\n\tconst anchorRefTop = ( anchorRef as PopoverAnchorRefTopBottom | undefined )\n\t\t?.top;\n\tconst anchorRefBottom = (\n\t\tanchorRef as PopoverAnchorRefTopBottom | undefined\n\t )?.bottom;\n\tconst anchorRefStartContainer = ( anchorRef as Range | undefined )\n\t\t?.startContainer;\n\tconst anchorRefCurrent = ( anchorRef as PopoverAnchorRefReference )\n\t\t?.current;\n\n\tuseLayoutEffect( () => {\n\t\tconst resultingReferenceElement = getReferenceElement( {\n\t\t\tanchor,\n\t\t\tanchorRef,\n\t\t\tanchorRect,\n\t\t\tgetAnchorRect,\n\t\t\tfallbackReferenceElement,\n\t\t} );\n\n\t\trefs.setReference( resultingReferenceElement );\n\t}, [\n\t\tanchor,\n\t\tanchorRef,\n\t\tanchorRefTop,\n\t\tanchorRefBottom,\n\t\tanchorRefStartContainer,\n\t\tanchorRefCurrent,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tfallbackReferenceElement,\n\t\trefs,\n\t] );\n\n\tconst mergedFloatingRef = useMergeRefs( [\n\t\trefs.setFloating,\n\t\tdialogRef,\n\t\tforwardedRef,\n\t] );\n\n\tconst style = isExpanded\n\t\t? undefined\n\t\t: {\n\t\t\t\tposition: strategy,\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\t// `x` and `y` are framer-motion specific props and are shorthands\n\t\t\t\t// for `translateX` and `translateY`. Currently it is not possible\n\t\t\t\t// to use `translateX` and `translateY` because those values would\n\t\t\t\t// be overridden by the return value of the\n\t\t\t\t// `placementToMotionAnimationProps` function.\n\t\t\t\tx: computePopoverPosition( x ),\n\t\t\t\ty: computePopoverPosition( y ),\n\t\t  };\n\n\tconst shouldReduceMotion = useReducedMotion();\n\tconst shouldAnimate = animate && ! isExpanded && ! shouldReduceMotion;\n\n\tconst [ animationFinished, setAnimationFinished ] = useState( false );\n\n\tconst { style: motionInlineStyles, ...otherMotionProps } = useMemo(\n\t\t() => placementToMotionAnimationProps( computedPlacement ),\n\t\t[ computedPlacement ]\n\t);\n\n\tconst animationProps: HTMLMotionProps< 'div' > = shouldAnimate\n\t\t? {\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...motionInlineStyles,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t\t\tonAnimationComplete: () => setAnimationFinished( true ),\n\t\t\t\t...otherMotionProps,\n\t\t  }\n\t\t: {\n\t\t\t\tanimate: false,\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t  };\n\n\t// When Floating UI has finished positioning and Framer Motion has finished animating\n\t// the popover, add the `is-positioned` class to signal that all transitions have finished.\n\tconst isPositioned =\n\t\t( ! shouldAnimate || animationFinished ) && x !== null && y !== null;\n\n\tlet content = (\n\t\t<motion.div\n\t\t\tclassName={ clsx( className, {\n\t\t\t\t'is-expanded': isExpanded,\n\t\t\t\t'is-positioned': isPositioned,\n\t\t\t\t// Use the 'alternate' classname for 'toolbar' variant for back compat.\n\t\t\t\t[ `is-${\n\t\t\t\t\tcomputedVariant === 'toolbar'\n\t\t\t\t\t\t? 'alternate'\n\t\t\t\t\t\t: computedVariant\n\t\t\t\t}` ]: computedVariant,\n\t\t\t} ) }\n\t\t\t{ ...animationProps }\n\t\t\t{ ...contentProps }\n\t\t\tref={ mergedFloatingRef }\n\t\t\t{ ...dialogProps }\n\t\t\ttabIndex={ -1 }\n\t\t>\n\t\t\t{ /* Prevents scroll on the document */ }\n\t\t\t{ isExpanded && <ScrollLock /> }\n\t\t\t{ isExpanded && (\n\t\t\t\t<div className=\"components-popover__header\">\n\t\t\t\t\t<span className=\"components-popover__header-title\">\n\t\t\t\t\t\t{ headerTitle }\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"components-popover__close\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div className=\"components-popover__content\">{ children }</div>\n\t\t\t{ hasArrow && (\n\t\t\t\t<div\n\t\t\t\t\tref={ arrowCallbackRef }\n\t\t\t\t\tclassName={ [\n\t\t\t\t\t\t'components-popover__arrow',\n\t\t\t\t\t\t`is-${ computedPlacement.split( '-' )[ 0 ] }`,\n\t\t\t\t\t].join( ' ' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tleft:\n\t\t\t\t\t\t\ttypeof arrowData?.x !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.x )\n\t\t\t\t\t\t\t\t? `${ arrowData.x }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\ttop:\n\t\t\t\t\t\t\ttypeof arrowData?.y !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.y )\n\t\t\t\t\t\t\t\t? `${ arrowData.y }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<ArrowTriangle />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</motion.div>\n\t);\n\n\tconst shouldRenderWithinSlot = slot.ref && ! inline;\n\tconst hasAnchor = anchorRef || anchorRect || anchor;\n\n\tif ( shouldRenderWithinSlot ) {\n\t\tcontent = <Fill name={ slotName }>{ content }</Fill>;\n\t} else if ( ! inline ) {\n\t\tcontent = createPortal(\n\t\t\t<StyleProvider document={ document }>{ content }</StyleProvider>,\n\t\t\tgetPopoverFallbackContainer()\n\t\t);\n\t}\n\n\tif ( hasAnchor ) {\n\t\treturn content;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={ anchorRefFallback } />\n\t\t\t{ content }\n\t\t</>\n\t);\n};\n\n// Export the PopoverSlot individually to allow typescript to pick the types up.\nexport const PopoverSlot = forwardRef< HTMLDivElement, PopoverSlotProps >(\n\t( { name = SLOT_NAME }, ref ) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\tbubblesVirtually\n\t\t\t\tname={ name }\n\t\t\t\tclassName=\"popover-slot\"\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t}\n);\n\n/**\n * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n *\n * ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n *\n */\nexport const Popover = Object.assign(\n\tcontextConnect( UnforwardedPopover, 'Popover' ),\n\t{\n\t\t/**\n\t\t * Renders a slot that is used internally by Popover for rendering content.\n\t\t */\n\t\tSlot: Object.assign( PopoverSlot, {\n\t\t\tdisplayName: 'Popover.Slot',\n\t\t} ),\n\t\t/**\n\t\t * Provides a context to manage popover slot names.\n\t\t *\n\t\t * This is marked as unstable and should not be used directly.\n\t\t */\n\t\t__unstableSlotNameProvider: Object.assign( slotNameContext.Provider, {\n\t\t\tdisplayName: 'Popover.__unstableSlotNameProvider',\n\t\t} ),\n\t}\n);\n\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/popover/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\nimport { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from '@floating-ui/react-dom';\nimport { motion } from 'framer-motion';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect, forwardRef, createContext, useContext, useMemo, useState, useCallback, createPortal } from '@wordpress/element';\nimport { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nexport const SLOT_NAME = 'Popover';\n\n/**\n * Virtual padding to account for overflow boundaries.\n *\n * @type {number}\n */\nconst OVERFLOW_PADDING = 8;\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => /*#__PURE__*/_jsxs(SVG, {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 100 100\",\n  className: \"components-popover__triangle\",\n  role: \"presentation\",\n  children: [/*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-bg\",\n    d: \"M 0 0 L 50 50 L 100 0\"\n  }), /*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-border\",\n    d: \"M 0 0 L 50 50 L 100 0\",\n    vectorEffect: \"non-scaling-stroke\"\n  })]\n});\nconst slotNameContext = createContext(undefined);\nslotNameContext.displayName = '__unstableSlotNameContext';\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n  let container = document.body.querySelector('.' + fallbackContainerClassname);\n  if (!container) {\n    container = document.createElement('div');\n    container.className = fallbackContainerClassname;\n    document.body.append(container);\n  }\n  return container;\n};\nconst UnforwardedPopover = (props, forwardedRef) => {\n  const {\n    animate = true,\n    headerTitle,\n    constrainTabbing,\n    onClose,\n    children,\n    className,\n    noArrow = true,\n    position,\n    placement: placementProp = 'bottom-start',\n    offset: offsetProp = 0,\n    focusOnMount = 'firstElement',\n    anchor,\n    expandOnMobile,\n    onFocusOutside,\n    __unstableSlotName = SLOT_NAME,\n    flip = true,\n    resize = true,\n    shift = false,\n    inline = false,\n    variant,\n    style: contentStyle,\n    // Deprecated props\n    __unstableForcePosition,\n    anchorRef,\n    anchorRect,\n    getAnchorRect,\n    isAlternate,\n    // Rest\n    ...contentProps\n  } = useContextSystem(props, 'Popover');\n  let computedFlipProp = flip;\n  let computedResizeProp = resize;\n  if (__unstableForcePosition !== undefined) {\n    deprecated('`__unstableForcePosition` prop in wp.components.Popover', {\n      since: '6.1',\n      version: '6.3',\n      alternative: '`flip={ false }` and  `resize={ false }`'\n    });\n\n    // Back-compat, set the `flip` and `resize` props\n    // to `false` to replicate `__unstableForcePosition`.\n    computedFlipProp = !__unstableForcePosition;\n    computedResizeProp = !__unstableForcePosition;\n  }\n  if (anchorRef !== undefined) {\n    deprecated('`anchorRef` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (anchorRect !== undefined) {\n    deprecated('`anchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (getAnchorRect !== undefined) {\n    deprecated('`getAnchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  const computedVariant = isAlternate ? 'toolbar' : variant;\n  if (isAlternate !== undefined) {\n    deprecated('`isAlternate` prop in wp.components.Popover', {\n      since: '6.2',\n      alternative: \"`variant` prop with the `'toolbar'` value\"\n    });\n  }\n  const arrowRef = useRef(null);\n  const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);\n  const anchorRefFallback = useCallback(node => {\n    setFallbackReferenceElement(node);\n  }, []);\n  const isMobileViewport = useViewportMatch('medium', '<');\n  const isExpanded = expandOnMobile && isMobileViewport;\n  const hasArrow = !isExpanded && !noArrow;\n  const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;\n  const middleware = [...(placementProp === 'overlay' ? overlayMiddlewares() : []), offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({\n    padding: OVERFLOW_PADDING,\n    apply(sizeProps) {\n      var _refs$floating$curren;\n      const {\n        firstElementChild\n      } = (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 ? _refs$floating$curren : {};\n\n      // Only HTMLElement instances have the `style` property.\n      if (!(firstElementChild instanceof HTMLElement)) {\n        return;\n      }\n\n      // Reduce the height of the popover to the available space.\n      Object.assign(firstElementChild.style, {\n        maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,\n        overflow: 'auto'\n      });\n    }\n  }), shift && shiftMiddleware({\n    crossAxis: true,\n    limiter: limitShift(),\n    padding: 1 // Necessary to avoid flickering at the edge of the viewport.\n  }), arrow({\n    element: arrowRef\n  })];\n  const slotName = useContext(slotNameContext) || __unstableSlotName;\n  const slot = useSlot(slotName);\n  let onDialogClose;\n  if (onClose || onFocusOutside) {\n    onDialogClose = (type, event) => {\n      // Ideally the popover should have just a single onClose prop and\n      // not three props that potentially do the same thing.\n      if (type === 'focus-outside' && onFocusOutside) {\n        onFocusOutside(event);\n      } else if (onClose) {\n        onClose();\n      }\n    };\n  }\n  const [dialogRef, dialogProps] = useDialog({\n    constrainTabbing,\n    focusOnMount,\n    __unstableOnClose: onDialogClose,\n    // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n    onClose: onDialogClose\n  });\n  const {\n    // Positioning coordinates\n    x,\n    y,\n    // Object with \"regular\" refs to both \"reference\" and \"floating\"\n    refs,\n    // Type of CSS position property to use (absolute or fixed)\n    strategy,\n    update,\n    placement: computedPlacement,\n    middlewareData: {\n      arrow: arrowData\n    }\n  } = useFloating({\n    placement: normalizedPlacementFromProps === 'overlay' ? undefined : normalizedPlacementFromProps,\n    middleware,\n    whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {\n      layoutShift: false,\n      animationFrame: true\n    })\n  });\n  const arrowCallbackRef = useCallback(node => {\n    arrowRef.current = node;\n    update();\n  }, [update]);\n\n  // When any of the possible anchor \"sources\" change,\n  // recompute the reference element (real or virtual) and its owner document.\n\n  const anchorRefTop = anchorRef?.top;\n  const anchorRefBottom = anchorRef?.bottom;\n  const anchorRefStartContainer = anchorRef?.startContainer;\n  const anchorRefCurrent = anchorRef?.current;\n  useLayoutEffect(() => {\n    const resultingReferenceElement = getReferenceElement({\n      anchor,\n      anchorRef,\n      anchorRect,\n      getAnchorRect,\n      fallbackReferenceElement\n    });\n    refs.setReference(resultingReferenceElement);\n  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);\n  const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);\n  const style = isExpanded ? undefined : {\n    position: strategy,\n    top: 0,\n    left: 0,\n    // `x` and `y` are framer-motion specific props and are shorthands\n    // for `translateX` and `translateY`. Currently it is not possible\n    // to use `translateX` and `translateY` because those values would\n    // be overridden by the return value of the\n    // `placementToMotionAnimationProps` function.\n    x: computePopoverPosition(x),\n    y: computePopoverPosition(y)\n  };\n  const shouldReduceMotion = useReducedMotion();\n  const shouldAnimate = animate && !isExpanded && !shouldReduceMotion;\n  const [animationFinished, setAnimationFinished] = useState(false);\n  const {\n    style: motionInlineStyles,\n    ...otherMotionProps\n  } = useMemo(() => placementToMotionAnimationProps(computedPlacement), [computedPlacement]);\n  const animationProps = shouldAnimate ? {\n    style: {\n      ...contentStyle,\n      ...motionInlineStyles,\n      ...style\n    },\n    onAnimationComplete: () => setAnimationFinished(true),\n    ...otherMotionProps\n  } : {\n    animate: false,\n    style: {\n      ...contentStyle,\n      ...style\n    }\n  };\n\n  // When Floating UI has finished positioning and Framer Motion has finished animating\n  // the popover, add the `is-positioned` class to signal that all transitions have finished.\n  const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;\n  let content = /*#__PURE__*/_jsxs(motion.div, {\n    className: clsx(className, {\n      'is-expanded': isExpanded,\n      'is-positioned': isPositioned,\n      // Use the 'alternate' classname for 'toolbar' variant for back compat.\n      [`is-${computedVariant === 'toolbar' ? 'alternate' : computedVariant}`]: computedVariant\n    }),\n    ...animationProps,\n    ...contentProps,\n    ref: mergedFloatingRef,\n    ...dialogProps,\n    tabIndex: -1,\n    children: [isExpanded && /*#__PURE__*/_jsx(ScrollLock, {}), isExpanded && /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-popover__header\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-popover__header-title\",\n        children: headerTitle\n      }), /*#__PURE__*/_jsx(Button, {\n        className: \"components-popover__close\",\n        size: \"small\",\n        icon: close,\n        onClick: onClose,\n        label: __('Close')\n      })]\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-popover__content\",\n      children: children\n    }), hasArrow && /*#__PURE__*/_jsx(\"div\", {\n      ref: arrowCallbackRef,\n      className: ['components-popover__arrow', `is-${computedPlacement.split('-')[0]}`].join(' '),\n      style: {\n        left: typeof arrowData?.x !== 'undefined' && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : '',\n        top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ''\n      },\n      children: /*#__PURE__*/_jsx(ArrowTriangle, {})\n    })]\n  });\n  const shouldRenderWithinSlot = slot.ref && !inline;\n  const hasAnchor = anchorRef || anchorRect || anchor;\n  if (shouldRenderWithinSlot) {\n    content = /*#__PURE__*/_jsx(Fill, {\n      name: slotName,\n      children: content\n    });\n  } else if (!inline) {\n    content = createPortal(/*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: content\n    }), getPopoverFallbackContainer());\n  }\n  if (hasAnchor) {\n    return content;\n  }\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      ref: anchorRefFallback\n    }), content]\n  });\n};\n\n// Export the PopoverSlot individually to allow typescript to pick the types up.\nexport const PopoverSlot = forwardRef(({\n  name = SLOT_NAME\n}, ref) => {\n  return /*#__PURE__*/_jsx(Slot, {\n    bubblesVirtually: true,\n    name: name,\n    className: \"popover-slot\",\n    ref: ref\n  });\n});\n\n/**\n * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n *\n * ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n *\n */\nexport const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover'), {\n  /**\n   * Renders a slot that is used internally by Popover for rendering content.\n   */\n  Slot: Object.assign(PopoverSlot, {\n    displayName: 'Popover.Slot'\n  }),\n  /**\n   * Provides a context to manage popover slot names.\n   *\n   * This is marked as unstable and should not be used directly.\n   */\n  __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {\n    displayName: 'Popover.__unstableSlotNameProvider'\n  })\n});\nexport default Popover;"],
+  "mappings": "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",
+  "names": ["_jsxs", "_jsx", "deprecated", "offsetMiddleware", "flipMiddleware", "shiftMiddleware", "useDialog", "clsx", "ScrollLock", "Button", "_Fragment"]
+}

package/build/popover/overlay-middlewares.js

@@ -1,23 +1,36 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var overlay_middlewares_exports = {};
+__export(overlay_middlewares_exports, {
+  overlayMiddlewares: () => overlayMiddlewares
 });
-exports.overlayMiddlewares = overlayMiddlewares;
-var _reactDom = require("@floating-ui/react-dom");
-/**
- * External dependencies
- */
-
+module.exports = __toCommonJS(overlay_middlewares_exports);
+var import_react_dom = require("@floating-ui/react-dom");
 function overlayMiddlewares() {
   return [{
-    name: 'overlay',
+    name: "overlay",
     fn({
       rects
     }) {
       return rects.reference;
     }
-  }, (0, _reactDom.size)({
+  }, (0, import_react_dom.size)({
     apply({
       rects,
       elements
@@ -26,13 +39,9 @@ function overlayMiddlewares() {
       const {
         firstElementChild
       } = (_elements$floating = elements.floating) !== null && _elements$floating !== void 0 ? _elements$floating : {};
-
-      // Only HTMLElement instances have the `style` property.
       if (!(firstElementChild instanceof HTMLElement)) {
         return;
       }
-
-      // Reduce the height of the popover to the available space.
       Object.assign(firstElementChild.style, {
         width: `${rects.reference.width}px`,
         height: `${rects.reference.height}px`
@@ -40,4 +49,8 @@ function overlayMiddlewares() {
     }
   })];
 }
-//# sourceMappingURL=overlay-middlewares.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  overlayMiddlewares
+});
+//# sourceMappingURL=overlay-middlewares.js.map

package/build/popover/overlay-middlewares.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_reactDom","require","overlayMiddlewares","name","fn","rects","reference","size","apply","elements","_elements$floating","firstElementChild","floating","HTMLElement","Object","assign","style","width","height"],"sources":["@wordpress/components/src/popover/overlay-middlewares.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MiddlewareState } from '@floating-ui/react-dom';\nimport { size } from '@floating-ui/react-dom';\n\nexport function overlayMiddlewares() {\n\treturn [\n\t\t{\n\t\t\tname: 'overlay',\n\t\t\tfn( { rects }: MiddlewareState ) {\n\t\t\t\treturn rects.reference;\n\t\t\t},\n\t\t},\n\t\tsize( {\n\t\t\tapply( { rects, elements } ) {\n\t\t\t\tconst { firstElementChild } = elements.floating ?? {};\n\n\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\twidth: `${ rects.reference.width }px`,\n\t\t\t\t\theight: `${ rects.reference.height }px`,\n\t\t\t\t} );\n\t\t\t},\n\t\t} ),\n\t];\n}\n"],"mappings":";;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIO,SAASC,kBAAkBA,CAAA,EAAG;EACpC,OAAO,CACN;IACCC,IAAI,EAAE,SAAS;IACfC,EAAEA,CAAE;MAAEC;IAAuB,CAAC,EAAG;MAChC,OAAOA,KAAK,CAACC,SAAS;IACvB;EACD,CAAC,EACD,IAAAC,cAAI,EAAE;IACLC,KAAKA,CAAE;MAAEH,KAAK;MAAEI;IAAS,CAAC,EAAG;MAAA,IAAAC,kBAAA;MAC5B,MAAM;QAAEC;MAAkB,CAAC,IAAAD,kBAAA,GAAGD,QAAQ,CAACG,QAAQ,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC,CAAC;;MAErD;MACA,IAAK,EAAIC,iBAAiB,YAAYE,WAAW,CAAE,EAAG;QACrD;MACD;;MAEA;MACAC,MAAM,CAACC,MAAM,CAAEJ,iBAAiB,CAACK,KAAK,EAAE;QACvCC,KAAK,EAAE,GAAIZ,KAAK,CAACC,SAAS,CAACW,KAAK,IAAK;QACrCC,MAAM,EAAE,GAAIb,KAAK,CAACC,SAAS,CAACY,MAAM;MACnC,CAAE,CAAC;IACJ;EACD,CAAE,CAAC,CACH;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/popover/overlay-middlewares.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport { size } from '@floating-ui/react-dom';\nexport function overlayMiddlewares() {\n  return [{\n    name: 'overlay',\n    fn({\n      rects\n    }) {\n      return rects.reference;\n    }\n  }, size({\n    apply({\n      rects,\n      elements\n    }) {\n      var _elements$floating;\n      const {\n        firstElementChild\n      } = (_elements$floating = elements.floating) !== null && _elements$floating !== void 0 ? _elements$floating : {};\n\n      // Only HTMLElement instances have the `style` property.\n      if (!(firstElementChild instanceof HTMLElement)) {\n        return;\n      }\n\n      // Reduce the height of the popover to the available space.\n      Object.assign(firstElementChild.style, {\n        width: `${rects.reference.width}px`,\n        height: `${rects.reference.height}px`\n      });\n    }\n  })];\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,uBAAqB;AACd,SAAS,qBAAqB;AACnC,SAAO,CAAC;AAAA,IACN,MAAM;AAAA,IACN,GAAG;AAAA,MACD;AAAA,IACF,GAAG;AACD,aAAO,MAAM;AAAA,IACf;AAAA,EACF,OAAG,uBAAK;AAAA,IACN,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,GAAG;AACD,UAAI;AACJ,YAAM;AAAA,QACJ;AAAA,MACF,KAAK,qBAAqB,SAAS,cAAc,QAAQ,uBAAuB,SAAS,qBAAqB,CAAC;AAG/G,UAAI,EAAE,6BAA6B,cAAc;AAC/C;AAAA,MACF;AAGA,aAAO,OAAO,kBAAkB,OAAO;AAAA,QACrC,OAAO,GAAG,MAAM,UAAU,KAAK;AAAA,QAC/B,QAAQ,GAAG,MAAM,UAAU,MAAM;AAAA,MACnC,CAAC;AAAA,IACH;AAAA,EACF,CAAC,CAAC;AACJ;",
+  "names": []
+}

package/build/popover/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/popover/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/popover/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode, MutableRefObject, SyntheticEvent } from 'react';\nimport type { Placement } from '@floating-ui/react-dom';\n\ntype PositionYAxis = 'top' | 'middle' | 'bottom';\ntype PositionXAxis = 'left' | 'center' | 'right';\ntype PositionCorner = 'top' | 'right' | 'bottom' | 'left';\n\ntype DomRectWithOwnerDocument = DOMRect & {\n\townerDocument?: Document;\n};\n\ntype PopoverPlacement = Placement | 'overlay';\n\nexport type PopoverAnchorRefReference = MutableRefObject<\n\tElement | null | undefined\n>;\nexport type PopoverAnchorRefTopBottom = { top: Element; bottom: Element };\n\nexport type VirtualElement = Pick< Element, 'getBoundingClientRect' > & {\n\townerDocument?: Document;\n};\n\nexport type PopoverProps = {\n\t/**\n\t * The name of the Slot in which the popover should be rendered. It should\n\t * be also passed to the corresponding `PopoverSlot` component.\n\t *\n\t * @default 'Popover'\n\t */\n\t__unstableSlotName?: string;\n\t/**\n\t * The element that should be used by the popover as its anchor. It can either\n\t * be an `Element` or, alternatively, a `VirtualElement` — ie. an object with\n\t * the `getBoundingClientRect()` and the `ownerDocument` properties defined.\n\t *\n\t * **The anchor element should be stored in local state** rather than a\n\t * plain React ref to ensure reactive updating when it changes.\n\t */\n\tanchor?: Element | VirtualElement | null;\n\t/**\n\t * Whether the popover should animate when opening.\n\t *\n\t * @default true\n\t */\n\tanimate?: boolean;\n\t/**\n\t * The `children` elements rendered as the popover's content.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Show the popover fullscreen on mobile viewports.\n\t */\n\texpandOnMobile?: boolean;\n\t/**\n\t * Specifies whether the popover should flip across its axis if there isn't\n\t * space for it in the normal placement.\n\t * When the using a 'top' placement, the popover will switch to a 'bottom'\n\t * placement. When using a 'left' placement, the popover will switch to a\n\t * `right' placement.\n\t * The popover will retain its alignment of 'start' or 'end' when flipping.\n\t *\n\t * @default true\n\t */\n\tflip?: boolean;\n\t/**\n\t * Determines whether tabbing is constrained to within the popover,\n\t * preventing keyboard focus from leaving the popover content without\n\t * explicit focus elswhere, or whether the popover remains part of the wider\n\t * tab order. If no value is passed, it will be derived from `focusOnMount`.\n\t *\n\t * @default `focusOnMount` !== false\n\t */\n\tconstrainTabbing?: boolean;\n\t/**\n\t * By default, the _first tabbable element_ in the popover will receive focus\n\t * when it mounts. This is the same as setting this prop to `\"firstElement\"`.\n\t * Specifying a `false` value disables the focus handling entirely (this\n\t * should only be done when an appropriately accessible substitute behavior\n\t * exists).\n\t *\n\t * @default 'firstElement'\n\t */\n\tfocusOnMount?: 'firstElement' | boolean;\n\t/**\n\t * A callback invoked when the focus leaves the opened popover. This should\n\t * only be provided in advanced use-cases when a popover should close under\n\t * specific circumstances (for example, if the new `document.activeElement`\n\t * is content of or otherwise controlling popover visibility).\n\t *\n\t * When not provided, the `onClose` callback will be called instead.\n\t */\n\tonFocusOutside?: ( event: SyntheticEvent ) => void;\n\t/**\n\t * Used to customize the header text shown when the popover is toggled to\n\t * fullscreen on mobile viewports (see the `expandOnMobile` prop).\n\t */\n\theaderTitle?: string;\n\t/**\n\t * Used to show/hide the arrow that points at the popover's anchor.\n\t *\n\t * @default true\n\t */\n\tnoArrow?: boolean;\n\t/**\n\t * The distance (in px) between the anchor and the popover.\n\t */\n\toffset?: number;\n\t/**\n\t * A callback invoked when the popover should be closed.\n\t */\n\tonClose?: () => void;\n\t/**\n\t * Used to specify the popover's position with respect to its anchor.\n\t *\n\t * @default 'bottom-start'\n\t */\n\tplacement?: PopoverPlacement;\n\t/**\n\t * Legacy way to specify the popover's position with respect to its anchor.\n\t * _Note: this prop is deprecated. Use the `placement` prop instead._\n\t */\n\tposition?:\n\t\t| `${ PositionYAxis }`\n\t\t| `${ PositionYAxis } ${ PositionXAxis }`\n\t\t| `${ PositionYAxis } ${ PositionXAxis } ${ PositionCorner }`;\n\t/**\n\t * Adjusts the size of the popover to prevent its contents from going out of\n\t * view when meeting the viewport edges.\n\t * _Note: The `resize` and `shift` props are not intended to be used together.\n\t * Enabling both can cause unexpected behavior._\n\t *\n\t * @default true\n\t */\n\tresize?: boolean;\n\t/**\n\t * Enables the `Popover` to shift in order to stay in view when meeting the\n\t * viewport edges.\n\t * _Note: The `resize` and `shift` props are not intended to be used together.\n\t * Enabling both can cause unexpected behavior._\n\t *\n\t * @default false\n\t */\n\tshift?: boolean;\n\t/**\n\t * Specifies the popover's style.\n\t *\n\t * Leave undefined for the default style. Other values are:\n\t * - 'unstyled':  The popover is essentially without any visible style, it\n\t *                has no background, border, outline or drop shadow, but\n\t *                the popover contents are still displayed.\n\t * - 'toolbar':   A style that has no elevation, but a high contrast with\n\t *                other elements. This is matches the style of the\n\t *                `Toolbar` component.\n\t *\n\t * @default undefined\n\t */\n\tvariant?: 'unstyled' | 'toolbar';\n\t/**\n\t * Whether to render the popover inline or within the slot.\n\t *\n\t * @default false\n\t */\n\tinline?: boolean;\n\t// Deprecated props\n\t/**\n\t * Prevent the popover from flipping and resizing when meeting the viewport\n\t * edges. _Note: this prop is deprecated. Instead, provide use the individual\n\t * `flip` and `resize` props._\n\t *\n\t * @deprecated\n\t */\n\t__unstableForcePosition?: boolean;\n\t/**\n\t * An object extending a `DOMRect` with an additional optional `ownerDocument`\n\t * property, used to specify a fixed popover position.\n\t *\n\t * @deprecated\n\t */\n\tanchorRect?: DomRectWithOwnerDocument;\n\t/**\n\t * Used to specify a fixed popover position. It can be an `Element`, a React\n\t * reference to an `element`, an object with a `top` and a `bottom` properties\n\t * (both pointing to elements), or a `range`.\n\t *\n\t * @deprecated\n\t */\n\tanchorRef?:\n\t\t| Element\n\t\t| PopoverAnchorRefReference\n\t\t| PopoverAnchorRefTopBottom\n\t\t| Range;\n\t/**\n\t * A function returning the same value as the one expected by the `anchorRect`\n\t * prop, used to specify a dynamic popover position.\n\t *\n\t * @deprecated\n\t */\n\tgetAnchorRect?: (\n\t\tfallbackReferenceElement: Element | null\n\t) => DomRectWithOwnerDocument;\n\t/**\n\t * Used to enable a different visual style for the popover.\n\t * _Note: this prop is deprecated. Use the `variant` prop with the\n\t * 'toolbar' value instead._\n\t *\n\t * @deprecated\n\t */\n\tisAlternate?: boolean;\n};\n\nexport type PopoverSlotProps = {\n\t/**\n\t * The name of the Slot in which the popover should be rendered. It should\n\t * be also passed to the corresponding `PopoverSlot` component.\n\t *\n\t * @default 'Popover'\n\t */\n\tname?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/popover/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/popover/utils.js

@@ -1,101 +1,97 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  computePopoverPosition: () => computePopoverPosition,
+  getReferenceElement: () => getReferenceElement,
+  placementToMotionAnimationProps: () => placementToMotionAnimationProps,
+  positionToPlacement: () => positionToPlacement
 });
-exports.positionToPlacement = exports.placementToMotionAnimationProps = exports.getReferenceElement = exports.computePopoverPosition = void 0;
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(utils_exports);
 const POSITION_TO_PLACEMENT = {
-  bottom: 'bottom',
-  top: 'top',
-  'middle left': 'left',
-  'middle right': 'right',
-  'bottom left': 'bottom-end',
-  'bottom center': 'bottom',
-  'bottom right': 'bottom-start',
-  'top left': 'top-end',
-  'top center': 'top',
-  'top right': 'top-start',
-  'middle left left': 'left',
-  'middle left right': 'left',
-  'middle left bottom': 'left-end',
-  'middle left top': 'left-start',
-  'middle right left': 'right',
-  'middle right right': 'right',
-  'middle right bottom': 'right-end',
-  'middle right top': 'right-start',
-  'bottom left left': 'bottom-end',
-  'bottom left right': 'bottom-end',
-  'bottom left bottom': 'bottom-end',
-  'bottom left top': 'bottom-end',
-  'bottom center left': 'bottom',
-  'bottom center right': 'bottom',
-  'bottom center bottom': 'bottom',
-  'bottom center top': 'bottom',
-  'bottom right left': 'bottom-start',
-  'bottom right right': 'bottom-start',
-  'bottom right bottom': 'bottom-start',
-  'bottom right top': 'bottom-start',
-  'top left left': 'top-end',
-  'top left right': 'top-end',
-  'top left bottom': 'top-end',
-  'top left top': 'top-end',
-  'top center left': 'top',
-  'top center right': 'top',
-  'top center bottom': 'top',
-  'top center top': 'top',
-  'top right left': 'top-start',
-  'top right right': 'top-start',
-  'top right bottom': 'top-start',
-  'top right top': 'top-start',
+  bottom: "bottom",
+  top: "top",
+  "middle left": "left",
+  "middle right": "right",
+  "bottom left": "bottom-end",
+  "bottom center": "bottom",
+  "bottom right": "bottom-start",
+  "top left": "top-end",
+  "top center": "top",
+  "top right": "top-start",
+  "middle left left": "left",
+  "middle left right": "left",
+  "middle left bottom": "left-end",
+  "middle left top": "left-start",
+  "middle right left": "right",
+  "middle right right": "right",
+  "middle right bottom": "right-end",
+  "middle right top": "right-start",
+  "bottom left left": "bottom-end",
+  "bottom left right": "bottom-end",
+  "bottom left bottom": "bottom-end",
+  "bottom left top": "bottom-end",
+  "bottom center left": "bottom",
+  "bottom center right": "bottom",
+  "bottom center bottom": "bottom",
+  "bottom center top": "bottom",
+  "bottom right left": "bottom-start",
+  "bottom right right": "bottom-start",
+  "bottom right bottom": "bottom-start",
+  "bottom right top": "bottom-start",
+  "top left left": "top-end",
+  "top left right": "top-end",
+  "top left bottom": "top-end",
+  "top left top": "top-end",
+  "top center left": "top",
+  "top center right": "top",
+  "top center bottom": "top",
+  "top center top": "top",
+  "top right left": "top-start",
+  "top right right": "top-start",
+  "top right bottom": "top-start",
+  "top right top": "top-start",
   // `middle`/`middle center [corner?]` positions are associated to a fallback
   // `bottom` placement because there aren't any corresponding placement values.
-  middle: 'bottom',
-  'middle center': 'bottom',
-  'middle center bottom': 'bottom',
-  'middle center left': 'bottom',
-  'middle center right': 'bottom',
-  'middle center top': 'bottom'
+  middle: "bottom",
+  "middle center": "bottom",
+  "middle center bottom": "bottom",
+  "middle center left": "bottom",
+  "middle center right": "bottom",
+  "middle center top": "bottom"
 };
-
-/**
- * Converts the `Popover`'s legacy "position" prop to the new "placement" prop
- * (used by `floating-ui`).
- *
- * @param position The legacy position
- * @return The corresponding placement
- */
-const positionToPlacement = position => {
+const positionToPlacement = (position) => {
   var _POSITION_TO_PLACEMEN;
-  return (_POSITION_TO_PLACEMEN = POSITION_TO_PLACEMENT[position]) !== null && _POSITION_TO_PLACEMEN !== void 0 ? _POSITION_TO_PLACEMEN : 'bottom';
+  return (_POSITION_TO_PLACEMEN = POSITION_TO_PLACEMENT[position]) !== null && _POSITION_TO_PLACEMEN !== void 0 ? _POSITION_TO_PLACEMEN : "bottom";
 };
-
-/**
- * @typedef AnimationOrigin
- * @type {Object}
- * @property {number} originX A number between 0 and 1 (in CSS logical properties jargon, 0 is "start", 0.5 is "center", and 1 is "end")
- * @property {number} originY A number between 0 and 1 (0 is top, 0.5 is center, and 1 is bottom)
- */
-exports.positionToPlacement = positionToPlacement;
 const PLACEMENT_TO_ANIMATION_ORIGIN = {
   top: {
     originX: 0.5,
     originY: 1
   },
   // open from bottom, center
-  'top-start': {
+  "top-start": {
     originX: 0,
     originY: 1
   },
   // open from bottom, left
-  'top-end': {
+  "top-end": {
     originX: 1,
     originY: 1
   },
@@ -105,12 +101,12 @@ const PLACEMENT_TO_ANIMATION_ORIGIN = {
     originY: 0.5
   },
   // open from middle, left
-  'right-start': {
+  "right-start": {
     originX: 0,
     originY: 0
   },
   // open from top, left
-  'right-end': {
+  "right-end": {
     originX: 0,
     originY: 1
   },
@@ -120,12 +116,12 @@ const PLACEMENT_TO_ANIMATION_ORIGIN = {
     originY: 0
   },
   // open from top, center
-  'bottom-start': {
+  "bottom-start": {
     originX: 0,
     originY: 0
   },
   // open from top, left
-  'bottom-end': {
+  "bottom-end": {
     originX: 1,
     originY: 0
   },
@@ -135,12 +131,12 @@ const PLACEMENT_TO_ANIMATION_ORIGIN = {
     originY: 0.5
   },
   // open from middle, right
-  'left-start': {
+  "left-start": {
     originX: 1,
     originY: 0
   },
   // open from top, right
-  'left-end': {
+  "left-end": {
     originX: 1,
     originY: 1
   },
@@ -148,19 +144,12 @@ const PLACEMENT_TO_ANIMATION_ORIGIN = {
   overlay: {
     originX: 0.5,
     originY: 0.5
-  } // open from center, center
+  }
+  // open from center, center
 };
-
-/**
- * Given the floating-ui `placement`, compute the framer-motion props for the
- * popover's entry animation.
- *
- * @param placement A placement string from floating ui
- * @return The object containing the motion props
- */
-const placementToMotionAnimationProps = placement => {
-  const translateProp = placement.startsWith('top') || placement.startsWith('bottom') ? 'translateY' : 'translateX';
-  const translateDirection = placement.startsWith('top') || placement.startsWith('left') ? 1 : -1;
+const placementToMotionAnimationProps = (placement) => {
+  const translateProp = placement.startsWith("top") || placement.startsWith("bottom") ? "translateY" : "translateX";
+  const translateDirection = placement.startsWith("top") || placement.startsWith("left") ? 1 : -1;
   return {
     style: PLACEMENT_TO_ANIMATION_ORIGIN[placement],
     initial: {
@@ -179,7 +168,6 @@ const placementToMotionAnimationProps = placement => {
     }
   };
 };
-exports.placementToMotionAnimationProps = placementToMotionAnimationProps;
 function isTopBottom(anchorRef) {
   return !!anchorRef?.top;
 }
@@ -198,10 +186,6 @@ const getReferenceElement = ({
   if (anchor) {
     referenceElement = anchor;
   } else if (isTopBottom(anchorRef)) {
-    // Create a virtual element for the ref. The expectation is that
-    // if anchorRef.top is defined, then anchorRef.bottom is defined too.
-    // Seems to be used by the block toolbar, when multiple blocks are selected
-    // (top and bottom blocks are used to calculate the resulting rect).
     referenceElement = {
       getBoundingClientRect() {
         const topRect = anchorRef.top.getBoundingClientRect();
@@ -210,21 +194,16 @@ const getReferenceElement = ({
       }
     };
   } else if (isRef(anchorRef)) {
-    // Standard React ref.
     referenceElement = anchorRef.current;
   } else if (anchorRef) {
-    // If `anchorRef` holds directly the element's value (no `current` key)
-    // This is a weird scenario and should be deprecated.
     referenceElement = anchorRef;
   } else if (anchorRect) {
-    // Create a virtual element for the ref.
     referenceElement = {
       getBoundingClientRect() {
         return anchorRect;
       }
     };
   } else if (getAnchorRect) {
-    // Create a virtual element for the ref.
     referenceElement = {
       getBoundingClientRect() {
         var _rect$x, _rect$y, _rect$width, _rect$height;
@@ -233,25 +212,16 @@ const getReferenceElement = ({
       }
     };
   } else if (fallbackReferenceElement) {
-    // If no explicit ref is passed via props, fall back to
-    // anchoring to the popover's parent node.
     referenceElement = fallbackReferenceElement.parentElement;
   }
-
-  // Convert any `undefined` value to `null`.
   return (_referenceElement = referenceElement) !== null && _referenceElement !== void 0 ? _referenceElement : null;
 };
-
-/**
- * Computes the final coordinate that needs to be applied to the floating
- * element when applying transform inline styles, defaulting to `undefined`
- * if the provided value is `null` or `NaN`.
- *
- * @param c input coordinate (usually as returned from floating-ui)
- * @return The coordinate's value to be used for inline styles. An `undefined`
- *         return value means "no style set" for this coordinate.
- */
-exports.getReferenceElement = getReferenceElement;
-const computePopoverPosition = c => c === null || Number.isNaN(c) ? undefined : Math.round(c);
-exports.computePopoverPosition = computePopoverPosition;
-//# sourceMappingURL=utils.js.map
+const computePopoverPosition = (c) => c === null || Number.isNaN(c) ? void 0 : Math.round(c);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  computePopoverPosition,
+  getReferenceElement,
+  placementToMotionAnimationProps,
+  positionToPlacement
+});
+//# sourceMappingURL=utils.js.map