@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build-module/popover/index.js

@@ -1,72 +1,43 @@
-/**
- * External dependencies
- */
-
-import clsx from 'clsx';
-import { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from '@floating-ui/react-dom';
-import { motion } from 'framer-motion';
-
-/**
- * WordPress dependencies
- */
-import { useRef, useLayoutEffect, forwardRef, createContext, useContext, useMemo, useState, useCallback, createPortal } from '@wordpress/element';
-import { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from '@wordpress/compose';
-import { close } from '@wordpress/icons';
-import deprecated from '@wordpress/deprecated';
-import { Path, SVG } from '@wordpress/primitives';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import Button from '../button';
-import ScrollLock from '../scroll-lock';
-import { Slot, Fill, useSlot } from '../slot-fill';
-import { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from './utils';
-import { contextConnect, useContextSystem } from '../context';
-import { overlayMiddlewares } from './overlay-middlewares';
-import { StyleProvider } from '../style-provider';
-
-/**
- * Name of slot in which popover should fill.
- *
- * @type {string}
- */
+import clsx from "clsx";
+import { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from "@floating-ui/react-dom";
+import { motion } from "framer-motion";
+import { useRef, useLayoutEffect, forwardRef, createContext, useContext, useMemo, useState, useCallback, createPortal } from "@wordpress/element";
+import { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from "@wordpress/compose";
+import { close } from "@wordpress/icons";
+import deprecated from "@wordpress/deprecated";
+import { Path, SVG } from "@wordpress/primitives";
+import { __ } from "@wordpress/i18n";
+import Button from "../button";
+import ScrollLock from "../scroll-lock";
+import { Slot, Fill, useSlot } from "../slot-fill";
+import { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from "./utils";
+import { contextConnect, useContextSystem } from "../context";
+import { overlayMiddlewares } from "./overlay-middlewares";
+import { StyleProvider } from "../style-provider";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const SLOT_NAME = 'Popover';
-
-/**
- * Virtual padding to account for overflow boundaries.
- *
- * @type {number}
- */
+const SLOT_NAME = "Popover";
 const OVERFLOW_PADDING = 8;
-
-// An SVG displaying a triangle facing down, filled with a solid
-// color and bordered in such a way to create an arrow-like effect.
-// Keeping the SVG's viewbox squared simplify the arrow positioning
-// calculations.
-const ArrowTriangle = () => /*#__PURE__*/_jsxs(SVG, {
+const ArrowTriangle = () => /* @__PURE__ */ _jsxs(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 100 100",
   className: "components-popover__triangle",
   role: "presentation",
-  children: [/*#__PURE__*/_jsx(Path, {
+  children: [/* @__PURE__ */ _jsx(Path, {
     className: "components-popover__triangle-bg",
     d: "M 0 0 L 50 50 L 100 0"
-  }), /*#__PURE__*/_jsx(Path, {
+  }), /* @__PURE__ */ _jsx(Path, {
     className: "components-popover__triangle-border",
     d: "M 0 0 L 50 50 L 100 0",
     vectorEffect: "non-scaling-stroke"
   })]
 });
-const slotNameContext = createContext(undefined);
-slotNameContext.displayName = '__unstableSlotNameContext';
-const fallbackContainerClassname = 'components-popover__fallback-container';
+const slotNameContext = createContext(void 0);
+slotNameContext.displayName = "__unstableSlotNameContext";
+const fallbackContainerClassname = "components-popover__fallback-container";
 const getPopoverFallbackContainer = () => {
-  let container = document.body.querySelector('.' + fallbackContainerClassname);
+  let container = document.body.querySelector("." + fallbackContainerClassname);
   if (!container) {
-    container = document.createElement('div');
+    container = document.createElement("div");
     container.className = fallbackContainerClassname;
     document.body.append(container);
   }
@@ -82,9 +53,9 @@ const UnforwardedPopover = (props, forwardedRef) => {
     className,
     noArrow = true,
     position,
-    placement: placementProp = 'bottom-start',
+    placement: placementProp = "bottom-start",
     offset: offsetProp = 0,
-    focusOnMount = 'firstElement',
+    focusOnMount = "firstElement",
     anchor,
     expandOnMobile,
     onFocusOutside,
@@ -103,78 +74,72 @@ const UnforwardedPopover = (props, forwardedRef) => {
     isAlternate,
     // Rest
     ...contentProps
-  } = useContextSystem(props, 'Popover');
+  } = useContextSystem(props, "Popover");
   let computedFlipProp = flip;
   let computedResizeProp = resize;
-  if (__unstableForcePosition !== undefined) {
-    deprecated('`__unstableForcePosition` prop in wp.components.Popover', {
-      since: '6.1',
-      version: '6.3',
-      alternative: '`flip={ false }` and  `resize={ false }`'
+  if (__unstableForcePosition !== void 0) {
+    deprecated("`__unstableForcePosition` prop in wp.components.Popover", {
+      since: "6.1",
+      version: "6.3",
+      alternative: "`flip={ false }` and  `resize={ false }`"
     });
-
-    // Back-compat, set the `flip` and `resize` props
-    // to `false` to replicate `__unstableForcePosition`.
     computedFlipProp = !__unstableForcePosition;
     computedResizeProp = !__unstableForcePosition;
   }
-  if (anchorRef !== undefined) {
-    deprecated('`anchorRef` prop in wp.components.Popover', {
-      since: '6.1',
-      alternative: '`anchor` prop'
+  if (anchorRef !== void 0) {
+    deprecated("`anchorRef` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
     });
   }
-  if (anchorRect !== undefined) {
-    deprecated('`anchorRect` prop in wp.components.Popover', {
-      since: '6.1',
-      alternative: '`anchor` prop'
+  if (anchorRect !== void 0) {
+    deprecated("`anchorRect` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
     });
   }
-  if (getAnchorRect !== undefined) {
-    deprecated('`getAnchorRect` prop in wp.components.Popover', {
-      since: '6.1',
-      alternative: '`anchor` prop'
+  if (getAnchorRect !== void 0) {
+    deprecated("`getAnchorRect` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
     });
   }
-  const computedVariant = isAlternate ? 'toolbar' : variant;
-  if (isAlternate !== undefined) {
-    deprecated('`isAlternate` prop in wp.components.Popover', {
-      since: '6.2',
+  const computedVariant = isAlternate ? "toolbar" : variant;
+  if (isAlternate !== void 0) {
+    deprecated("`isAlternate` prop in wp.components.Popover", {
+      since: "6.2",
       alternative: "`variant` prop with the `'toolbar'` value"
     });
   }
   const arrowRef = useRef(null);
   const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);
-  const anchorRefFallback = useCallback(node => {
+  const anchorRefFallback = useCallback((node) => {
     setFallbackReferenceElement(node);
   }, []);
-  const isMobileViewport = useViewportMatch('medium', '<');
+  const isMobileViewport = useViewportMatch("medium", "<");
   const isExpanded = expandOnMobile && isMobileViewport;
   const hasArrow = !isExpanded && !noArrow;
   const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;
-  const middleware = [...(placementProp === 'overlay' ? overlayMiddlewares() : []), offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({
+  const middleware = [...placementProp === "overlay" ? overlayMiddlewares() : [], offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({
     padding: OVERFLOW_PADDING,
     apply(sizeProps) {
       var _refs$floating$curren;
       const {
         firstElementChild
       } = (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 ? _refs$floating$curren : {};
-
-      // 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, {
         maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,
-        overflow: 'auto'
+        overflow: "auto"
       });
     }
   }), shift && shiftMiddleware({
     crossAxis: true,
     limiter: limitShift(),
-    padding: 1 // Necessary to avoid flickering at the edge of the viewport.
+    padding: 1
+    // Necessary to avoid flickering at the edge of the viewport.
   }), arrow({
     element: arrowRef
   })];
@@ -183,9 +148,7 @@ const UnforwardedPopover = (props, forwardedRef) => {
   let onDialogClose;
   if (onClose || onFocusOutside) {
     onDialogClose = (type, event) => {
-      // Ideally the popover should have just a single onClose prop and
-      // not three props that potentially do the same thing.
-      if (type === 'focus-outside' && onFocusOutside) {
+      if (type === "focus-outside" && onFocusOutside) {
         onFocusOutside(event);
       } else if (onClose) {
         onClose();
@@ -213,21 +176,17 @@ const UnforwardedPopover = (props, forwardedRef) => {
       arrow: arrowData
     }
   } = useFloating({
-    placement: normalizedPlacementFromProps === 'overlay' ? undefined : normalizedPlacementFromProps,
+    placement: normalizedPlacementFromProps === "overlay" ? void 0 : normalizedPlacementFromProps,
     middleware,
     whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {
       layoutShift: false,
       animationFrame: true
     })
   });
-  const arrowCallbackRef = useCallback(node => {
+  const arrowCallbackRef = useCallback((node) => {
     arrowRef.current = node;
     update();
   }, [update]);
-
-  // When any of the possible anchor "sources" change,
-  // recompute the reference element (real or virtual) and its owner document.
-
   const anchorRefTop = anchorRef?.top;
   const anchorRefBottom = anchorRef?.bottom;
   const anchorRefStartContainer = anchorRef?.startContainer;
@@ -243,7 +202,7 @@ const UnforwardedPopover = (props, forwardedRef) => {
     refs.setReference(resultingReferenceElement);
   }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);
   const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);
-  const style = isExpanded ? undefined : {
+  const style = isExpanded ? void 0 : {
     position: strategy,
     top: 0,
     left: 0,
@@ -277,111 +236,82 @@ const UnforwardedPopover = (props, forwardedRef) => {
       ...style
     }
   };
-
-  // When Floating UI has finished positioning and Framer Motion has finished animating
-  // the popover, add the `is-positioned` class to signal that all transitions have finished.
   const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;
-  let content = /*#__PURE__*/_jsxs(motion.div, {
+  let content = /* @__PURE__ */ _jsxs(motion.div, {
     className: clsx(className, {
-      'is-expanded': isExpanded,
-      'is-positioned': isPositioned,
+      "is-expanded": isExpanded,
+      "is-positioned": isPositioned,
       // Use the 'alternate' classname for 'toolbar' variant for back compat.
-      [`is-${computedVariant === 'toolbar' ? 'alternate' : computedVariant}`]: computedVariant
+      [`is-${computedVariant === "toolbar" ? "alternate" : computedVariant}`]: computedVariant
     }),
     ...animationProps,
     ...contentProps,
     ref: mergedFloatingRef,
     ...dialogProps,
     tabIndex: -1,
-    children: [isExpanded && /*#__PURE__*/_jsx(ScrollLock, {}), isExpanded && /*#__PURE__*/_jsxs("div", {
+    children: [isExpanded && /* @__PURE__ */ _jsx(ScrollLock, {}), isExpanded && /* @__PURE__ */ _jsxs("div", {
       className: "components-popover__header",
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/* @__PURE__ */ _jsx("span", {
         className: "components-popover__header-title",
         children: headerTitle
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /* @__PURE__ */ _jsx(Button, {
         className: "components-popover__close",
         size: "small",
         icon: close,
         onClick: onClose,
-        label: __('Close')
+        label: __("Close")
       })]
-    }), /*#__PURE__*/_jsx("div", {
+    }), /* @__PURE__ */ _jsx("div", {
       className: "components-popover__content",
-      children: children
-    }), hasArrow && /*#__PURE__*/_jsx("div", {
+      children
+    }), hasArrow && /* @__PURE__ */ _jsx("div", {
       ref: arrowCallbackRef,
-      className: ['components-popover__arrow', `is-${computedPlacement.split('-')[0]}`].join(' '),
+      className: ["components-popover__arrow", `is-${computedPlacement.split("-")[0]}`].join(" "),
       style: {
-        left: typeof arrowData?.x !== 'undefined' && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : '',
-        top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ''
+        left: typeof arrowData?.x !== "undefined" && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : "",
+        top: typeof arrowData?.y !== "undefined" && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ""
       },
-      children: /*#__PURE__*/_jsx(ArrowTriangle, {})
+      children: /* @__PURE__ */ _jsx(ArrowTriangle, {})
     })]
   });
   const shouldRenderWithinSlot = slot.ref && !inline;
   const hasAnchor = anchorRef || anchorRect || anchor;
   if (shouldRenderWithinSlot) {
-    content = /*#__PURE__*/_jsx(Fill, {
+    content = /* @__PURE__ */ _jsx(Fill, {
       name: slotName,
       children: content
     });
   } else if (!inline) {
-    content = createPortal(/*#__PURE__*/_jsx(StyleProvider, {
-      document: document,
+    content = createPortal(/* @__PURE__ */ _jsx(StyleProvider, {
+      document,
       children: content
     }), getPopoverFallbackContainer());
   }
   if (hasAnchor) {
     return content;
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("span", {
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx("span", {
       ref: anchorRefFallback
     }), content]
   });
 };
-
-// Export the PopoverSlot individually to allow typescript to pick the types up.
-export const PopoverSlot = forwardRef(({
+const PopoverSlot = forwardRef(({
   name = SLOT_NAME
 }, ref) => {
-  return /*#__PURE__*/_jsx(Slot, {
+  return /* @__PURE__ */ _jsx(Slot, {
     bubblesVirtually: true,
-    name: name,
+    name,
     className: "popover-slot",
-    ref: ref
+    ref
   });
 });
-
-/**
- * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.
- *
- * ```jsx
- * import { Button, Popover } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyPopover = () => {
- * 	const [ isVisible, setIsVisible ] = useState( false );
- * 	const toggleVisible = () => {
- * 		setIsVisible( ( state ) => ! state );
- * 	};
- *
- * 	return (
- * 		<Button variant="secondary" onClick={ toggleVisible }>
- * 			Toggle Popover!
- * 			{ isVisible && <Popover>Popover is toggled!</Popover> }
- * 		</Button>
- * 	);
- * };
- * ```
- *
- */
-export const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover'), {
+const Popover = Object.assign(contextConnect(UnforwardedPopover, "Popover"), {
   /**
    * Renders a slot that is used internally by Popover for rendering content.
    */
   Slot: Object.assign(PopoverSlot, {
-    displayName: 'Popover.Slot'
+    displayName: "Popover.Slot"
   }),
   /**
    * Provides a context to manage popover slot names.
@@ -389,8 +319,14 @@ export const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover
    * This is marked as unstable and should not be used directly.
    */
   __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {
-    displayName: 'Popover.__unstableSlotNameProvider'
+    displayName: "Popover.__unstableSlotNameProvider"
   })
 });
-export default Popover;
-//# sourceMappingURL=index.js.map
+var popover_default = Popover;
+export {
+  Popover,
+  PopoverSlot,
+  SLOT_NAME,
+  popover_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/popover/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useFloating","flip","flipMiddleware","shift","shiftMiddleware","limitShift","autoUpdate","arrow","offset","offsetMiddleware","size","motion","useRef","useLayoutEffect","forwardRef","createContext","useContext","useMemo","useState","useCallback","createPortal","useReducedMotion","useViewportMatch","useMergeRefs","__experimentalUseDialog","useDialog","close","deprecated","Path","SVG","__","Button","ScrollLock","Slot","Fill","useSlot","computePopoverPosition","positionToPlacement","placementToMotionAnimationProps","getReferenceElement","contextConnect","useContextSystem","overlayMiddlewares","StyleProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SLOT_NAME","OVERFLOW_PADDING","ArrowTriangle","xmlns","viewBox","className","role","children","d","vectorEffect","slotNameContext","undefined","displayName","fallbackContainerClassname","getPopoverFallbackContainer","container","document","body","querySelector","createElement","append","UnforwardedPopover","props","forwardedRef","animate","headerTitle","constrainTabbing","onClose","noArrow","position","placement","placementProp","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","resize","inline","variant","style","contentStyle","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","computedFlipProp","computedResizeProp","since","version","alternative","computedVariant","arrowRef","fallbackReferenceElement","setFallbackReferenceElement","anchorRefFallback","node","isMobileViewport","isExpanded","hasArrow","normalizedPlacementFromProps","middleware","padding","apply","sizeProps","_refs$floating$curren","firstElementChild","refs","floating","current","HTMLElement","Object","assign","maxHeight","Math","max","availableHeight","overflow","crossAxis","limiter","element","slotName","slot","onDialogClose","type","event","dialogRef","dialogProps","__unstableOnClose","x","y","strategy","update","computedPlacement","middlewareData","arrowData","whileElementsMounted","referenceParam","floatingParam","updateParam","layoutShift","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","resultingReferenceElement","setReference","mergedFloatingRef","setFloating","left","shouldReduceMotion","shouldAnimate","animationFinished","setAnimationFinished","motionInlineStyles","otherMotionProps","animationProps","onAnimationComplete","isPositioned","content","div","ref","tabIndex","icon","onClick","label","split","join","Number","isFinite","shouldRenderWithinSlot","hasAnchor","name","PopoverSlot","bubblesVirtually","Popover","__unstableSlotNameProvider","Provider"],"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": []
+}

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

@@ -1,11 +1,7 @@
-/**
- * External dependencies
- */
-
-import { size } from '@floating-ui/react-dom';
-export function overlayMiddlewares() {
+import { size } from "@floating-ui/react-dom";
+function overlayMiddlewares() {
   return [{
-    name: 'overlay',
+    name: "overlay",
     fn({
       rects
     }) {
@@ -20,13 +16,9 @@ export 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`
@@ -34,4 +26,7 @@ export function overlayMiddlewares() {
     }
   })];
 }
-//# sourceMappingURL=overlay-middlewares.js.map
+export {
+  overlayMiddlewares
+};
+//# sourceMappingURL=overlay-middlewares.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["size","overlayMiddlewares","name","fn","rects","reference","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":"AAAA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,wBAAwB;AAE7C,OAAO,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,EACDL,IAAI,CAAE;IACLM,KAAKA,CAAE;MAAEF,KAAK;MAAEG;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,GAAIX,KAAK,CAACC,SAAS,CAACU,KAAK,IAAK;QACrCC,MAAM,EAAE,GAAIZ,KAAK,CAACC,SAAS,CAACW,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": "AAIA,SAAS,YAAY;AACd,SAAS,qBAAqB;AACnC,SAAO,CAAC;AAAA,IACN,MAAM;AAAA,IACN,GAAG;AAAA,MACD;AAAA,IACF,GAAG;AACD,aAAO,MAAM;AAAA,IACf;AAAA,EACF,GAAG,KAAK;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-module/popover/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/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": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}