@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/block-popover/index.js

@@ -1,22 +1,16 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useMergeRefs } from '@wordpress/compose';
-import { Popover } from '@wordpress/components';
-import { forwardRef, useMemo, useReducer, useLayoutEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useBlockElement } from '../block-list/use-block-props/use-block-refs';
-import usePopoverScroll from './use-popover-scroll';
-import { rectUnion, getElementBounds } from '../../utils/dom';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useMergeRefs } from "@wordpress/compose";
+import { Popover } from "@wordpress/components";
+import {
+  forwardRef,
+  useMemo,
+  useReducer,
+  useLayoutEffect
+} from "@wordpress/element";
+import { useBlockElement } from "../block-list/use-block-props/use-block-refs";
+import usePopoverScroll from "./use-popover-scroll";
+import { rectUnion, getElementBounds } from "../../utils/dom";
 const MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;
 function BlockPopover({
   clientId,
@@ -28,87 +22,94 @@ function BlockPopover({
   ...props
 }, ref) {
   const selectedElement = useBlockElement(clientId);
-  const lastSelectedElement = useBlockElement(bottomClientId !== null && bottomClientId !== void 0 ? bottomClientId : clientId);
-  const mergedRefs = useMergeRefs([ref, usePopoverScroll(__unstableContentRef)]);
-  const [popoverDimensionsRecomputeCounter, forceRecomputePopoverDimensions] = useReducer(
-  // Module is there to make sure that the counter doesn't overflow.
-  s => (s + 1) % MAX_POPOVER_RECOMPUTE_COUNTER, 0);
-
-  // When blocks are moved up/down, they are animated to their new position by
-  // updating the `transform` property manually (i.e. without using CSS
-  // transitions or animations). The animation, which can also scroll the block
-  // editor, can sometimes cause the position of the Popover to get out of sync.
-  // A MutationObserver is therefore used to make sure that changes to the
-  // selectedElement's attribute (i.e. `transform`) can be tracked and used to
-  // trigger the Popover to rerender.
+  const lastSelectedElement = useBlockElement(bottomClientId ?? clientId);
+  const mergedRefs = useMergeRefs([
+    ref,
+    usePopoverScroll(__unstableContentRef)
+  ]);
+  const [
+    popoverDimensionsRecomputeCounter,
+    forceRecomputePopoverDimensions
+  ] = useReducer(
+    // Module is there to make sure that the counter doesn't overflow.
+    (s) => (s + 1) % MAX_POPOVER_RECOMPUTE_COUNTER,
+    0
+  );
   useLayoutEffect(() => {
     if (!selectedElement) {
       return;
     }
-    const observer = new window.MutationObserver(forceRecomputePopoverDimensions);
-    observer.observe(selectedElement, {
-      attributes: true
-    });
+    const observer = new window.MutationObserver(
+      forceRecomputePopoverDimensions
+    );
+    observer.observe(selectedElement, { attributes: true });
     return () => {
       observer.disconnect();
     };
   }, [selectedElement]);
   const popoverAnchor = useMemo(() => {
     if (
-    // popoverDimensionsRecomputeCounter is by definition always equal or greater
-    // than 0. This check is only there to satisfy the correctness of the
-    // exhaustive-deps rule for the `useMemo` hook.
-    popoverDimensionsRecomputeCounter < 0 || !selectedElement || bottomClientId && !lastSelectedElement) {
-      return undefined;
+      // popoverDimensionsRecomputeCounter is by definition always equal or greater
+      // than 0. This check is only there to satisfy the correctness of the
+      // exhaustive-deps rule for the `useMemo` hook.
+      popoverDimensionsRecomputeCounter < 0 || !selectedElement || bottomClientId && !lastSelectedElement
+    ) {
+      return void 0;
     }
     return {
       getBoundingClientRect() {
-        return lastSelectedElement ? rectUnion(getElementBounds(selectedElement), getElementBounds(lastSelectedElement)) : getElementBounds(selectedElement);
+        return lastSelectedElement ? rectUnion(
+          getElementBounds(selectedElement),
+          getElementBounds(lastSelectedElement)
+        ) : getElementBounds(selectedElement);
       },
       contextElement: selectedElement
     };
-  }, [popoverDimensionsRecomputeCounter, selectedElement, bottomClientId, lastSelectedElement]);
+  }, [
+    popoverDimensionsRecomputeCounter,
+    selectedElement,
+    bottomClientId,
+    lastSelectedElement
+  ]);
   if (!selectedElement || bottomClientId && !lastSelectedElement) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Popover, {
-    ref: mergedRefs,
-    animate: false,
-    focusOnMount: false,
-    anchor: popoverAnchor
-    // Render in the old slot if needed for backward compatibility,
-    // otherwise render in place (not in the default popover slot).
-    ,
-    __unstableSlotName: __unstablePopoverSlot,
-    inline: !__unstablePopoverSlot,
-    placement: "top-start",
-    resize: false,
-    flip: false,
-    shift: shift,
-    ...props,
-    className: clsx('block-editor-block-popover', props.className),
-    variant: "unstyled",
-    children: children
-  });
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ref: mergedRefs,
+      animate: false,
+      focusOnMount: false,
+      anchor: popoverAnchor,
+      __unstableSlotName: __unstablePopoverSlot,
+      inline: !__unstablePopoverSlot,
+      placement: "top-start",
+      resize: false,
+      flip: false,
+      shift,
+      ...props,
+      className: clsx("block-editor-block-popover", props.className),
+      variant: "unstyled",
+      children
+    }
+  );
 }
-export const PrivateBlockPopover = forwardRef(BlockPopover);
-const PublicBlockPopover = ({
-  clientId,
-  bottomClientId,
-  children,
-  ...props
-}, ref) => /*#__PURE__*/_jsx(PrivateBlockPopover, {
-  ...props,
-  bottomClientId: bottomClientId,
-  clientId: clientId,
-  __unstableContentRef: undefined,
-  __unstablePopoverSlot: undefined,
-  ref: ref,
-  children: children
-});
-
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-popover/README.md
- */
-export default forwardRef(PublicBlockPopover);
-//# sourceMappingURL=index.js.map
+const PrivateBlockPopover = forwardRef(BlockPopover);
+const PublicBlockPopover = ({ clientId, bottomClientId, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  PrivateBlockPopover,
+  {
+    ...props,
+    bottomClientId,
+    clientId,
+    __unstableContentRef: void 0,
+    __unstablePopoverSlot: void 0,
+    ref,
+    children
+  }
+);
+var block_popover_default = forwardRef(PublicBlockPopover);
+export {
+  PrivateBlockPopover,
+  block_popover_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useMergeRefs","Popover","forwardRef","useMemo","useReducer","useLayoutEffect","useBlockElement","usePopoverScroll","rectUnion","getElementBounds","jsx","_jsx","MAX_POPOVER_RECOMPUTE_COUNTER","Number","MAX_SAFE_INTEGER","BlockPopover","clientId","bottomClientId","children","__unstablePopoverSlot","__unstableContentRef","shift","props","ref","selectedElement","lastSelectedElement","mergedRefs","popoverDimensionsRecomputeCounter","forceRecomputePopoverDimensions","s","observer","window","MutationObserver","observe","attributes","disconnect","popoverAnchor","undefined","getBoundingClientRect","contextElement","animate","focusOnMount","anchor","__unstableSlotName","inline","placement","resize","flip","className","variant","PrivateBlockPopover","PublicBlockPopover"],"sources":["@wordpress/block-editor/src/components/block-popover/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { Popover } from '@wordpress/components';\nimport {\n\tforwardRef,\n\tuseMemo,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\nimport { rectUnion, getElementBounds } from '../../utils/dom';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nfunction BlockPopover(\n\t{\n\t\tclientId,\n\t\tbottomClientId,\n\t\tchildren,\n\t\t__unstablePopoverSlot,\n\t\t__unstableContentRef,\n\t\tshift = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst selectedElement = useBlockElement( clientId );\n\tconst lastSelectedElement = useBlockElement( bottomClientId ?? clientId );\n\tconst mergedRefs = useMergeRefs( [\n\t\tref,\n\t\tusePopoverScroll( __unstableContentRef ),\n\t] );\n\n\tconst [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tforceRecomputePopoverDimensions,\n\t] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\t// When blocks are moved up/down, they are animated to their new position by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new window.MutationObserver(\n\t\t\tforceRecomputePopoverDimensions\n\t\t);\n\t\tobserver.observe( selectedElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ selectedElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverDimensionsRecomputeCounter is by definition always equal or greater\n\t\t\t// than 0. This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverDimensionsRecomputeCounter < 0 ||\n\t\t\t! selectedElement ||\n\t\t\t( bottomClientId && ! lastSelectedElement )\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn lastSelectedElement\n\t\t\t\t\t? rectUnion(\n\t\t\t\t\t\t\tgetElementBounds( selectedElement ),\n\t\t\t\t\t\t\tgetElementBounds( lastSelectedElement )\n\t\t\t\t\t  )\n\t\t\t\t\t: getElementBounds( selectedElement );\n\t\t\t},\n\t\t\tcontextElement: selectedElement,\n\t\t};\n\t}, [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tselectedElement,\n\t\tbottomClientId,\n\t\tlastSelectedElement,\n\t] );\n\n\tif ( ! selectedElement || ( bottomClientId && ! lastSelectedElement ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ mergedRefs }\n\t\t\tanimate={ false }\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\tplacement=\"top-start\"\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tshift={ shift }\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'block-editor-block-popover', props.className ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t{ children }\n\t\t</Popover>\n\t);\n}\n\nexport const PrivateBlockPopover = forwardRef( BlockPopover );\n\nconst PublicBlockPopover = (\n\t{ clientId, bottomClientId, children, ...props },\n\tref\n) => (\n\t<PrivateBlockPopover\n\t\t{ ...props }\n\t\tbottomClientId={ bottomClientId }\n\t\tclientId={ clientId }\n\t\t__unstableContentRef={ undefined }\n\t\t__unstablePopoverSlot={ undefined }\n\t\tref={ ref }\n\t>\n\t\t{ children }\n\t</PrivateBlockPopover>\n);\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-popover/README.md\n */\nexport default forwardRef( PublicBlockPopover );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-popover/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { Popover } from '@wordpress/components';\nimport {\n\tforwardRef,\n\tuseMemo,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\nimport { rectUnion, getElementBounds } from '../../utils/dom';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nfunction BlockPopover(\n\t{\n\t\tclientId,\n\t\tbottomClientId,\n\t\tchildren,\n\t\t__unstablePopoverSlot,\n\t\t__unstableContentRef,\n\t\tshift = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst selectedElement = useBlockElement( clientId );\n\tconst lastSelectedElement = useBlockElement( bottomClientId ?? clientId );\n\tconst mergedRefs = useMergeRefs( [\n\t\tref,\n\t\tusePopoverScroll( __unstableContentRef ),\n\t] );\n\n\tconst [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tforceRecomputePopoverDimensions,\n\t] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\t// When blocks are moved up/down, they are animated to their new position by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new window.MutationObserver(\n\t\t\tforceRecomputePopoverDimensions\n\t\t);\n\t\tobserver.observe( selectedElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ selectedElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverDimensionsRecomputeCounter is by definition always equal or greater\n\t\t\t// than 0. This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverDimensionsRecomputeCounter < 0 ||\n\t\t\t! selectedElement ||\n\t\t\t( bottomClientId && ! lastSelectedElement )\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn lastSelectedElement\n\t\t\t\t\t? rectUnion(\n\t\t\t\t\t\t\tgetElementBounds( selectedElement ),\n\t\t\t\t\t\t\tgetElementBounds( lastSelectedElement )\n\t\t\t\t\t  )\n\t\t\t\t\t: getElementBounds( selectedElement );\n\t\t\t},\n\t\t\tcontextElement: selectedElement,\n\t\t};\n\t}, [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tselectedElement,\n\t\tbottomClientId,\n\t\tlastSelectedElement,\n\t] );\n\n\tif ( ! selectedElement || ( bottomClientId && ! lastSelectedElement ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ mergedRefs }\n\t\t\tanimate={ false }\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\tplacement=\"top-start\"\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tshift={ shift }\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'block-editor-block-popover', props.className ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t{ children }\n\t\t</Popover>\n\t);\n}\n\nexport const PrivateBlockPopover = forwardRef( BlockPopover );\n\nconst PublicBlockPopover = (\n\t{ clientId, bottomClientId, children, ...props },\n\tref\n) => (\n\t<PrivateBlockPopover\n\t\t{ ...props }\n\t\tbottomClientId={ bottomClientId }\n\t\tclientId={ clientId }\n\t\t__unstableContentRef={ undefined }\n\t\t__unstablePopoverSlot={ undefined }\n\t\tref={ ref }\n\t>\n\t\t{ children }\n\t</PrivateBlockPopover>\n);\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-popover/README.md\n */\nexport default forwardRef( PublicBlockPopover );\n"],
+  "mappings": "AA+GE;AA5GF,OAAO,UAAU;AAKjB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAKP,SAAS,uBAAuB;AAChC,OAAO,sBAAsB;AAC7B,SAAS,WAAW,wBAAwB;AAE5C,MAAM,gCAAgC,OAAO;AAE7C,SAAS,aACR;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACJ,GACA,KACC;AACD,QAAM,kBAAkB,gBAAiB,QAAS;AAClD,QAAM,sBAAsB,gBAAiB,kBAAkB,QAAS;AACxE,QAAM,aAAa,aAAc;AAAA,IAChC;AAAA,IACA,iBAAkB,oBAAqB;AAAA,EACxC,CAAE;AAEF,QAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD,IAAI;AAAA;AAAA,IAEH,CAAE,OAAS,IAAI,KAAM;AAAA,IACrB;AAAA,EACD;AASA,kBAAiB,MAAM;AACtB,QAAK,CAAE,iBAAkB;AACxB;AAAA,IACD;AAEA,UAAM,WAAW,IAAI,OAAO;AAAA,MAC3B;AAAA,IACD;AACA,aAAS,QAAS,iBAAiB,EAAE,YAAY,KAAK,CAAE;AAExD,WAAO,MAAM;AACZ,eAAS,WAAW;AAAA,IACrB;AAAA,EACD,GAAG,CAAE,eAAgB,CAAE;AAEvB,QAAM,gBAAgB,QAAS,MAAM;AACpC;AAAA;AAAA;AAAA;AAAA,MAIC,oCAAoC,KACpC,CAAE,mBACA,kBAAkB,CAAE;AAAA,MACrB;AACD,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,MACN,wBAAwB;AACvB,eAAO,sBACJ;AAAA,UACA,iBAAkB,eAAgB;AAAA,UAClC,iBAAkB,mBAAoB;AAAA,QACtC,IACA,iBAAkB,eAAgB;AAAA,MACtC;AAAA,MACA,gBAAgB;AAAA,IACjB;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,MAAK,CAAE,mBAAqB,kBAAkB,CAAE,qBAAwB;AACvE,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,KAAM;AAAA,MACN,SAAU;AAAA,MACV,cAAe;AAAA,MACf,QAAS;AAAA,MAGT,oBAAqB;AAAA,MACrB,QAAS,CAAE;AAAA,MACX,WAAU;AAAA,MACV,QAAS;AAAA,MACT,MAAO;AAAA,MACP;AAAA,MACE,GAAG;AAAA,MACL,WAAY,KAAM,8BAA8B,MAAM,SAAU;AAAA,MAChE,SAAQ;AAAA,MAEN;AAAA;AAAA,EACH;AAEF;AAEO,MAAM,sBAAsB,WAAY,YAAa;AAE5D,MAAM,qBAAqB,CAC1B,EAAE,UAAU,gBAAgB,UAAU,GAAG,MAAM,GAC/C,QAEA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA,sBAAuB;AAAA,IACvB,uBAAwB;AAAA,IACxB;AAAA,IAEE;AAAA;AACH;AAMD,IAAO,wBAAQ,WAAY,kBAAmB;",
+  "names": []
+}

package/build-module/components/block-popover/use-popover-scroll.js

@@ -1,52 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { useRefEffect } from '@wordpress/compose';
-import { getScrollContainer } from '@wordpress/dom';
-const scrollContainerCache = new WeakMap();
-
-/**
- * Allow scrolling "through" popovers over the canvas. This is only called for
- * as long as the pointer is over a popover. Do not use React events because it
- * will bubble through portals.
- *
- * @param {Object} contentRef
- */
+import { useRefEffect } from "@wordpress/compose";
+import { getScrollContainer } from "@wordpress/dom";
+const scrollContainerCache = /* @__PURE__ */ new WeakMap();
 function usePopoverScroll(contentRef) {
-  const effect = useRefEffect(node => {
-    function onWheel(event) {
-      const {
-        deltaX,
-        deltaY,
-        target
-      } = event;
-      const contentEl = contentRef.current;
-      let scrollContainer = scrollContainerCache.get(contentEl);
-      if (!scrollContainer) {
-        scrollContainer = getScrollContainer(contentEl);
-        scrollContainerCache.set(contentEl, scrollContainer);
+  const effect = useRefEffect(
+    (node) => {
+      function onWheel(event) {
+        const { deltaX, deltaY, target } = event;
+        const contentEl = contentRef.current;
+        let scrollContainer = scrollContainerCache.get(contentEl);
+        if (!scrollContainer) {
+          scrollContainer = getScrollContainer(contentEl);
+          scrollContainerCache.set(contentEl, scrollContainer);
+        }
+        const eventScrollContainer = getScrollContainer(target);
+        if (!node.contains(eventScrollContainer)) {
+          scrollContainer.scrollBy(deltaX, deltaY);
+        }
       }
-      // Finds a scrollable ancestor of the event’s target. It's not cached because the
-      // it may not remain scrollable due to popover position changes. The cache is also
-      // less likely to be utilized because the target may be different every event.
-      const eventScrollContainer = getScrollContainer(target);
-      // Scrolls “through” the popover only if another contained scrollable area isn’t
-      // in front of it. This is to avoid scrolling both containers simultaneously.
-      if (!node.contains(eventScrollContainer)) {
-        scrollContainer.scrollBy(deltaX, deltaY);
-      }
-    }
-    // Tell the browser that we do not call event.preventDefault
-    // See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners
-    const options = {
-      passive: true
-    };
-    node.addEventListener('wheel', onWheel, options);
-    return () => {
-      node.removeEventListener('wheel', onWheel, options);
-    };
-  }, [contentRef]);
+      const options = { passive: true };
+      node.addEventListener("wheel", onWheel, options);
+      return () => {
+        node.removeEventListener("wheel", onWheel, options);
+      };
+    },
+    [contentRef]
+  );
   return contentRef ? effect : null;
 }
-export default usePopoverScroll;
-//# sourceMappingURL=use-popover-scroll.js.map
+var use_popover_scroll_default = usePopoverScroll;
+export {
+  use_popover_scroll_default as default
+};
+//# sourceMappingURL=use-popover-scroll.js.map

package/build-module/components/block-popover/use-popover-scroll.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRefEffect","getScrollContainer","scrollContainerCache","WeakMap","usePopoverScroll","contentRef","effect","node","onWheel","event","deltaX","deltaY","target","contentEl","current","scrollContainer","get","set","eventScrollContainer","contains","scrollBy","options","passive","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-popover/use-popover-scroll.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\nconst scrollContainerCache = new WeakMap();\n\n/**\n * Allow scrolling \"through\" popovers over the canvas. This is only called for\n * as long as the pointer is over a popover. Do not use React events because it\n * will bubble through portals.\n *\n * @param {Object} contentRef\n */\nfunction usePopoverScroll( contentRef ) {\n\tconst effect = useRefEffect(\n\t\t( node ) => {\n\t\t\tfunction onWheel( event ) {\n\t\t\t\tconst { deltaX, deltaY, target } = event;\n\t\t\t\tconst contentEl = contentRef.current;\n\t\t\t\tlet scrollContainer = scrollContainerCache.get( contentEl );\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\tscrollContainer = getScrollContainer( contentEl );\n\t\t\t\t\tscrollContainerCache.set( contentEl, scrollContainer );\n\t\t\t\t}\n\t\t\t\t// Finds a scrollable ancestor of the event’s target. It's not cached because the\n\t\t\t\t// it may not remain scrollable due to popover position changes. The cache is also\n\t\t\t\t// less likely to be utilized because the target may be different every event.\n\t\t\t\tconst eventScrollContainer = getScrollContainer( target );\n\t\t\t\t// Scrolls “through” the popover only if another contained scrollable area isn’t\n\t\t\t\t// in front of it. This is to avoid scrolling both containers simultaneously.\n\t\t\t\tif ( ! node.contains( eventScrollContainer ) ) {\n\t\t\t\t\tscrollContainer.scrollBy( deltaX, deltaY );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Tell the browser that we do not call event.preventDefault\n\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners\n\t\t\tconst options = { passive: true };\n\t\t\tnode.addEventListener( 'wheel', onWheel, options );\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'wheel', onWheel, options );\n\t\t\t};\n\t\t},\n\t\t[ contentRef ]\n\t);\n\treturn contentRef ? effect : null;\n}\n\nexport default usePopoverScroll;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,MAAMC,oBAAoB,GAAG,IAAIC,OAAO,CAAC,CAAC;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAEC,UAAU,EAAG;EACvC,MAAMC,MAAM,GAAGN,YAAY,CACxBO,IAAI,IAAM;IACX,SAASC,OAAOA,CAAEC,KAAK,EAAG;MACzB,MAAM;QAAEC,MAAM;QAAEC,MAAM;QAAEC;MAAO,CAAC,GAAGH,KAAK;MACxC,MAAMI,SAAS,GAAGR,UAAU,CAACS,OAAO;MACpC,IAAIC,eAAe,GAAGb,oBAAoB,CAACc,GAAG,CAAEH,SAAU,CAAC;MAC3D,IAAK,CAAEE,eAAe,EAAG;QACxBA,eAAe,GAAGd,kBAAkB,CAAEY,SAAU,CAAC;QACjDX,oBAAoB,CAACe,GAAG,CAAEJ,SAAS,EAAEE,eAAgB,CAAC;MACvD;MACA;MACA;MACA;MACA,MAAMG,oBAAoB,GAAGjB,kBAAkB,CAAEW,MAAO,CAAC;MACzD;MACA;MACA,IAAK,CAAEL,IAAI,CAACY,QAAQ,CAAED,oBAAqB,CAAC,EAAG;QAC9CH,eAAe,CAACK,QAAQ,CAAEV,MAAM,EAAEC,MAAO,CAAC;MAC3C;IACD;IACA;IACA;IACA,MAAMU,OAAO,GAAG;MAAEC,OAAO,EAAE;IAAK,CAAC;IACjCf,IAAI,CAACgB,gBAAgB,CAAE,OAAO,EAAEf,OAAO,EAAEa,OAAQ,CAAC;IAClD,OAAO,MAAM;MACZd,IAAI,CAACiB,mBAAmB,CAAE,OAAO,EAAEhB,OAAO,EAAEa,OAAQ,CAAC;IACtD,CAAC;EACF,CAAC,EACD,CAAEhB,UAAU,CACb,CAAC;EACD,OAAOA,UAAU,GAAGC,MAAM,GAAG,IAAI;AAClC;AAEA,eAAeF,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-popover/use-popover-scroll.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\nconst scrollContainerCache = new WeakMap();\n\n/**\n * Allow scrolling \"through\" popovers over the canvas. This is only called for\n * as long as the pointer is over a popover. Do not use React events because it\n * will bubble through portals.\n *\n * @param {Object} contentRef\n */\nfunction usePopoverScroll( contentRef ) {\n\tconst effect = useRefEffect(\n\t\t( node ) => {\n\t\t\tfunction onWheel( event ) {\n\t\t\t\tconst { deltaX, deltaY, target } = event;\n\t\t\t\tconst contentEl = contentRef.current;\n\t\t\t\tlet scrollContainer = scrollContainerCache.get( contentEl );\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\tscrollContainer = getScrollContainer( contentEl );\n\t\t\t\t\tscrollContainerCache.set( contentEl, scrollContainer );\n\t\t\t\t}\n\t\t\t\t// Finds a scrollable ancestor of the event\u2019s target. It's not cached because the\n\t\t\t\t// it may not remain scrollable due to popover position changes. The cache is also\n\t\t\t\t// less likely to be utilized because the target may be different every event.\n\t\t\t\tconst eventScrollContainer = getScrollContainer( target );\n\t\t\t\t// Scrolls \u201Cthrough\u201D the popover only if another contained scrollable area isn\u2019t\n\t\t\t\t// in front of it. This is to avoid scrolling both containers simultaneously.\n\t\t\t\tif ( ! node.contains( eventScrollContainer ) ) {\n\t\t\t\t\tscrollContainer.scrollBy( deltaX, deltaY );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Tell the browser that we do not call event.preventDefault\n\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners\n\t\t\tconst options = { passive: true };\n\t\t\tnode.addEventListener( 'wheel', onWheel, options );\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'wheel', onWheel, options );\n\t\t\t};\n\t\t},\n\t\t[ contentRef ]\n\t);\n\treturn contentRef ? effect : null;\n}\n\nexport default usePopoverScroll;\n"],
+  "mappings": "AAGA,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAEnC,MAAM,uBAAuB,oBAAI,QAAQ;AASzC,SAAS,iBAAkB,YAAa;AACvC,QAAM,SAAS;AAAA,IACd,CAAE,SAAU;AACX,eAAS,QAAS,OAAQ;AACzB,cAAM,EAAE,QAAQ,QAAQ,OAAO,IAAI;AACnC,cAAM,YAAY,WAAW;AAC7B,YAAI,kBAAkB,qBAAqB,IAAK,SAAU;AAC1D,YAAK,CAAE,iBAAkB;AACxB,4BAAkB,mBAAoB,SAAU;AAChD,+BAAqB,IAAK,WAAW,eAAgB;AAAA,QACtD;AAIA,cAAM,uBAAuB,mBAAoB,MAAO;AAGxD,YAAK,CAAE,KAAK,SAAU,oBAAqB,GAAI;AAC9C,0BAAgB,SAAU,QAAQ,MAAO;AAAA,QAC1C;AAAA,MACD;AAGA,YAAM,UAAU,EAAE,SAAS,KAAK;AAChC,WAAK,iBAAkB,SAAS,SAAS,OAAQ;AACjD,aAAO,MAAM;AACZ,aAAK,oBAAqB,SAAS,SAAS,OAAQ;AAAA,MACrD;AAAA,IACD;AAAA,IACA,CAAE,UAAW;AAAA,EACd;AACA,SAAO,aAAa,SAAS;AAC9B;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

package/build-module/components/block-preview/async.js

@@ -1,33 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useState, flushSync } from '@wordpress/element';
-import { createQueue } from '@wordpress/priority-queue';
+import { useEffect, useState, flushSync } from "@wordpress/element";
+import { createQueue } from "@wordpress/priority-queue";
 const blockPreviewQueue = createQueue();
-
-/**
- * Renders a component at the next idle time.
- * @param {*} props
- */
-export function Async({
-  children,
-  placeholder
-}) {
+function Async({ children, placeholder }) {
   const [shouldRender, setShouldRender] = useState(false);
-
-  // In the future, we could try to use startTransition here, but currently
-  // react will batch all transitions, which means all previews will be
-  // rendered at the same time.
-  // https://react.dev/reference/react/startTransition#caveats
-  // > If there are multiple ongoing Transitions, React currently batches them
-  // > together. This is a limitation that will likely be removed in a future
-  // > release.
-
   useEffect(() => {
     const context = {};
     blockPreviewQueue.add(context, () => {
-      // Synchronously run all renders so it consumes timeRemaining.
-      // See https://github.com/WordPress/gutenberg/pull/48238
       flushSync(() => {
         setShouldRender(true);
       });
@@ -41,4 +19,7 @@ export function Async({
   }
   return children;
 }
-//# sourceMappingURL=async.js.map
+export {
+  Async
+};
+//# sourceMappingURL=async.js.map

package/build-module/components/block-preview/async.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useState","flushSync","createQueue","blockPreviewQueue","Async","children","placeholder","shouldRender","setShouldRender","context","add","cancel"],"sources":["@wordpress/block-editor/src/components/block-preview/async.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, flushSync } from '@wordpress/element';\nimport { createQueue } from '@wordpress/priority-queue';\n\nconst blockPreviewQueue = createQueue();\n\n/**\n * Renders a component at the next idle time.\n * @param {*} props\n */\nexport function Async( { children, placeholder } ) {\n\tconst [ shouldRender, setShouldRender ] = useState( false );\n\n\t// In the future, we could try to use startTransition here, but currently\n\t// react will batch all transitions, which means all previews will be\n\t// rendered at the same time.\n\t// https://react.dev/reference/react/startTransition#caveats\n\t// > If there are multiple ongoing Transitions, React currently batches them\n\t// > together. This is a limitation that will likely be removed in a future\n\t// > release.\n\n\tuseEffect( () => {\n\t\tconst context = {};\n\t\tblockPreviewQueue.add( context, () => {\n\t\t\t// Synchronously run all renders so it consumes timeRemaining.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/48238\n\t\t\tflushSync( () => {\n\t\t\t\tsetShouldRender( true );\n\t\t\t} );\n\t\t} );\n\t\treturn () => {\n\t\t\tblockPreviewQueue.cancel( context );\n\t\t};\n\t}, [] );\n\n\tif ( ! shouldRender ) {\n\t\treturn placeholder;\n\t}\n\n\treturn children;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACnE,SAASC,WAAW,QAAQ,2BAA2B;AAEvD,MAAMC,iBAAiB,GAAGD,WAAW,CAAC,CAAC;;AAEvC;AACA;AACA;AACA;AACA,OAAO,SAASE,KAAKA,CAAE;EAAEC,QAAQ;EAAEC;AAAY,CAAC,EAAG;EAClD,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAGR,QAAQ,CAAE,KAAM,CAAC;;EAE3D;EACA;EACA;EACA;EACA;EACA;EACA;;EAEAD,SAAS,CAAE,MAAM;IAChB,MAAMU,OAAO,GAAG,CAAC,CAAC;IAClBN,iBAAiB,CAACO,GAAG,CAAED,OAAO,EAAE,MAAM;MACrC;MACA;MACAR,SAAS,CAAE,MAAM;QAChBO,eAAe,CAAE,IAAK,CAAC;MACxB,CAAE,CAAC;IACJ,CAAE,CAAC;IACH,OAAO,MAAM;MACZL,iBAAiB,CAACQ,MAAM,CAAEF,OAAQ,CAAC;IACpC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEF,YAAY,EAAG;IACrB,OAAOD,WAAW;EACnB;EAEA,OAAOD,QAAQ;AAChB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-preview/async.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, flushSync } from '@wordpress/element';\nimport { createQueue } from '@wordpress/priority-queue';\n\nconst blockPreviewQueue = createQueue();\n\n/**\n * Renders a component at the next idle time.\n * @param {*} props\n */\nexport function Async( { children, placeholder } ) {\n\tconst [ shouldRender, setShouldRender ] = useState( false );\n\n\t// In the future, we could try to use startTransition here, but currently\n\t// react will batch all transitions, which means all previews will be\n\t// rendered at the same time.\n\t// https://react.dev/reference/react/startTransition#caveats\n\t// > If there are multiple ongoing Transitions, React currently batches them\n\t// > together. This is a limitation that will likely be removed in a future\n\t// > release.\n\n\tuseEffect( () => {\n\t\tconst context = {};\n\t\tblockPreviewQueue.add( context, () => {\n\t\t\t// Synchronously run all renders so it consumes timeRemaining.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/48238\n\t\t\tflushSync( () => {\n\t\t\t\tsetShouldRender( true );\n\t\t\t} );\n\t\t} );\n\t\treturn () => {\n\t\t\tblockPreviewQueue.cancel( context );\n\t\t};\n\t}, [] );\n\n\tif ( ! shouldRender ) {\n\t\treturn placeholder;\n\t}\n\n\treturn children;\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,UAAU,iBAAiB;AAC/C,SAAS,mBAAmB;AAE5B,MAAM,oBAAoB,YAAY;AAM/B,SAAS,MAAO,EAAE,UAAU,YAAY,GAAI;AAClD,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,KAAM;AAU1D,YAAW,MAAM;AAChB,UAAM,UAAU,CAAC;AACjB,sBAAkB,IAAK,SAAS,MAAM;AAGrC,gBAAW,MAAM;AAChB,wBAAiB,IAAK;AAAA,MACvB,CAAE;AAAA,IACH,CAAE;AACF,WAAO,MAAM;AACZ,wBAAkB,OAAQ,OAAQ;AAAA,IACnC;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/block-preview/auto.js

@@ -1,23 +1,14 @@
-/**
- * WordPress dependencies
- */
-import { useResizeObserver, useRefEffect } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-import { memo, useMemo } from '@wordpress/element';
-import { Disabled } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockList from '../block-list';
-import Iframe from '../iframe';
-import EditorStyles from '../editor-styles';
-import { store } from '../../store';
-
-// This is used to avoid rendering the block list if the sizes change.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useResizeObserver, useRefEffect } from "@wordpress/compose";
+import { useSelect } from "@wordpress/data";
+import { memo, useMemo } from "@wordpress/element";
+import { Disabled } from "@wordpress/components";
+import BlockList from "../block-list";
+import Iframe from "../iframe";
+import EditorStyles from "../editor-styles";
+import { store } from "../../store";
 const MemoizedBlockList = memo(BlockList);
-const MAX_HEIGHT = 2000;
+const MAX_HEIGHT = 2e3;
 const EMPTY_ADDITIONAL_STYLES = [];
 function ScaledBlockPreview({
   viewportWidth,
@@ -28,97 +19,94 @@ function ScaledBlockPreview({
   if (!viewportWidth) {
     viewportWidth = containerWidth;
   }
-  const [contentResizeListener, {
-    height: contentHeight
-  }] = useResizeObserver();
-  const {
-    styles
-  } = useSelect(select => {
+  const [contentResizeListener, { height: contentHeight }] = useResizeObserver();
+  const { styles } = useSelect((select) => {
     const settings = select(store).getSettings();
     return {
       styles: settings.styles
     };
   }, []);
-
-  // Avoid scrollbars for pattern previews.
   const editorStyles = useMemo(() => {
     if (styles) {
-      return [...styles, {
-        css: 'body{height:auto;overflow:hidden;border:none;padding:0;}',
-        __unstableType: 'presets'
-      }, ...additionalStyles];
+      return [
+        ...styles,
+        {
+          css: "body{height:auto;overflow:hidden;border:none;padding:0;}",
+          __unstableType: "presets"
+        },
+        ...additionalStyles
+      ];
     }
     return styles;
   }, [styles, additionalStyles]);
   const scale = containerWidth / viewportWidth;
   const aspectRatio = contentHeight ? containerWidth / (contentHeight * scale) : 0;
-  return /*#__PURE__*/_jsx(Disabled, {
-    className: "block-editor-block-preview__content",
-    style: {
-      transform: `scale(${scale})`,
-      // Using width + aspect-ratio instead of height here triggers browsers' native
-      // handling of scrollbar's visibility. It prevents the flickering issue seen
-      // in https://github.com/WordPress/gutenberg/issues/52027.
-      // See https://github.com/WordPress/gutenberg/pull/52921 for more info.
-      aspectRatio,
-      maxHeight: contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,
-      minHeight
-    },
-    children: /*#__PURE__*/_jsxs(Iframe, {
-      contentRef: useRefEffect(bodyElement => {
-        const {
-          ownerDocument: {
-            documentElement
-          }
-        } = bodyElement;
-        documentElement.classList.add('block-editor-block-preview__content-iframe');
-        documentElement.style.position = 'absolute';
-        documentElement.style.width = '100%';
-
-        // Necessary for contentResizeListener to work.
-        bodyElement.style.boxSizing = 'border-box';
-        bodyElement.style.position = 'absolute';
-        bodyElement.style.width = '100%';
-      }, []),
-      "aria-hidden": true,
-      tabIndex: -1,
+  return /* @__PURE__ */ jsx(
+    Disabled,
+    {
+      className: "block-editor-block-preview__content",
       style: {
-        position: 'absolute',
-        width: viewportWidth,
-        height: contentHeight,
-        pointerEvents: 'none',
-        // This is a catch-all max-height for patterns.
-        // See: https://github.com/WordPress/gutenberg/pull/38175.
-        maxHeight: MAX_HEIGHT,
-        minHeight: scale !== 0 && scale < 1 && minHeight ? minHeight / scale : minHeight
+        transform: `scale(${scale})`,
+        // Using width + aspect-ratio instead of height here triggers browsers' native
+        // handling of scrollbar's visibility. It prevents the flickering issue seen
+        // in https://github.com/WordPress/gutenberg/issues/52027.
+        // See https://github.com/WordPress/gutenberg/pull/52921 for more info.
+        aspectRatio,
+        maxHeight: contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : void 0,
+        minHeight
       },
-      children: [/*#__PURE__*/_jsx(EditorStyles, {
-        styles: editorStyles
-      }), contentResizeListener, /*#__PURE__*/_jsx(MemoizedBlockList, {
-        renderAppender: false
-      })]
-    })
-  });
+      children: /* @__PURE__ */ jsxs(
+        Iframe,
+        {
+          contentRef: useRefEffect((bodyElement) => {
+            const {
+              ownerDocument: { documentElement }
+            } = bodyElement;
+            documentElement.classList.add(
+              "block-editor-block-preview__content-iframe"
+            );
+            documentElement.style.position = "absolute";
+            documentElement.style.width = "100%";
+            bodyElement.style.boxSizing = "border-box";
+            bodyElement.style.position = "absolute";
+            bodyElement.style.width = "100%";
+          }, []),
+          "aria-hidden": true,
+          tabIndex: -1,
+          style: {
+            position: "absolute",
+            width: viewportWidth,
+            height: contentHeight,
+            pointerEvents: "none",
+            // This is a catch-all max-height for patterns.
+            // See: https://github.com/WordPress/gutenberg/pull/38175.
+            maxHeight: MAX_HEIGHT,
+            minHeight: scale !== 0 && scale < 1 && minHeight ? minHeight / scale : minHeight
+          },
+          children: [
+            /* @__PURE__ */ jsx(EditorStyles, { styles: editorStyles }),
+            contentResizeListener,
+            /* @__PURE__ */ jsx(MemoizedBlockList, { renderAppender: false })
+          ]
+        }
+      )
+    }
+  );
 }
-export default function AutoBlockPreview(props) {
-  const [containerResizeListener, {
-    width: containerWidth
-  }] = useResizeObserver();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        position: 'relative',
-        width: '100%',
-        height: 0
-      },
-      children: containerResizeListener
-    }), /*#__PURE__*/_jsx("div", {
-      className: "block-editor-block-preview__container",
-      children: !!containerWidth && /*#__PURE__*/_jsx(ScaledBlockPreview, {
+function AutoBlockPreview(props) {
+  const [containerResizeListener, { width: containerWidth }] = useResizeObserver();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { style: { position: "relative", width: "100%", height: 0 }, children: containerResizeListener }),
+    /* @__PURE__ */ jsx("div", { className: "block-editor-block-preview__container", children: !!containerWidth && /* @__PURE__ */ jsx(
+      ScaledBlockPreview,
+      {
         ...props,
-        containerWidth: containerWidth
-      })
-    })]
-  });
+        containerWidth
+      }
+    ) })
+  ] });
 }
-//# sourceMappingURL=auto.js.map
+export {
+  AutoBlockPreview as default
+};
+//# sourceMappingURL=auto.js.map