@wordpress/components 25.5.0 → 25.6.0

package/build/popover/index.js

@@ -1,45 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SLOT_NAME = exports.Popover = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactDom = require("@floating-ui/react-dom");
-
 var _framerMotion = require("framer-motion");
-
 var _compose = require("@wordpress/compose");
-
 var _icons = require("@wordpress/icons");
-
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-
 var _primitives = require("@wordpress/primitives");
-
 var _dom = require("@wordpress/dom");
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _scrollLock = _interopRequireDefault(require("../scroll-lock"));
-
 var _slotFill = require("../slot-fill");
-
 var _utils = require("./utils");
-
 var _limitShift = require("./limit-shift");
-
 var _overlayMiddlewares = require("./overlay-middlewares");
-
 /**
  * External dependencies
  */
+
 // eslint-disable-next-line no-restricted-imports
 
 /**
@@ -55,13 +39,13 @@ var _overlayMiddlewares = require("./overlay-middlewares");
  *
  * @type {string}
  */
-const SLOT_NAME = 'Popover'; // An SVG displaying a triangle facing down, filled with a solid
+const SLOT_NAME = 'Popover';
+
+// 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.
-
 exports.SLOT_NAME = SLOT_NAME;
-
 const ArrowTriangle = () => (0, _element.createElement)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: `0 0 100 100`,
@@ -75,7 +59,6 @@ const ArrowTriangle = () => (0, _element.createElement)(_primitives.SVG, {
   d: "M 0 0 L 50 50 L 100 0",
   vectorEffect: "non-scaling-stroke"
 }));
-
 const AnimatedWrapper = (0, _element.forwardRef)(({
   style: receivedInlineStyles,
   placement,
@@ -88,7 +71,8 @@ const AnimatedWrapper = (0, _element.forwardRef)(({
     ...otherMotionProps
   } = (0, _element.useMemo)(() => (0, _utils.placementToMotionAnimationProps)(placement), [placement]);
   const computedAnimationProps = shouldAnimate && !shouldReduceMotion ? {
-    style: { ...motionInlineStyles,
+    style: {
+      ...motionInlineStyles,
       ...receivedInlineStyles
     },
     ...otherMotionProps
@@ -96,16 +80,15 @@ const AnimatedWrapper = (0, _element.forwardRef)(({
     animate: false,
     style: receivedInlineStyles
   };
-  return (0, _element.createElement)(_framerMotion.motion.div, { ...computedAnimationProps,
+  return (0, _element.createElement)(_framerMotion.motion.div, {
+    ...computedAnimationProps,
     ...props,
     ref: forwardedRef
   });
 });
 const slotNameContext = (0, _element.createContext)(undefined);
-
 const UnforwardedPopover = (props, forwardedRef) => {
   var _frameOffsetRef$curre, _frameOffsetRef$curre2;
-
   const {
     animate = true,
     headerTitle,
@@ -136,49 +119,43 @@ const UnforwardedPopover = (props, forwardedRef) => {
   } = props;
   let computedFlipProp = flip;
   let computedResizeProp = resize;
-
   if (__unstableForcePosition !== undefined) {
     (0, _deprecated.default)('`__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`.
+    });
 
+    // Back-compat, set the `flip` and `resize` props
+    // to `false` to replicate `__unstableForcePosition`.
     computedFlipProp = !__unstableForcePosition;
     computedResizeProp = !__unstableForcePosition;
   }
-
   if (anchorRef !== undefined) {
     (0, _deprecated.default)('`anchorRef` prop in wp.components.Popover', {
       since: '6.1',
       alternative: '`anchor` prop'
     });
   }
-
   if (anchorRect !== undefined) {
     (0, _deprecated.default)('`anchorRect` prop in wp.components.Popover', {
       since: '6.1',
       alternative: '`anchor` prop'
     });
   }
-
   if (getAnchorRect !== undefined) {
     (0, _deprecated.default)('`getAnchorRect` prop in wp.components.Popover', {
       since: '6.1',
       alternative: '`anchor` prop'
     });
   }
-
   const computedVariant = isAlternate ? 'toolbar' : variant;
-
   if (isAlternate !== undefined) {
     (0, _deprecated.default)('`isAlternate` prop in wp.components.Popover', {
       since: '6.2',
       alternative: "`variant` prop with the `'toolbar'` value"
     });
   }
-
   const arrowRef = (0, _element.useRef)(null);
   const [fallbackReferenceElement, setFallbackReferenceElement] = (0, _element.useState)(null);
   const [referenceOwnerDocument, setReferenceOwnerDocument] = (0, _element.useState)();
@@ -189,19 +166,19 @@ const UnforwardedPopover = (props, forwardedRef) => {
   const isExpanded = expandOnMobile && isMobileViewport;
   const hasArrow = !isExpanded && !noArrow;
   const normalizedPlacementFromProps = position ? (0, _utils.positionToPlacement)(position) : placementProp;
+
   /**
    * Offsets the position of the popover when the anchor is inside an iframe.
    *
    * Store the offset in a ref, due to constraints with floating-ui:
    * https://floating-ui.com/docs/react-dom#variables-inside-middleware-functions.
    */
-
   const frameOffsetRef = (0, _element.useRef)((0, _utils.getFrameOffset)(referenceOwnerDocument));
-  const middleware = [...(placementProp === 'overlay' ? (0, _overlayMiddlewares.overlayMiddlewares)() : []), // Custom middleware which adjusts the popover's position by taking into
+  const middleware = [...(placementProp === 'overlay' ? (0, _overlayMiddlewares.overlayMiddlewares)() : []),
+  // Custom middleware which adjusts the popover's position by taking into
   // account the offset of the anchor's iframe (if any) compared to the page.
   {
     name: 'frameOffset',
-
     fn({
       x,
       y
@@ -212,7 +189,6 @@ const UnforwardedPopover = (props, forwardedRef) => {
           y
         };
       }
-
       return {
         x: x + frameOffsetRef.current.x,
         y: y + frameOffsetRef.current.y,
@@ -222,37 +198,32 @@ const UnforwardedPopover = (props, forwardedRef) => {
         }
       };
     }
-
   }, (0, _reactDom.offset)(offsetProp), computedFlipProp ? (0, _reactDom.flip)() : undefined, computedResizeProp ? (0, _reactDom.size)({
     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.
+      } = (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 ? _refs$floating$curren : {};
 
-      if (!(firstElementChild instanceof HTMLElement)) return; // Reduce the height of the popover to the available space.
+      // 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: `${sizeProps.availableHeight}px`,
         overflow: 'auto'
       });
     }
-
   }) : undefined, shift ? (0, _reactDom.shift)({
     crossAxis: true,
     limiter: (0, _limitShift.limitShift)(),
     padding: 1 // Necessary to avoid flickering at the edge of the viewport.
-
   }) : undefined, (0, _reactDom.arrow)({
     element: arrowRef
   })].filter(m => m !== undefined);
-
   const slotName = (0, _element.useContext)(slotNameContext) || __unstableSlotName;
-
   const slot = (0, _slotFill.useSlot)(slotName);
   let onDialogClose;
-
   if (onClose || onFocusOutside) {
     onDialogClose = (type, event) => {
       // Ideally the popover should have just a single onClose prop and
@@ -264,7 +235,6 @@ const UnforwardedPopover = (props, forwardedRef) => {
       }
     };
   }
-
   const [dialogRef, dialogProps] = (0, _compose.__experimentalUseDialog)({
     focusOnMount,
     __unstableOnClose: onDialogClose,
@@ -298,7 +268,9 @@ const UnforwardedPopover = (props, forwardedRef) => {
   const arrowCallbackRef = (0, _element.useCallback)(node => {
     arrowRef.current = node;
     update();
-  }, [update]); // When any of the possible anchor "sources" change,
+  }, [update]);
+
+  // When any of the possible anchor "sources" change,
   // recompute the reference element (real or virtual) and its owner document.
 
   const anchorRefTop = anchorRef?.top;
@@ -325,20 +297,23 @@ const UnforwardedPopover = (props, forwardedRef) => {
     });
     referenceCallbackRef(resultingReferenceElement);
     setReferenceOwnerDocument(resultingReferenceOwnerDoc);
-  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, referenceCallbackRef]); // If the reference element is in a different ownerDocument (e.g. iFrame),
+  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, referenceCallbackRef]);
+
+  // If the reference element is in a different ownerDocument (e.g. iFrame),
   // we need to manually update the floating's position as the reference's owner
   // document scrolls. Also update the frame offset if the view resizes.
-
   (0, _element.useLayoutEffect)(() => {
-    if ( // Reference and root documents are the same.
-    referenceOwnerDocument === document || // Reference and floating are in the same document.
-    referenceOwnerDocument === refs.floating.current?.ownerDocument || // The reference's document has no view (i.e. window)
+    if (
+    // Reference and root documents are the same.
+    referenceOwnerDocument === document ||
+    // Reference and floating are in the same document.
+    referenceOwnerDocument === refs.floating.current?.ownerDocument ||
+    // The reference's document has no view (i.e. window)
     // or frame element (ie. it's not an iframe).
     !referenceOwnerDocument?.defaultView?.frameElement) {
       frameOffsetRef.current = undefined;
       return;
     }
-
     const {
       defaultView
     } = referenceOwnerDocument;
@@ -346,12 +321,10 @@ const UnforwardedPopover = (props, forwardedRef) => {
       frameElement
     } = defaultView;
     const scrollContainer = frameElement ? (0, _dom.getScrollContainer)(frameElement) : null;
-
     const updateFrameOffset = () => {
       frameOffsetRef.current = (0, _utils.getFrameOffset)(referenceOwnerDocument);
       update();
     };
-
     defaultView.addEventListener('resize', updateFrameOffset);
     scrollContainer?.addEventListener('scroll', updateFrameOffset);
     updateFrameOffset();
@@ -360,10 +333,13 @@ const UnforwardedPopover = (props, forwardedRef) => {
       scrollContainer?.removeEventListener('scroll', updateFrameOffset);
     };
   }, [referenceOwnerDocument, update, refs.floating]);
-  const mergedFloatingRef = (0, _compose.useMergeRefs)([floating, dialogRef, forwardedRef]); // Disable reason: We care to capture the _bubbled_ events from inputs
+  const mergedFloatingRef = (0, _compose.useMergeRefs)([floating, dialogRef, forwardedRef]);
+
+  // Disable reason: We care to capture the _bubbled_ events from inputs
   // within popover as inferring close intent.
 
-  let content = // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+  let content =
+  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
   // eslint-disable-next-line jsx-a11y/no-static-element-interactions
   (0, _element.createElement)(AnimatedWrapper, {
     shouldAnimate: animate && !isExpanded,
@@ -408,21 +384,19 @@ const UnforwardedPopover = (props, forwardedRef) => {
       top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y + ((_frameOffsetRef$curre2 = frameOffsetRef.current?.y) !== null && _frameOffsetRef$curre2 !== void 0 ? _frameOffsetRef$curre2 : 0)}px` : ''
     }
   }, (0, _element.createElement)(ArrowTriangle, null)));
-
   if (slot.ref) {
     content = (0, _element.createElement)(_slotFill.Fill, {
       name: slotName
     }, content);
   }
-
   if (anchorRef || anchorRect || anchor) {
     return content;
   }
-
   return (0, _element.createElement)("span", {
     ref: anchorRefFallback
   }, content);
 };
+
 /**
  * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.
  *
@@ -446,26 +420,24 @@ const UnforwardedPopover = (props, forwardedRef) => {
  * ```
  *
  */
-
-
 const Popover = (0, _element.forwardRef)(UnforwardedPopover);
 exports.Popover = Popover;
-
 function PopoverSlot({
   name = SLOT_NAME
 }, ref) {
-  return (0, _element.createElement)(_slotFill.Slot // @ts-expect-error Need to type `SlotFill`
+  return (0, _element.createElement)(_slotFill.Slot
+  // @ts-expect-error Need to type `SlotFill`
   , {
     bubblesVirtually: true,
     name: name,
     className: "popover-slot",
     ref: ref
   });
-} // @ts-expect-error For Legacy Reasons
-
-
-Popover.Slot = (0, _element.forwardRef)(PopoverSlot); // @ts-expect-error For Legacy Reasons
+}
 
+// @ts-expect-error For Legacy Reasons
+Popover.Slot = (0, _element.forwardRef)(PopoverSlot);
+// @ts-expect-error For Legacy Reasons
 Popover.__unstableSlotNameProvider = slotNameContext.Provider;
 var _default = Popover;
 exports.default = _default;

package/build/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/popover/index.tsx"],"names":["SLOT_NAME","ArrowTriangle","AnimatedWrapper","style","receivedInlineStyles","placement","shouldAnimate","props","forwardedRef","shouldReduceMotion","motionInlineStyles","otherMotionProps","computedAnimationProps","animate","slotNameContext","undefined","UnforwardedPopover","headerTitle","onClose","children","className","noArrow","position","placementProp","offset","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","flip","resize","shift","variant","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","computedFlipProp","computedResizeProp","since","version","alternative","computedVariant","arrowRef","fallbackReferenceElement","setFallbackReferenceElement","referenceOwnerDocument","setReferenceOwnerDocument","anchorRefFallback","node","isMobileViewport","isExpanded","hasArrow","normalizedPlacementFromProps","frameOffsetRef","middleware","name","fn","x","y","current","data","amount","apply","sizeProps","firstElementChild","refs","floating","HTMLElement","Object","assign","maxHeight","availableHeight","overflow","crossAxis","limiter","padding","element","filter","m","slotName","slot","onDialogClose","type","event","dialogRef","dialogProps","__unstableOnClose","reference","referenceCallbackRef","strategy","update","computedPlacement","middlewareData","arrow","arrowData","whileElementsMounted","referenceParam","floatingParam","updateParam","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","resultingReferenceOwnerDoc","fallbackDocument","document","scale","resultingReferenceElement","ownerDocument","defaultView","frameElement","scrollContainer","updateFrameOffset","addEventListener","removeEventListener","mergedFloatingRef","content","left","close","split","join","Number","isFinite","ref","Popover","PopoverSlot","Slot","__unstableSlotNameProvider","Provider"],"mappings":";;;;;;;;;AA2BA;;AAvBA;;AACA;;AAYA;;AAoBA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAgBA;;AACA;;AAtEA;AACA;AACA;AAcA;;AAQA;AACA;AACA;;AAqBA;AACA;AACA;;AAuBA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAG,SAAlB,C,CAEP;AACA;AACA;AACA;;;;AACA,MAAMC,aAAa,GAAG,MACrB,4BAAC,eAAD;AACC,EAAA,KAAK,EAAC,4BADP;AAEC,EAAA,OAAO,EAAI,aAFZ;AAGC,EAAA,SAAS,EAAC,8BAHX;AAIC,EAAA,IAAI,EAAC;AAJN,GAMC,4BAAC,gBAAD;AACC,EAAA,SAAS,EAAC,iCADX;AAEC,EAAA,CAAC,EAAC;AAFH,EAND,EAUC,4BAAC,gBAAD;AACC,EAAA,SAAS,EAAC,qCADX;AAEC,EAAA,CAAC,EAAC,uBAFH;AAGC,EAAA,YAAY,EAAC;AAHd,EAVD,CADD;;AAmBA,MAAMC,eAAe,GAAG,yBACvB,CACC;AACCC,EAAAA,KAAK,EAAEC,oBADR;AAECC,EAAAA,SAFD;AAGCC,EAAAA,aAAa,GAAG,KAHjB;AAIC,KAAGC;AAJJ,CADD,EAOCC,YAPD,KAQK;AACJ,QAAMC,kBAAkB,GAAG,qCAA3B;AAEA,QAAM;AAAEN,IAAAA,KAAK,EAAEO,kBAAT;AAA6B,OAAGC;AAAhC,MAAqD,sBAC1D,MAAM,4CAAiCN,SAAjC,CADoD,EAE1D,CAAEA,SAAF,CAF0D,CAA3D;AAKA,QAAMO,sBAAgD,GACrDN,aAAa,IAAI,CAAEG,kBAAnB,GACG;AACAN,IAAAA,KAAK,EAAE,EACN,GAAGO,kBADG;AAEN,SAAGN;AAFG,KADP;AAKA,OAAGO;AALH,GADH,GAQG;AACAE,IAAAA,OAAO,EAAE,KADT;AAEAV,IAAAA,KAAK,EAAEC;AAFP,GATJ;AAcA,SACC,4BAAC,oBAAD,CAAQ,GAAR,OACMQ,sBADN;AAAA,OAEML,KAFN;AAGC,IAAA,GAAG,EAAGC;AAHP,IADD;AAOA,CAtCsB,CAAxB;AAyCA,MAAMM,eAAe,GAAG,4BAAqCC,SAArC,CAAxB;;AAEA,MAAMC,kBAAkB,GAAG,CAC1BT,KAD0B,EAQ1BC,YAR0B,KAStB;AAAA;;AACJ,QAAM;AACLK,IAAAA,OAAO,GAAG,IADL;AAELI,IAAAA,WAFK;AAGLC,IAAAA,OAHK;AAILC,IAAAA,QAJK;AAKLC,IAAAA,SALK;AAMLC,IAAAA,OAAO,GAAG,IANL;AAOLC,IAAAA,QAPK;AAQLjB,IAAAA,SAAS,EAAEkB,aAAa,GAAG,cARtB;AASLC,IAAAA,MAAM,EAAEC,UAAU,GAAG,CAThB;AAULC,IAAAA,YAAY,GAAG,cAVV;AAWLC,IAAAA,MAXK;AAYLC,IAAAA,cAZK;AAaLC,IAAAA,cAbK;AAcLC,IAAAA,kBAAkB,GAAG9B,SAdhB;AAeL+B,IAAAA,IAAI,GAAG,IAfF;AAgBLC,IAAAA,MAAM,GAAG,IAhBJ;AAiBLC,IAAAA,KAAK,GAAG,KAjBH;AAkBLC,IAAAA,OAlBK;AAoBL;AACAC,IAAAA,uBArBK;AAsBLC,IAAAA,SAtBK;AAuBLC,IAAAA,UAvBK;AAwBLC,IAAAA,aAxBK;AAyBLC,IAAAA,WAzBK;AA2BL;AACA,OAAGC;AA5BE,MA6BFjC,KA7BJ;AA+BA,MAAIkC,gBAAgB,GAAGV,IAAvB;AACA,MAAIW,kBAAkB,GAAGV,MAAzB;;AACA,MAAKG,uBAAuB,KAAKpB,SAAjC,EAA6C;AAC5C,6BAAY,yDAAZ,EAAuE;AACtE4B,MAAAA,KAAK,EAAE,KAD+D;AAEtEC,MAAAA,OAAO,EAAE,KAF6D;AAGtEC,MAAAA,WAAW,EAAE;AAHyD,KAAvE,EAD4C,CAO5C;AACA;;AACAJ,IAAAA,gBAAgB,GAAG,CAAEN,uBAArB;AACAO,IAAAA,kBAAkB,GAAG,CAAEP,uBAAvB;AACA;;AAED,MAAKC,SAAS,KAAKrB,SAAnB,EAA+B;AAC9B,6BAAY,2CAAZ,EAAyD;AACxD4B,MAAAA,KAAK,EAAE,KADiD;AAExDE,MAAAA,WAAW,EAAE;AAF2C,KAAzD;AAIA;;AAED,MAAKR,UAAU,KAAKtB,SAApB,EAAgC;AAC/B,6BAAY,4CAAZ,EAA0D;AACzD4B,MAAAA,KAAK,EAAE,KADkD;AAEzDE,MAAAA,WAAW,EAAE;AAF4C,KAA1D;AAIA;;AAED,MAAKP,aAAa,KAAKvB,SAAvB,EAAmC;AAClC,6BAAY,+CAAZ,EAA6D;AAC5D4B,MAAAA,KAAK,EAAE,KADqD;AAE5DE,MAAAA,WAAW,EAAE;AAF+C,KAA7D;AAIA;;AAED,QAAMC,eAAe,GAAGP,WAAW,GAAG,SAAH,GAAeL,OAAlD;;AACA,MAAKK,WAAW,KAAKxB,SAArB,EAAiC;AAChC,6BAAY,6CAAZ,EAA2D;AAC1D4B,MAAAA,KAAK,EAAE,KADmD;AAE1DE,MAAAA,WAAW,EAAE;AAF6C,KAA3D;AAIA;;AAED,QAAME,QAAQ,GAAG,qBAA8B,IAA9B,CAAjB;AAEA,QAAM,CAAEC,wBAAF,EAA4BC,2BAA5B,IACL,uBAAoC,IAApC,CADD;AAEA,QAAM,CAAEC,sBAAF,EAA0BC,yBAA1B,IAAwD,wBAA9D;AAIA,QAAMC,iBAAiD,GAAG,0BACvDC,IAAF,IAAY;AACXJ,IAAAA,2BAA2B,CAAEI,IAAF,CAA3B;AACA,GAHwD,EAIzD,EAJyD,CAA1D;AAOA,QAAMC,gBAAgB,GAAG,+BAAkB,QAAlB,EAA4B,GAA5B,CAAzB;AACA,QAAMC,UAAU,GAAG3B,cAAc,IAAI0B,gBAArC;AACA,QAAME,QAAQ,GAAG,CAAED,UAAF,IAAgB,CAAElC,OAAnC;AACA,QAAMoC,4BAA4B,GAAGnC,QAAQ,GAC1C,gCAAqBA,QAArB,CAD0C,GAE1CC,aAFH;AAIA;AACD;AACA;AACA;AACA;AACA;;AACC,QAAMmC,cAAc,GAAG,qBAAQ,2BAAgBR,sBAAhB,CAAR,CAAvB;AAEA,QAAMS,UAAU,GAAG,CAClB,IAAKpC,aAAa,KAAK,SAAlB,GAA8B,6CAA9B,GAAqD,EAA1D,CADkB,EAElB;AACA;AACA;AACCqC,IAAAA,IAAI,EAAE,aADP;;AAECC,IAAAA,EAAE,CAAE;AAAEC,MAAAA,CAAF;AAAKC,MAAAA;AAAL,KAAF,EAAkC;AACnC,UAAK,CAAEL,cAAc,CAACM,OAAtB,EAAgC;AAC/B,eAAO;AACNF,UAAAA,CADM;AAENC,UAAAA;AAFM,SAAP;AAIA;;AAED,aAAO;AACND,QAAAA,CAAC,EAAEA,CAAC,GAAGJ,cAAc,CAACM,OAAf,CAAuBF,CADxB;AAENC,QAAAA,CAAC,EAAEA,CAAC,GAAGL,cAAc,CAACM,OAAf,CAAuBD,CAFxB;AAGNE,QAAAA,IAAI,EAAE;AACL;AACAC,UAAAA,MAAM,EAAER,cAAc,CAACM;AAFlB;AAHA,OAAP;AAQA;;AAlBF,GAJkB,EAwBlB,sBAAkBvC,UAAlB,CAxBkB,EAyBlBgB,gBAAgB,GAAG,qBAAH,GAAsB1B,SAzBpB,EA0BlB2B,kBAAkB,GACf,oBAAM;AACNyB,IAAAA,KAAK,CAAEC,SAAF,EAAc;AAAA;;AAClB,YAAM;AAAEC,QAAAA;AAAF,mCACLC,IAAI,CAACC,QAAL,CAAcP,OADT,yEACoB,EAD1B,CADkB,CAIlB;;AACA,UAAK,EAAIK,iBAAiB,YAAYG,WAAjC,CAAL,EACC,OANiB,CAQlB;;AACAC,MAAAA,MAAM,CAACC,MAAP,CAAeL,iBAAiB,CAAClE,KAAjC,EAAwC;AACvCwE,QAAAA,SAAS,EAAG,GAAGP,SAAS,CAACQ,eAAiB,IADH;AAEvCC,QAAAA,QAAQ,EAAE;AAF6B,OAAxC;AAIA;;AAdK,GAAN,CADe,GAiBf9D,SA3Ce,EA4ClBkB,KAAK,GACF,qBAAiB;AACjB6C,IAAAA,SAAS,EAAE,IADM;AAEjBC,IAAAA,OAAO,EAAE,6BAFQ;AAGjBC,IAAAA,OAAO,EAAE,CAHQ,CAGL;;AAHK,GAAjB,CADE,GAMFjE,SAlDe,EAmDlB,qBAAO;AAAEkE,IAAAA,OAAO,EAAElC;AAAX,GAAP,CAnDkB,EAoDjBmC,MApDiB,CAqDhBC,CAAF,IAAkDA,CAAC,KAAKpE,SArDtC,CAAnB;;AAuDA,QAAMqE,QAAQ,GAAG,yBAAYtE,eAAZ,KAAiCgB,kBAAlD;;AACA,QAAMuD,IAAI,GAAG,uBAASD,QAAT,CAAb;AAEA,MAAIE,aAAJ;;AAEA,MAAKpE,OAAO,IAAIW,cAAhB,EAAiC;AAChCyD,IAAAA,aAAa,GAAG,CAAEC,IAAF,EAA4BC,KAA5B,KAAuD;AACtE;AACA;AACA,UAAKD,IAAI,KAAK,eAAT,IAA4B1D,cAAjC,EAAkD;AACjDA,QAAAA,cAAc,CAAE2D,KAAF,CAAd;AACA,OAFD,MAEO,IAAKtE,OAAL,EAAe;AACrBA,QAAAA,OAAO;AACP;AACD,KARD;AASA;;AAED,QAAM,CAAEuE,SAAF,EAAaC,WAAb,IAA6B,sCAAW;AAC7ChE,IAAAA,YAD6C;AAE7CiE,IAAAA,iBAAiB,EAAEL,aAF0B;AAG7C;AACApE,IAAAA,OAAO,EAAEoE;AAJoC,GAAX,CAAnC;AAOA,QAAM;AACL;AACAxB,IAAAA,CAFK;AAGLC,IAAAA,CAHK;AAIL;AACA;AACA6B,IAAAA,SAAS,EAAEC,oBANN;AAOLtB,IAAAA,QAPK;AAQL;AACAD,IAAAA,IATK;AAUL;AACAwB,IAAAA,QAXK;AAYLC,IAAAA,MAZK;AAaL1F,IAAAA,SAAS,EAAE2F,iBAbN;AAcLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA,KAAK,EAAEC;AAAT;AAdX,MAeF,2BAAa;AAChB9F,IAAAA,SAAS,EACRoD,4BAA4B,KAAK,SAAjC,GACG1C,SADH,GAEG0C,4BAJY;AAKhBE,IAAAA,UALgB;AAMhByC,IAAAA,oBAAoB,EAAE,CAAEC,cAAF,EAAkBC,aAAlB,EAAiCC,WAAjC,KACrB,0BAAYF,cAAZ,EAA4BC,aAA5B,EAA2CC,WAA3C,EAAwD;AACvDC,MAAAA,cAAc,EAAE;AADuC,KAAxD;AAPe,GAAb,CAfJ;AA2BA,QAAMC,gBAAgB,GAAG,0BACtBpD,IAAF,IAAgC;AAC/BN,IAAAA,QAAQ,CAACiB,OAAT,GAAmBX,IAAnB;AACA0C,IAAAA,MAAM;AACN,GAJuB,EAKxB,CAAEA,MAAF,CALwB,CAAzB,CApNI,CA4NJ;AACA;;AAEA,QAAMW,YAAY,GAAKtE,SAAF,EAClBuE,GADH;AAEA,QAAMC,eAAe,GACpBxE,SADuB,EAEpByE,MAFJ;AAGA,QAAMC,uBAAuB,GAAK1E,SAAF,EAC7B2E,cADH;AAEA,QAAMC,gBAAgB,GAAK5E,SAAF,EACtB4B,OADH;AAGA,gCAAiB,MAAM;AACtB,UAAMiD,0BAA0B,GAAG,sCAA2B;AAC7DtF,MAAAA,MAD6D;AAE7DS,MAAAA,SAF6D;AAG7DC,MAAAA,UAH6D;AAI7DC,MAAAA,aAJ6D;AAK7DU,MAAAA,wBAL6D;AAM7DkE,MAAAA,gBAAgB,EAAEC;AAN2C,KAA3B,CAAnC;AAQA,UAAMC,KAAK,GAAG,0BAAeH,0BAAf,CAAd;AACA,UAAMI,yBAAyB,GAAG,gCAAqB;AACtD1F,MAAAA,MADsD;AAEtDS,MAAAA,SAFsD;AAGtDC,MAAAA,UAHsD;AAItDC,MAAAA,aAJsD;AAKtDU,MAAAA,wBALsD;AAMtDoE,MAAAA;AANsD,KAArB,CAAlC;AASAvB,IAAAA,oBAAoB,CAAEwB,yBAAF,CAApB;AAEAlE,IAAAA,yBAAyB,CAAE8D,0BAAF,CAAzB;AACA,GAtBD,EAsBG,CACFtF,MADE,EAEFS,SAFE,EAGFsE,YAHE,EAIFE,eAJE,EAKFE,uBALE,EAMFE,gBANE,EAOF3E,UAPE,EAQFC,aARE,EASFU,wBATE,EAUF6C,oBAVE,CAtBH,EAzOI,CA4QJ;AACA;AACA;;AACA,gCAAiB,MAAM;AACtB,SACC;AACA3C,IAAAA,sBAAsB,KAAKiE,QAA3B,IACA;AACAjE,IAAAA,sBAAsB,KAAKoB,IAAI,CAACC,QAAL,CAAcP,OAAd,EAAuBsD,aAFlD,IAGA;AACA;AACA,KAAEpE,sBAAsB,EAAEqE,WAAxB,EAAqCC,YAPxC,EAQE;AACD9D,MAAAA,cAAc,CAACM,OAAf,GAAyBjD,SAAzB;AACA;AACA;;AAED,UAAM;AAAEwG,MAAAA;AAAF,QAAkBrE,sBAAxB;AACA,UAAM;AAAEsE,MAAAA;AAAF,QAAmBD,WAAzB;AAEA,UAAME,eAAe,GAAGD,YAAY,GACjC,6BAAoBA,YAApB,CADiC,GAEjC,IAFH;;AAIA,UAAME,iBAAiB,GAAG,MAAM;AAC/BhE,MAAAA,cAAc,CAACM,OAAf,GAAyB,2BAAgBd,sBAAhB,CAAzB;AACA6C,MAAAA,MAAM;AACN,KAHD;;AAIAwB,IAAAA,WAAW,CAACI,gBAAZ,CAA8B,QAA9B,EAAwCD,iBAAxC;AACAD,IAAAA,eAAe,EAAEE,gBAAjB,CAAmC,QAAnC,EAA6CD,iBAA7C;AAEAA,IAAAA,iBAAiB;AAEjB,WAAO,MAAM;AACZH,MAAAA,WAAW,CAACK,mBAAZ,CAAiC,QAAjC,EAA2CF,iBAA3C;AACAD,MAAAA,eAAe,EAAEG,mBAAjB,CAAsC,QAAtC,EAAgDF,iBAAhD;AACA,KAHD;AAIA,GAlCD,EAkCG,CAAExE,sBAAF,EAA0B6C,MAA1B,EAAkCzB,IAAI,CAACC,QAAvC,CAlCH;AAoCA,QAAMsD,iBAAiB,GAAG,2BAAc,CACvCtD,QADuC,EAEvCkB,SAFuC,EAGvCjF,YAHuC,CAAd,CAA1B,CAnTI,CAyTJ;AACA;;AAEA,MAAIsH,OAAO,GACV;AACA;AACA,8BAAC,eAAD;AACC,IAAA,aAAa,EAAGjH,OAAO,IAAI,CAAE0C,UAD9B;AAEC,IAAA,SAAS,EAAGyC,iBAFb;AAGC,IAAA,SAAS,EAAG,yBAAY,oBAAZ,EAAkC5E,SAAlC,EAA6C;AACxD,qBAAemC,UADyC;AAExD,uBAAiBO,CAAC,KAAK,IAAN,IAAcC,CAAC,KAAK,IAFmB;AAGxD;AACA,OAAG,MACFjB,eAAe,KAAK,SAApB,GACG,WADH,GAEGA,eACH,EAJD,GAIMA;AARkD,KAA7C,CAHb;AAAA,OAaMN,YAbN;AAcC,IAAA,GAAG,EAAGqF,iBAdP;AAAA,OAeMnC,WAfN;AAgBC,IAAA,QAAQ,EAAG,CAAC,CAhBb;AAiBC,IAAA,KAAK,EACJnC,UAAU,GACPxC,SADO,GAEP;AACAO,MAAAA,QAAQ,EAAEwE,QADV;AAEAa,MAAAA,GAAG,EAAE,CAFL;AAGAoB,MAAAA,IAAI,EAAE,CAHN;AAIA;AACA;AACA;AACA;AACA;AACAjE,MAAAA,CAAC,EAAE,mCAAwBA,CAAxB,CATH;AAUAC,MAAAA,CAAC,EAAE,mCAAwBA,CAAxB;AAVH;AApBL,KAmCGR,UAAU,IAAI,4BAAC,mBAAD,OAnCjB,EAoCGA,UAAU,IACX;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGtC,WADH,CADD,EAIC,4BAAC,eAAD;AACC,IAAA,SAAS,EAAC,2BADX;AAEC,IAAA,IAAI,EAAG+G,YAFR;AAGC,IAAA,OAAO,EAAG9G;AAHX,IAJD,CArCF,EAgDC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+CC,QAA/C,CAhDD,EAiDGqC,QAAQ,IACT;AACC,IAAA,GAAG,EAAGiD,gBADP;AAEC,IAAA,SAAS,EAAG,CACX,2BADW,EAEV,MAAMT,iBAAiB,CAACiC,KAAlB,CAAyB,GAAzB,EAAgC,CAAhC,CAAqC,EAFjC,EAGVC,IAHU,CAGJ,GAHI,CAFb;AAMC,IAAA,KAAK,EAAG;AACPH,MAAAA,IAAI,EACH,OAAO5B,SAAS,EAAErC,CAAlB,KAAwB,WAAxB,IACAqE,MAAM,CAACC,QAAP,CAAiBjC,SAAS,CAACrC,CAA3B,CADA,GAEI,GACDqC,SAAS,CAACrC,CAAV,6BACEJ,cAAc,CAACM,OAAf,EAAwBF,CAD1B,yEAC+B,CAD/B,CAEC,IALJ,GAMG,EARG;AASP6C,MAAAA,GAAG,EACF,OAAOR,SAAS,EAAEpC,CAAlB,KAAwB,WAAxB,IACAoE,MAAM,CAACC,QAAP,CAAiBjC,SAAS,CAACpC,CAA3B,CADA,GAEI,GACDoC,SAAS,CAACpC,CAAV,8BACEL,cAAc,CAACM,OAAf,EAAwBD,CAD1B,2EAC+B,CAD/B,CAEC,IALJ,GAMG;AAhBG;AANT,KAyBC,4BAAC,aAAD,OAzBD,CAlDF,CAHD;;AAoFA,MAAKsB,IAAI,CAACgD,GAAV,EAAgB;AACfP,IAAAA,OAAO,GAAG,4BAAC,cAAD;AAAM,MAAA,IAAI,EAAG1C;AAAb,OAA0B0C,OAA1B,CAAV;AACA;;AAED,MAAK1F,SAAS,IAAIC,UAAb,IAA2BV,MAAhC,EAAyC;AACxC,WAAOmG,OAAP;AACA;;AAED,SAAO;AAAM,IAAA,GAAG,EAAG1E;AAAZ,KAAkC0E,OAAlC,CAAP;AACA,CAlaD;AAoaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMQ,OAAO,GAAG,yBAAYtH,kBAAZ,CAAhB;;;AAEP,SAASuH,WAAT,CACC;AAAE3E,EAAAA,IAAI,GAAG5D;AAAT,CADD,EAECqI,GAFD,EAGE;AACD,SACC,4BAAC,cAAD,CACC;AADD;AAEC,IAAA,gBAAgB,MAFjB;AAGC,IAAA,IAAI,EAAGzE,IAHR;AAIC,IAAA,SAAS,EAAC,cAJX;AAKC,IAAA,GAAG,EAAGyE;AALP,IADD;AASA,C,CAED;;;AACAC,OAAO,CAACE,IAAR,GAAe,yBAAYD,WAAZ,CAAf,C,CACA;;AACAD,OAAO,CAACG,0BAAR,GAAqC3H,eAAe,CAAC4H,QAArD;eAEeJ,O","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, SyntheticEvent, RefCallback } from 'react';\nimport classnames from 'classnames';\nimport {\n\tuseFloating,\n\tflip as flipMiddleware,\n\tshift as shiftMiddleware,\n\tautoUpdate,\n\tarrow,\n\toffset as offsetMiddleware,\n\tsize,\n\tMiddleware,\n\tMiddlewareArguments,\n} from '@floating-ui/react-dom';\n// eslint-disable-next-line no-restricted-imports\nimport {\n\tmotion,\n\tuseReducedMotion,\n\tHTMLMotionProps,\n\tMotionProps,\n} 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} from '@wordpress/element';\nimport {\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 { getScrollContainer } from '@wordpress/dom';\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\tgetFrameOffset,\n\tgetFrameScale,\n\tpositionToPlacement,\n\tplacementToMotionAnimationProps,\n\tgetReferenceOwnerDocument,\n\tgetReferenceElement,\n} from './utils';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type {\n\tPopoverProps,\n\tAnimatedWrapperProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\nimport { limitShift as customLimitShift } from './limit-shift';\nimport { overlayMiddlewares } from './overlay-middlewares';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nexport const SLOT_NAME = 'Popover';\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 AnimatedWrapper = forwardRef(\n\t(\n\t\t{\n\t\t\tstyle: receivedInlineStyles,\n\t\t\tplacement,\n\t\t\tshouldAnimate = false,\n\t\t\t...props\n\t\t}: HTMLMotionProps< 'div' > & AnimatedWrapperProps,\n\t\tforwardedRef: ForwardedRef< any >\n\t) => {\n\t\tconst shouldReduceMotion = useReducedMotion();\n\n\t\tconst { style: motionInlineStyles, ...otherMotionProps } = useMemo(\n\t\t\t() => placementToMotionAnimationProps( placement ),\n\t\t\t[ placement ]\n\t\t);\n\n\t\tconst computedAnimationProps: HTMLMotionProps< 'div' > =\n\t\t\tshouldAnimate && ! shouldReduceMotion\n\t\t\t\t? {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t...motionInlineStyles,\n\t\t\t\t\t\t\t...receivedInlineStyles,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t...otherMotionProps,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\tanimate: false,\n\t\t\t\t\t\tstyle: receivedInlineStyles,\n\t\t\t\t  };\n\n\t\treturn (\n\t\t\t<motion.div\n\t\t\t\t{ ...computedAnimationProps }\n\t\t\t\t{ ...props }\n\t\t\t\tref={ forwardedRef }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nconst slotNameContext = createContext< string | undefined >( undefined );\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 `PopoverProps`).\n\t\tkeyof Omit< MotionProps, 'animate' | 'children' >\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tanimate = true,\n\t\theaderTitle,\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\tvariant,\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} = props;\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\tconst [ referenceOwnerDocument, setReferenceOwnerDocument ] = useState<\n\t\tDocument | undefined\n\t>();\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\t/**\n\t * Offsets the position of the popover when the anchor is inside an iframe.\n\t *\n\t * Store the offset in a ref, due to constraints with floating-ui:\n\t * https://floating-ui.com/docs/react-dom#variables-inside-middleware-functions.\n\t */\n\tconst frameOffsetRef = useRef( getFrameOffset( referenceOwnerDocument ) );\n\n\tconst middleware = [\n\t\t...( placementProp === 'overlay' ? overlayMiddlewares() : [] ),\n\t\t// Custom middleware which adjusts the popover's position by taking into\n\t\t// account the offset of the anchor's iframe (if any) compared to the page.\n\t\t{\n\t\t\tname: 'frameOffset',\n\t\t\tfn( { x, y }: MiddlewareArguments ) {\n\t\t\t\tif ( ! frameOffsetRef.current ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\tx: x + frameOffsetRef.current.x,\n\t\t\t\t\ty: y + frameOffsetRef.current.y,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\t// This will be used in the customLimitShift() function.\n\t\t\t\t\t\tamount: frameOffsetRef.current,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t},\n\t\t},\n\t\toffsetMiddleware( offsetProp ),\n\t\tcomputedFlipProp ? flipMiddleware() : undefined,\n\t\tcomputedResizeProp\n\t\t\t? size( {\n\t\t\t\t\tapply( sizeProps ) {\n\t\t\t\t\t\tconst { firstElementChild } =\n\t\t\t\t\t\t\trefs.floating.current ?? {};\n\n\t\t\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) )\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\t\t\tmaxHeight: `${ sizeProps.availableHeight }px`,\n\t\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t  } )\n\t\t\t: undefined,\n\t\tshift\n\t\t\t? shiftMiddleware( {\n\t\t\t\t\tcrossAxis: true,\n\t\t\t\t\tlimiter: customLimitShift(),\n\t\t\t\t\tpadding: 1, // Necessary to avoid flickering at the edge of the viewport.\n\t\t\t  } )\n\t\t\t: undefined,\n\t\tarrow( { element: arrowRef } ),\n\t].filter(\n\t\t( m: Middleware | undefined ): m is Middleware => m !== undefined\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\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// Callback refs (not regular refs). This allows the position to be updated.\n\t\t// when either elements change.\n\t\treference: referenceCallbackRef,\n\t\tfloating,\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\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 resultingReferenceOwnerDoc = getReferenceOwnerDocument( {\n\t\t\tanchor,\n\t\t\tanchorRef,\n\t\t\tanchorRect,\n\t\t\tgetAnchorRect,\n\t\t\tfallbackReferenceElement,\n\t\t\tfallbackDocument: document,\n\t\t} );\n\t\tconst scale = getFrameScale( resultingReferenceOwnerDoc );\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\tscale,\n\t\t} );\n\n\t\treferenceCallbackRef( resultingReferenceElement );\n\n\t\tsetReferenceOwnerDocument( resultingReferenceOwnerDoc );\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\treferenceCallbackRef,\n\t] );\n\n\t// If the reference element is in a different ownerDocument (e.g. iFrame),\n\t// we need to manually update the floating's position as the reference's owner\n\t// document scrolls. Also update the frame offset if the view resizes.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\t// Reference and root documents are the same.\n\t\t\treferenceOwnerDocument === document ||\n\t\t\t// Reference and floating are in the same document.\n\t\t\treferenceOwnerDocument === refs.floating.current?.ownerDocument ||\n\t\t\t// The reference's document has no view (i.e. window)\n\t\t\t// or frame element (ie. it's not an iframe).\n\t\t\t! referenceOwnerDocument?.defaultView?.frameElement\n\t\t) {\n\t\t\tframeOffsetRef.current = undefined;\n\t\t\treturn;\n\t\t}\n\n\t\tconst { defaultView } = referenceOwnerDocument;\n\t\tconst { frameElement } = defaultView;\n\n\t\tconst scrollContainer = frameElement\n\t\t\t? getScrollContainer( frameElement )\n\t\t\t: null;\n\n\t\tconst updateFrameOffset = () => {\n\t\t\tframeOffsetRef.current = getFrameOffset( referenceOwnerDocument );\n\t\t\tupdate();\n\t\t};\n\t\tdefaultView.addEventListener( 'resize', updateFrameOffset );\n\t\tscrollContainer?.addEventListener( 'scroll', updateFrameOffset );\n\n\t\tupdateFrameOffset();\n\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'resize', updateFrameOffset );\n\t\t\tscrollContainer?.removeEventListener( 'scroll', updateFrameOffset );\n\t\t};\n\t}, [ referenceOwnerDocument, update, refs.floating ] );\n\n\tconst mergedFloatingRef = useMergeRefs( [\n\t\tfloating,\n\t\tdialogRef,\n\t\tforwardedRef,\n\t] );\n\n\t// Disable reason: We care to capture the _bubbled_ events from inputs\n\t// within popover as inferring close intent.\n\n\tlet content = (\n\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<AnimatedWrapper\n\t\t\tshouldAnimate={ animate && ! isExpanded }\n\t\t\tplacement={ computedPlacement }\n\t\t\tclassName={ classnames( 'components-popover', className, {\n\t\t\t\t'is-expanded': isExpanded,\n\t\t\t\t'is-positioned': x !== null && y !== null,\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{ ...contentProps }\n\t\t\tref={ mergedFloatingRef }\n\t\t\t{ ...dialogProps }\n\t\t\ttabIndex={ -1 }\n\t\t\tstyle={\n\t\t\t\tisExpanded\n\t\t\t\t\t? undefined\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tposition: strategy,\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t// `x` and `y` are framer-motion specific props and are shorthands\n\t\t\t\t\t\t\t// for `translateX` and `translateY`. Currently it is not possible\n\t\t\t\t\t\t\t// to use `translateX` and `translateY` because those values would\n\t\t\t\t\t\t\t// be overridden by the return value of the\n\t\t\t\t\t\t\t// `placementToMotionAnimationProps` function in `AnimatedWrapper`\n\t\t\t\t\t\t\tx: computePopoverPosition( x ),\n\t\t\t\t\t\t\ty: computePopoverPosition( y ),\n\t\t\t\t\t  }\n\t\t\t}\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\ticon={ close }\n\t\t\t\t\t\tonClick={ onClose }\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? `${\n\t\t\t\t\t\t\t\t\t\tarrowData.x +\n\t\t\t\t\t\t\t\t\t\t( frameOffsetRef.current?.x ?? 0 )\n\t\t\t\t\t\t\t\t  }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? `${\n\t\t\t\t\t\t\t\t\t\tarrowData.y +\n\t\t\t\t\t\t\t\t\t\t( frameOffsetRef.current?.y ?? 0 )\n\t\t\t\t\t\t\t\t  }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</AnimatedWrapper>\n\t);\n\n\tif ( slot.ref ) {\n\t\tcontent = <Fill name={ slotName }>{ content }</Fill>;\n\t}\n\n\tif ( anchorRef || anchorRect || anchor ) {\n\t\treturn content;\n\t}\n\n\treturn <span ref={ anchorRefFallback }>{ content }</span>;\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 = forwardRef( UnforwardedPopover );\n\nfunction PopoverSlot(\n\t{ name = SLOT_NAME }: { name?: string },\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Slot\n\t\t\t// @ts-expect-error Need to type `SlotFill`\n\t\t\tbubblesVirtually\n\t\t\tname={ name }\n\t\t\tclassName=\"popover-slot\"\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\n// @ts-expect-error For Legacy Reasons\nPopover.Slot = forwardRef( PopoverSlot );\n// @ts-expect-error For Legacy Reasons\nPopover.__unstableSlotNameProvider = slotNameContext.Provider;\n\nexport default Popover;\n"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_reactDom","_framerMotion","_compose","_icons","_deprecated","_primitives","_dom","_button","_scrollLock","_slotFill","_utils","_limitShift","_overlayMiddlewares","SLOT_NAME","exports","ArrowTriangle","createElement","SVG","xmlns","viewBox","className","role","Path","d","vectorEffect","AnimatedWrapper","forwardRef","style","receivedInlineStyles","placement","shouldAnimate","props","forwardedRef","shouldReduceMotion","useReducedMotion","motionInlineStyles","otherMotionProps","useMemo","placementToMotionAnimationProps","computedAnimationProps","animate","motion","div","ref","slotNameContext","createContext","undefined","UnforwardedPopover","_frameOffsetRef$curre","_frameOffsetRef$curre2","headerTitle","onClose","children","noArrow","position","placementProp","offset","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","flip","resize","shift","variant","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","computedFlipProp","computedResizeProp","deprecated","since","version","alternative","computedVariant","arrowRef","useRef","fallbackReferenceElement","setFallbackReferenceElement","useState","referenceOwnerDocument","setReferenceOwnerDocument","anchorRefFallback","useCallback","node","isMobileViewport","useViewportMatch","isExpanded","hasArrow","normalizedPlacementFromProps","positionToPlacement","frameOffsetRef","getFrameOffset","middleware","overlayMiddlewares","name","fn","x","y","current","data","amount","offsetMiddleware","flipMiddleware","size","apply","sizeProps","_refs$floating$curren","firstElementChild","refs","floating","HTMLElement","Object","assign","maxHeight","availableHeight","overflow","shiftMiddleware","crossAxis","limiter","customLimitShift","padding","arrow","element","filter","m","slotName","useContext","slot","useSlot","onDialogClose","type","event","dialogRef","dialogProps","useDialog","__unstableOnClose","reference","referenceCallbackRef","strategy","update","computedPlacement","middlewareData","arrowData","useFloating","whileElementsMounted","referenceParam","floatingParam","updateParam","autoUpdate","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","useLayoutEffect","resultingReferenceOwnerDoc","getReferenceOwnerDocument","fallbackDocument","document","scale","getFrameScale","resultingReferenceElement","getReferenceElement","ownerDocument","defaultView","frameElement","scrollContainer","getScrollContainer","updateFrameOffset","addEventListener","removeEventListener","mergedFloatingRef","useMergeRefs","content","classnames","tabIndex","left","computePopoverPosition","default","icon","close","onClick","split","join","Number","isFinite","Fill","Popover","PopoverSlot","Slot","bubblesVirtually","__unstableSlotNameProvider","Provider","_default"],"sources":["@wordpress/components/src/popover/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, SyntheticEvent, RefCallback } from 'react';\nimport classnames from 'classnames';\nimport type { Middleware, MiddlewareArguments } from '@floating-ui/react-dom';\nimport {\n\tuseFloating,\n\tflip as flipMiddleware,\n\tshift as shiftMiddleware,\n\tautoUpdate,\n\tarrow,\n\toffset as offsetMiddleware,\n\tsize,\n} from '@floating-ui/react-dom';\n// eslint-disable-next-line no-restricted-imports\nimport type { HTMLMotionProps, MotionProps } from 'framer-motion';\n// eslint-disable-next-line no-restricted-imports\nimport { motion, useReducedMotion } 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} from '@wordpress/element';\nimport {\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 { getScrollContainer } from '@wordpress/dom';\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\tgetFrameOffset,\n\tgetFrameScale,\n\tpositionToPlacement,\n\tplacementToMotionAnimationProps,\n\tgetReferenceOwnerDocument,\n\tgetReferenceElement,\n} from './utils';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type {\n\tPopoverProps,\n\tAnimatedWrapperProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\nimport { limitShift as customLimitShift } from './limit-shift';\nimport { overlayMiddlewares } from './overlay-middlewares';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nexport const SLOT_NAME = 'Popover';\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 AnimatedWrapper = forwardRef(\n\t(\n\t\t{\n\t\t\tstyle: receivedInlineStyles,\n\t\t\tplacement,\n\t\t\tshouldAnimate = false,\n\t\t\t...props\n\t\t}: HTMLMotionProps< 'div' > & AnimatedWrapperProps,\n\t\tforwardedRef: ForwardedRef< any >\n\t) => {\n\t\tconst shouldReduceMotion = useReducedMotion();\n\n\t\tconst { style: motionInlineStyles, ...otherMotionProps } = useMemo(\n\t\t\t() => placementToMotionAnimationProps( placement ),\n\t\t\t[ placement ]\n\t\t);\n\n\t\tconst computedAnimationProps: HTMLMotionProps< 'div' > =\n\t\t\tshouldAnimate && ! shouldReduceMotion\n\t\t\t\t? {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t...motionInlineStyles,\n\t\t\t\t\t\t\t...receivedInlineStyles,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t...otherMotionProps,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\tanimate: false,\n\t\t\t\t\t\tstyle: receivedInlineStyles,\n\t\t\t\t  };\n\n\t\treturn (\n\t\t\t<motion.div\n\t\t\t\t{ ...computedAnimationProps }\n\t\t\t\t{ ...props }\n\t\t\t\tref={ forwardedRef }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nconst slotNameContext = createContext< string | undefined >( undefined );\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 `PopoverProps`).\n\t\tkeyof Omit< MotionProps, 'animate' | 'children' >\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tanimate = true,\n\t\theaderTitle,\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\tvariant,\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} = props;\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\tconst [ referenceOwnerDocument, setReferenceOwnerDocument ] = useState<\n\t\tDocument | undefined\n\t>();\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\t/**\n\t * Offsets the position of the popover when the anchor is inside an iframe.\n\t *\n\t * Store the offset in a ref, due to constraints with floating-ui:\n\t * https://floating-ui.com/docs/react-dom#variables-inside-middleware-functions.\n\t */\n\tconst frameOffsetRef = useRef( getFrameOffset( referenceOwnerDocument ) );\n\n\tconst middleware = [\n\t\t...( placementProp === 'overlay' ? overlayMiddlewares() : [] ),\n\t\t// Custom middleware which adjusts the popover's position by taking into\n\t\t// account the offset of the anchor's iframe (if any) compared to the page.\n\t\t{\n\t\t\tname: 'frameOffset',\n\t\t\tfn( { x, y }: MiddlewareArguments ) {\n\t\t\t\tif ( ! frameOffsetRef.current ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\tx: x + frameOffsetRef.current.x,\n\t\t\t\t\ty: y + frameOffsetRef.current.y,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\t// This will be used in the customLimitShift() function.\n\t\t\t\t\t\tamount: frameOffsetRef.current,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t},\n\t\t},\n\t\toffsetMiddleware( offsetProp ),\n\t\tcomputedFlipProp ? flipMiddleware() : undefined,\n\t\tcomputedResizeProp\n\t\t\t? size( {\n\t\t\t\t\tapply( sizeProps ) {\n\t\t\t\t\t\tconst { firstElementChild } =\n\t\t\t\t\t\t\trefs.floating.current ?? {};\n\n\t\t\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) )\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\t\t\tmaxHeight: `${ sizeProps.availableHeight }px`,\n\t\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t  } )\n\t\t\t: undefined,\n\t\tshift\n\t\t\t? shiftMiddleware( {\n\t\t\t\t\tcrossAxis: true,\n\t\t\t\t\tlimiter: customLimitShift(),\n\t\t\t\t\tpadding: 1, // Necessary to avoid flickering at the edge of the viewport.\n\t\t\t  } )\n\t\t\t: undefined,\n\t\tarrow( { element: arrowRef } ),\n\t].filter(\n\t\t( m: Middleware | undefined ): m is Middleware => m !== undefined\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\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// Callback refs (not regular refs). This allows the position to be updated.\n\t\t// when either elements change.\n\t\treference: referenceCallbackRef,\n\t\tfloating,\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\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 resultingReferenceOwnerDoc = getReferenceOwnerDocument( {\n\t\t\tanchor,\n\t\t\tanchorRef,\n\t\t\tanchorRect,\n\t\t\tgetAnchorRect,\n\t\t\tfallbackReferenceElement,\n\t\t\tfallbackDocument: document,\n\t\t} );\n\t\tconst scale = getFrameScale( resultingReferenceOwnerDoc );\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\tscale,\n\t\t} );\n\n\t\treferenceCallbackRef( resultingReferenceElement );\n\n\t\tsetReferenceOwnerDocument( resultingReferenceOwnerDoc );\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\treferenceCallbackRef,\n\t] );\n\n\t// If the reference element is in a different ownerDocument (e.g. iFrame),\n\t// we need to manually update the floating's position as the reference's owner\n\t// document scrolls. Also update the frame offset if the view resizes.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\t// Reference and root documents are the same.\n\t\t\treferenceOwnerDocument === document ||\n\t\t\t// Reference and floating are in the same document.\n\t\t\treferenceOwnerDocument === refs.floating.current?.ownerDocument ||\n\t\t\t// The reference's document has no view (i.e. window)\n\t\t\t// or frame element (ie. it's not an iframe).\n\t\t\t! referenceOwnerDocument?.defaultView?.frameElement\n\t\t) {\n\t\t\tframeOffsetRef.current = undefined;\n\t\t\treturn;\n\t\t}\n\n\t\tconst { defaultView } = referenceOwnerDocument;\n\t\tconst { frameElement } = defaultView;\n\n\t\tconst scrollContainer = frameElement\n\t\t\t? getScrollContainer( frameElement )\n\t\t\t: null;\n\n\t\tconst updateFrameOffset = () => {\n\t\t\tframeOffsetRef.current = getFrameOffset( referenceOwnerDocument );\n\t\t\tupdate();\n\t\t};\n\t\tdefaultView.addEventListener( 'resize', updateFrameOffset );\n\t\tscrollContainer?.addEventListener( 'scroll', updateFrameOffset );\n\n\t\tupdateFrameOffset();\n\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'resize', updateFrameOffset );\n\t\t\tscrollContainer?.removeEventListener( 'scroll', updateFrameOffset );\n\t\t};\n\t}, [ referenceOwnerDocument, update, refs.floating ] );\n\n\tconst mergedFloatingRef = useMergeRefs( [\n\t\tfloating,\n\t\tdialogRef,\n\t\tforwardedRef,\n\t] );\n\n\t// Disable reason: We care to capture the _bubbled_ events from inputs\n\t// within popover as inferring close intent.\n\n\tlet content = (\n\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<AnimatedWrapper\n\t\t\tshouldAnimate={ animate && ! isExpanded }\n\t\t\tplacement={ computedPlacement }\n\t\t\tclassName={ classnames( 'components-popover', className, {\n\t\t\t\t'is-expanded': isExpanded,\n\t\t\t\t'is-positioned': x !== null && y !== null,\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{ ...contentProps }\n\t\t\tref={ mergedFloatingRef }\n\t\t\t{ ...dialogProps }\n\t\t\ttabIndex={ -1 }\n\t\t\tstyle={\n\t\t\t\tisExpanded\n\t\t\t\t\t? undefined\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tposition: strategy,\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t// `x` and `y` are framer-motion specific props and are shorthands\n\t\t\t\t\t\t\t// for `translateX` and `translateY`. Currently it is not possible\n\t\t\t\t\t\t\t// to use `translateX` and `translateY` because those values would\n\t\t\t\t\t\t\t// be overridden by the return value of the\n\t\t\t\t\t\t\t// `placementToMotionAnimationProps` function in `AnimatedWrapper`\n\t\t\t\t\t\t\tx: computePopoverPosition( x ),\n\t\t\t\t\t\t\ty: computePopoverPosition( y ),\n\t\t\t\t\t  }\n\t\t\t}\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\ticon={ close }\n\t\t\t\t\t\tonClick={ onClose }\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? `${\n\t\t\t\t\t\t\t\t\t\tarrowData.x +\n\t\t\t\t\t\t\t\t\t\t( frameOffsetRef.current?.x ?? 0 )\n\t\t\t\t\t\t\t\t  }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? `${\n\t\t\t\t\t\t\t\t\t\tarrowData.y +\n\t\t\t\t\t\t\t\t\t\t( frameOffsetRef.current?.y ?? 0 )\n\t\t\t\t\t\t\t\t  }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</AnimatedWrapper>\n\t);\n\n\tif ( slot.ref ) {\n\t\tcontent = <Fill name={ slotName }>{ content }</Fill>;\n\t}\n\n\tif ( anchorRef || anchorRect || anchor ) {\n\t\treturn content;\n\t}\n\n\treturn <span ref={ anchorRefFallback }>{ content }</span>;\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 = forwardRef( UnforwardedPopover );\n\nfunction PopoverSlot(\n\t{ name = SLOT_NAME }: { name?: string },\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Slot\n\t\t\t// @ts-expect-error Need to type `SlotFill`\n\t\t\tbubblesVirtually\n\t\t\tname={ name }\n\t\t\tclassName=\"popover-slot\"\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\n// @ts-expect-error For Legacy Reasons\nPopover.Slot = forwardRef( PopoverSlot );\n// @ts-expect-error For Legacy Reasons\nPopover.__unstableSlotNameProvider = slotNameContext.Provider;\n\nexport default Popover;\n"],"mappings":"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"}

package/build/popover/limit-shift.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.limitShift = void 0;
-
 /**
  * External dependencies
  */
@@ -46,21 +45,18 @@ exports.limitShift = void 0;
  * All unexported types and functions are also from the `@floating-ui` library,
  * and have been copied to this file for convenience.
  */
+
 function getSide(placement) {
   return placement.split('-')[0];
 }
-
 function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].includes(getSide(placement)) ? 'x' : 'y';
 }
-
 function getCrossAxis(axis) {
   return axis === 'x' ? 'y' : 'x';
 }
-
 const limitShift = (options = {}) => ({
   options,
-
   fn(middlewareArguments) {
     const {
       x,
@@ -90,51 +86,44 @@ const limitShift = (options = {}) => ({
       mainAxis: 0,
       crossAxis: 0,
       ...rawOffset
-    }; // At the moment of writing, this is the only difference
+    };
+
+    // At the moment of writing, this is the only difference
     // with the `limitShift` function from `@floating-ui`.
     // This offset needs to be added to all min/max limits
     // in order to make the shift-limiting work as expected.
-
     const additionalFrameOffset = {
       x: 0,
       y: 0,
       ...middlewareData.frameOffset?.amount
     };
-
     if (checkMainAxis) {
       const len = mainAxis === 'y' ? 'height' : 'width';
       const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis + additionalFrameOffset[mainAxis];
       const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis + additionalFrameOffset[mainAxis];
-
       if (mainAxisCoord < limitMin) {
         mainAxisCoord = limitMin;
       } else if (mainAxisCoord > limitMax) {
         mainAxisCoord = limitMax;
       }
     }
-
     if (checkCrossAxis) {
       var _middlewareData$offse, _middlewareData$offse2;
-
       const len = mainAxis === 'y' ? 'width' : 'height';
       const isOriginSide = ['top', 'left'].includes(getSide(placement));
       const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse !== void 0 ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis) + additionalFrameOffset[crossAxis];
       const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse2 = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse2 !== void 0 ? _middlewareData$offse2 : 0) - (isOriginSide ? computedOffset.crossAxis : 0) + additionalFrameOffset[crossAxis];
-
       if (crossAxisCoord < limitMin) {
         crossAxisCoord = limitMin;
       } else if (crossAxisCoord > limitMax) {
         crossAxisCoord = limitMax;
       }
     }
-
     return {
       [mainAxis]: mainAxisCoord,
       [crossAxis]: crossAxisCoord
     };
   }
-
 });
-
 exports.limitShift = limitShift;
 //# sourceMappingURL=limit-shift.js.map