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

package/build/components/block-tools/insertion-point.js

@@ -1,48 +1,59 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var insertion_point_exports = {};
+__export(insertion_point_exports, {
+  InsertionPointOpenRef: () => InsertionPointOpenRef,
+  default: () => InsertionPoint
 });
-exports.InsertionPointOpenRef = void 0;
-exports.default = InsertionPoint;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
-var _inserter = _interopRequireDefault(require("../inserter"));
-var _store = require("../../store");
-var _inbetween = _interopRequireDefault(require("../block-popover/inbetween"));
-var _dropZone = _interopRequireDefault(require("../block-popover/drop-zone"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const InsertionPointOpenRef = exports.InsertionPointOpenRef = (0, _element.createContext)();
-InsertionPointOpenRef.displayName = 'InsertionPointOpenRefContext';
+module.exports = __toCommonJS(insertion_point_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_inserter = __toESM(require("../inserter"));
+var import_store = require("../../store");
+var import_inbetween = __toESM(require("../block-popover/inbetween"));
+var import_drop_zone = __toESM(require("../block-popover/drop-zone"));
+var import_lock_unlock = require("../../lock-unlock");
+const InsertionPointOpenRef = (0, import_element.createContext)();
+InsertionPointOpenRef.displayName = "InsertionPointOpenRefContext";
 function InbetweenInsertionPointPopover({
   __unstablePopoverSlot,
   __unstableContentRef,
-  operation = 'insert',
-  nearestSide = 'right'
+  operation = "insert",
+  nearestSide = "right"
 }) {
-  const {
-    selectBlock,
-    hideInsertionPoint
-  } = (0, _data.useDispatch)(_store.store);
-  const openRef = (0, _element.useContext)(InsertionPointOpenRef);
-  const ref = (0, _element.useRef)();
+  const { selectBlock, hideInsertionPoint } = (0, import_data.useDispatch)(import_store.store);
+  const openRef = (0, import_element.useContext)(InsertionPointOpenRef);
+  const ref = (0, import_element.useRef)();
   const {
     orientation,
     previousClientId,
@@ -51,7 +62,7 @@ function InbetweenInsertionPointPopover({
     isInserterShown,
     isDistractionFree,
     isZoomOutMode
-  } = (0, _data.useSelect)(select => {
+  } = (0, import_data.useSelect)((select) => {
     const {
       getBlockOrder,
       getBlockListSettings,
@@ -61,7 +72,7 @@ function InbetweenInsertionPointPopover({
       getNextBlockClientId,
       getSettings,
       isZoomOut
-    } = (0, _lockUnlock.unlock)(select(_store.store));
+    } = (0, import_lock_unlock.unlock)(select(import_store.store));
     const insertionPoint = getBlockInsertionPoint();
     const order = getBlockOrder(insertionPoint.rootClientId);
     if (!order.length) {
@@ -79,45 +90,38 @@ function InbetweenInsertionPointPopover({
     return {
       previousClientId: _previousClientId,
       nextClientId: _nextClientId,
-      orientation: getBlockListSettings(insertionPoint.rootClientId)?.orientation || 'vertical',
+      orientation: getBlockListSettings(insertionPoint.rootClientId)?.orientation || "vertical",
       rootClientId: insertionPoint.rootClientId,
       isDistractionFree: settings.isDistractionFree,
       isInserterShown: insertionPoint?.__unstableWithInserter,
       isZoomOutMode: isZoomOut()
     };
   }, []);
-  const {
-    getBlockEditingMode
-  } = (0, _data.useSelect)(_store.store);
-  const disableMotion = (0, _compose.useReducedMotion)();
+  const { getBlockEditingMode } = (0, import_data.useSelect)(import_store.store);
+  const disableMotion = (0, import_compose.useReducedMotion)();
   function onClick(event) {
-    if (event.target === ref.current && nextClientId && getBlockEditingMode(nextClientId) !== 'disabled') {
+    if (event.target === ref.current && nextClientId && getBlockEditingMode(nextClientId) !== "disabled") {
       selectBlock(nextClientId, -1);
     }
   }
   function maybeHideInserterPoint(event) {
-    // Only hide the inserter if it's triggered on the wrapper,
-    // and the inserter is not open.
     if (event.target === ref.current && !openRef.current) {
       hideInsertionPoint();
     }
   }
   function onFocus(event) {
-    // Only handle click on the wrapper specifically, and not an event
-    // bubbled from the inserter itself.
     if (event.target !== ref.current) {
       openRef.current = true;
     }
   }
-
-  // Reset the insertion point reference when the Inserter unmounts,
-  // avoids stale references when `onSelectOrClose` is not called.
-  // See: https://github.com/WordPress/gutenberg/issues/65598#issuecomment-3249229264.
-  const maybeResetOpenRef = (0, _element.useCallback)(node => {
-    if (!node && openRef.current) {
-      openRef.current = false;
-    }
-  }, [openRef]);
+  const maybeResetOpenRef = (0, import_element.useCallback)(
+    (node) => {
+      if (!node && openRef.current) {
+        openRef.current = false;
+      }
+    },
+    [openRef]
+  );
   const lineVariants = {
     // Initial position starts from the center and invisible.
     start: {
@@ -129,18 +133,12 @@ function InbetweenInsertionPointPopover({
     rest: {
       opacity: 1,
       scale: 1,
-      transition: {
-        delay: isInserterShown ? 0.5 : 0,
-        type: 'tween'
-      }
+      transition: { delay: isInserterShown ? 0.5 : 0, type: "tween" }
     },
     hover: {
       opacity: 1,
       scale: 1,
-      transition: {
-        delay: 0.5,
-        type: 'tween'
-      }
+      transition: { delay: 0.5, type: "tween" }
     }
   };
   const inserterVariants = {
@@ -149,108 +147,125 @@ function InbetweenInsertionPointPopover({
     },
     rest: {
       scale: 1,
-      transition: {
-        delay: 0.4,
-        type: 'tween'
-      }
+      transition: { delay: 0.4, type: "tween" }
     }
   };
   if (isDistractionFree) {
     return null;
   }
-
-  // Zoom out mode should only show the insertion point for the insert operation.
-  // Other operations such as "group" are when the editor tries to create a row
-  // block by grouping the block being dragged with the block it's being dropped
-  // onto.
-  if (isZoomOutMode && operation !== 'insert') {
+  if (isZoomOutMode && operation !== "insert") {
     return null;
   }
-  const orientationClassname = orientation === 'horizontal' || operation === 'group' ? 'is-horizontal' : 'is-vertical';
-  const className = (0, _clsx.default)('block-editor-block-list__insertion-point', orientationClassname);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inbetween.default, {
-    previousClientId: previousClientId,
-    nextClientId: nextClientId,
-    __unstablePopoverSlot: __unstablePopoverSlot,
-    __unstableContentRef: __unstableContentRef,
-    operation: operation,
-    nearestSide: nearestSide,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
-      layout: !disableMotion,
-      initial: disableMotion ? 'rest' : 'start',
-      animate: "rest",
-      whileHover: "hover",
-      whileTap: "pressed",
-      exit: "start",
-      ref: ref,
-      tabIndex: -1,
-      onClick: onClick,
-      onFocus: onFocus,
-      className: (0, _clsx.default)(className, {
-        'is-with-inserter': isInserterShown
-      }),
-      onHoverEnd: maybeHideInserterPoint,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
-        variants: lineVariants,
-        className: "block-editor-block-list__insertion-point-indicator",
-        "data-testid": "block-list-insertion-point-indicator"
-      }), isInserterShown && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
-        variants: inserterVariants,
-        className: (0, _clsx.default)('block-editor-block-list__insertion-point-inserter'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserter.default, {
-          ref: maybeResetOpenRef,
-          position: "bottom center",
-          clientId: nextClientId,
-          rootClientId: rootClientId,
-          __experimentalIsQuick: true,
-          onToggle: isOpen => {
-            openRef.current = isOpen;
-          },
-          onSelectOrClose: () => {
-            openRef.current = false;
-          }
-        })
-      })]
-    })
-  });
+  const orientationClassname = orientation === "horizontal" || operation === "group" ? "is-horizontal" : "is-vertical";
+  const className = (0, import_clsx.default)(
+    "block-editor-block-list__insertion-point",
+    orientationClassname
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_inbetween.default,
+    {
+      previousClientId,
+      nextClientId,
+      __unstablePopoverSlot,
+      __unstableContentRef,
+      operation,
+      nearestSide,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_components.__unstableMotion.div,
+        {
+          layout: !disableMotion,
+          initial: disableMotion ? "rest" : "start",
+          animate: "rest",
+          whileHover: "hover",
+          whileTap: "pressed",
+          exit: "start",
+          ref,
+          tabIndex: -1,
+          onClick,
+          onFocus,
+          className: (0, import_clsx.default)(className, {
+            "is-with-inserter": isInserterShown
+          }),
+          onHoverEnd: maybeHideInserterPoint,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__unstableMotion.div,
+              {
+                variants: lineVariants,
+                className: "block-editor-block-list__insertion-point-indicator",
+                "data-testid": "block-list-insertion-point-indicator"
+              }
+            ),
+            isInserterShown && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__unstableMotion.div,
+              {
+                variants: inserterVariants,
+                className: (0, import_clsx.default)(
+                  "block-editor-block-list__insertion-point-inserter"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_inserter.default,
+                  {
+                    ref: maybeResetOpenRef,
+                    position: "bottom center",
+                    clientId: nextClientId,
+                    rootClientId,
+                    __experimentalIsQuick: true,
+                    onToggle: (isOpen) => {
+                      openRef.current = isOpen;
+                    },
+                    onSelectOrClose: () => {
+                      openRef.current = false;
+                    }
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 }
 function InsertionPoint(props) {
-  const {
-    insertionPoint,
-    isVisible,
-    isBlockListEmpty
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockInsertionPoint,
-      isBlockInsertionPointVisible,
-      getBlockCount
-    } = select(_store.store);
-    const blockInsertionPoint = getBlockInsertionPoint();
-    return {
-      insertionPoint: blockInsertionPoint,
-      isVisible: isBlockInsertionPointVisible(),
-      isBlockListEmpty: getBlockCount(blockInsertionPoint?.rootClientId) === 0
-    };
-  }, []);
-  if (!isVisible ||
-  // Don't render the insertion point if the block list is empty.
+  const { insertionPoint, isVisible, isBlockListEmpty } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlockInsertionPoint,
+        isBlockInsertionPointVisible,
+        getBlockCount
+      } = select(import_store.store);
+      const blockInsertionPoint = getBlockInsertionPoint();
+      return {
+        insertionPoint: blockInsertionPoint,
+        isVisible: isBlockInsertionPointVisible(),
+        isBlockListEmpty: getBlockCount(blockInsertionPoint?.rootClientId) === 0
+      };
+    },
+    []
+  );
+  if (!isVisible || // Don't render the insertion point if the block list is empty.
   // The insertion point will be represented by the appender instead.
   isBlockListEmpty) {
     return null;
   }
-
-  /**
-   * Render a popover that overlays the block when the desired operation is to replace it.
-   * Otherwise, render a popover in between blocks for the indication of inserting between them.
-   */
-  return insertionPoint.operation === 'replace' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropZone.default
-  // Force remount to trigger the animation.
-  , {
-    ...props
-  }, `${insertionPoint.rootClientId}-${insertionPoint.index}`) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InbetweenInsertionPointPopover, {
-    operation: insertionPoint.operation,
-    nearestSide: insertionPoint.nearestSide,
-    ...props
-  });
+  return insertionPoint.operation === "replace" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_drop_zone.default,
+    {
+      ...props
+    },
+    `${insertionPoint.rootClientId}-${insertionPoint.index}`
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    InbetweenInsertionPointPopover,
+    {
+      operation: insertionPoint.operation,
+      nearestSide: insertionPoint.nearestSide,
+      ...props
+    }
+  );
 }
-//# sourceMappingURL=insertion-point.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InsertionPointOpenRef
+});
+//# sourceMappingURL=insertion-point.js.map

package/build/components/block-tools/insertion-point.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_element","_components","_compose","_inserter","_store","_inbetween","_dropZone","_lockUnlock","_jsxRuntime","InsertionPointOpenRef","exports","createContext","displayName","InbetweenInsertionPointPopover","__unstablePopoverSlot","__unstableContentRef","operation","nearestSide","selectBlock","hideInsertionPoint","useDispatch","blockEditorStore","openRef","useContext","ref","useRef","orientation","previousClientId","nextClientId","rootClientId","isInserterShown","isDistractionFree","isZoomOutMode","useSelect","select","getBlockOrder","getBlockListSettings","getBlockInsertionPoint","isBlockBeingDragged","getPreviousBlockClientId","getNextBlockClientId","getSettings","isZoomOut","unlock","insertionPoint","order","length","_previousClientId","index","_nextClientId","settings","__unstableWithInserter","getBlockEditingMode","disableMotion","useReducedMotion","onClick","event","target","current","maybeHideInserterPoint","onFocus","maybeResetOpenRef","useCallback","node","lineVariants","start","opacity","scale","rest","transition","delay","type","hover","inserterVariants","orientationClassname","className","clsx","jsx","default","children","jsxs","__unstableMotion","div","layout","initial","animate","whileHover","whileTap","exit","tabIndex","onHoverEnd","variants","position","clientId","__experimentalIsQuick","onToggle","isOpen","onSelectOrClose","InsertionPoint","props","isVisible","isBlockListEmpty","isBlockInsertionPointVisible","getBlockCount","blockInsertionPoint"],"sources":["@wordpress/block-editor/src/components/block-tools/insertion-point.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseRef,\n\tcreateContext,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport { store as blockEditorStore } from '../../store';\nimport BlockPopoverInbetween from '../block-popover/inbetween';\nimport BlockDropZonePopover from '../block-popover/drop-zone';\nimport { unlock } from '../../lock-unlock';\n\nexport const InsertionPointOpenRef = createContext();\nInsertionPointOpenRef.displayName = 'InsertionPointOpenRefContext';\n\nfunction InbetweenInsertionPointPopover( {\n\t__unstablePopoverSlot,\n\t__unstableContentRef,\n\toperation = 'insert',\n\tnearestSide = 'right',\n} ) {\n\tconst { selectBlock, hideInsertionPoint } = useDispatch( blockEditorStore );\n\tconst openRef = useContext( InsertionPointOpenRef );\n\tconst ref = useRef();\n\tconst {\n\t\torientation,\n\t\tpreviousClientId,\n\t\tnextClientId,\n\t\trootClientId,\n\t\tisInserterShown,\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockBeingDragged,\n\t\t\tgetPreviousBlockClientId,\n\t\t\tgetNextBlockClientId,\n\t\t\tgetSettings,\n\t\t\tisZoomOut,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\tconst order = getBlockOrder( insertionPoint.rootClientId );\n\n\t\tif ( ! order.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet _previousClientId = order[ insertionPoint.index - 1 ];\n\t\tlet _nextClientId = order[ insertionPoint.index ];\n\n\t\twhile ( isBlockBeingDragged( _previousClientId ) ) {\n\t\t\t_previousClientId = getPreviousBlockClientId( _previousClientId );\n\t\t}\n\n\t\twhile ( isBlockBeingDragged( _nextClientId ) ) {\n\t\t\t_nextClientId = getNextBlockClientId( _nextClientId );\n\t\t}\n\n\t\tconst settings = getSettings();\n\n\t\treturn {\n\t\t\tpreviousClientId: _previousClientId,\n\t\t\tnextClientId: _nextClientId,\n\t\t\torientation:\n\t\t\t\tgetBlockListSettings( insertionPoint.rootClientId )\n\t\t\t\t\t?.orientation || 'vertical',\n\t\t\trootClientId: insertionPoint.rootClientId,\n\t\t\tisDistractionFree: settings.isDistractionFree,\n\t\t\tisInserterShown: insertionPoint?.__unstableWithInserter,\n\t\t\tisZoomOutMode: isZoomOut(),\n\t\t};\n\t}, [] );\n\tconst { getBlockEditingMode } = useSelect( blockEditorStore );\n\n\tconst disableMotion = useReducedMotion();\n\n\tfunction onClick( event ) {\n\t\tif (\n\t\t\tevent.target === ref.current &&\n\t\t\tnextClientId &&\n\t\t\tgetBlockEditingMode( nextClientId ) !== 'disabled'\n\t\t) {\n\t\t\tselectBlock( nextClientId, -1 );\n\t\t}\n\t}\n\n\tfunction maybeHideInserterPoint( event ) {\n\t\t// Only hide the inserter if it's triggered on the wrapper,\n\t\t// and the inserter is not open.\n\t\tif ( event.target === ref.current && ! openRef.current ) {\n\t\t\thideInsertionPoint();\n\t\t}\n\t}\n\n\tfunction onFocus( event ) {\n\t\t// Only handle click on the wrapper specifically, and not an event\n\t\t// bubbled from the inserter itself.\n\t\tif ( event.target !== ref.current ) {\n\t\t\topenRef.current = true;\n\t\t}\n\t}\n\n\t// Reset the insertion point reference when the Inserter unmounts,\n\t// avoids stale references when `onSelectOrClose` is not called.\n\t// See: https://github.com/WordPress/gutenberg/issues/65598#issuecomment-3249229264.\n\tconst maybeResetOpenRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node && openRef.current ) {\n\t\t\t\topenRef.current = false;\n\t\t\t}\n\t\t},\n\t\t[ openRef ]\n\t);\n\n\tconst lineVariants = {\n\t\t// Initial position starts from the center and invisible.\n\t\tstart: {\n\t\t\topacity: 0,\n\t\t\tscale: 0,\n\t\t},\n\t\t// The line expands to fill the container. If the inserter is visible it\n\t\t// is delayed so it appears orchestrated.\n\t\trest: {\n\t\t\topacity: 1,\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: isInserterShown ? 0.5 : 0, type: 'tween' },\n\t\t},\n\t\thover: {\n\t\t\topacity: 1,\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: 0.5, type: 'tween' },\n\t\t},\n\t};\n\n\tconst inserterVariants = {\n\t\tstart: {\n\t\t\tscale: disableMotion ? 1 : 0,\n\t\t},\n\t\trest: {\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: 0.4, type: 'tween' },\n\t\t},\n\t};\n\n\tif ( isDistractionFree ) {\n\t\treturn null;\n\t}\n\n\t// Zoom out mode should only show the insertion point for the insert operation.\n\t// Other operations such as \"group\" are when the editor tries to create a row\n\t// block by grouping the block being dragged with the block it's being dropped\n\t// onto.\n\tif ( isZoomOutMode && operation !== 'insert' ) {\n\t\treturn null;\n\t}\n\n\tconst orientationClassname =\n\t\torientation === 'horizontal' || operation === 'group'\n\t\t\t? 'is-horizontal'\n\t\t\t: 'is-vertical';\n\n\tconst className = clsx(\n\t\t'block-editor-block-list__insertion-point',\n\t\torientationClassname\n\t);\n\n\treturn (\n\t\t<BlockPopoverInbetween\n\t\t\tpreviousClientId={ previousClientId }\n\t\t\tnextClientId={ nextClientId }\n\t\t\t__unstablePopoverSlot={ __unstablePopoverSlot }\n\t\t\t__unstableContentRef={ __unstableContentRef }\n\t\t\toperation={ operation }\n\t\t\tnearestSide={ nearestSide }\n\t\t>\n\t\t\t<motion.div\n\t\t\t\tlayout={ ! disableMotion }\n\t\t\t\tinitial={ disableMotion ? 'rest' : 'start' }\n\t\t\t\tanimate=\"rest\"\n\t\t\t\twhileHover=\"hover\"\n\t\t\t\twhileTap=\"pressed\"\n\t\t\t\texit=\"start\"\n\t\t\t\tref={ ref }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tclassName={ clsx( className, {\n\t\t\t\t\t'is-with-inserter': isInserterShown,\n\t\t\t\t} ) }\n\t\t\t\tonHoverEnd={ maybeHideInserterPoint }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ lineVariants }\n\t\t\t\t\tclassName=\"block-editor-block-list__insertion-point-indicator\"\n\t\t\t\t\tdata-testid=\"block-list-insertion-point-indicator\"\n\t\t\t\t/>\n\t\t\t\t{ isInserterShown && (\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tvariants={ inserterVariants }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-list__insertion-point-inserter'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Inserter\n\t\t\t\t\t\t\tref={ maybeResetOpenRef }\n\t\t\t\t\t\t\tposition=\"bottom center\"\n\t\t\t\t\t\t\tclientId={ nextClientId }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t\t\tonToggle={ ( isOpen ) => {\n\t\t\t\t\t\t\t\topenRef.current = isOpen;\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonSelectOrClose={ () => {\n\t\t\t\t\t\t\t\topenRef.current = false;\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</motion.div>\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</BlockPopoverInbetween>\n\t);\n}\n\nexport default function InsertionPoint( props ) {\n\tconst { insertionPoint, isVisible, isBlockListEmpty } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst blockInsertionPoint = getBlockInsertionPoint();\n\t\t\treturn {\n\t\t\t\tinsertionPoint: blockInsertionPoint,\n\t\t\t\tisVisible: isBlockInsertionPointVisible(),\n\t\t\t\tisBlockListEmpty:\n\t\t\t\t\tgetBlockCount( blockInsertionPoint?.rootClientId ) === 0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tif (\n\t\t! isVisible ||\n\t\t// Don't render the insertion point if the block list is empty.\n\t\t// The insertion point will be represented by the appender instead.\n\t\tisBlockListEmpty\n\t) {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Render a popover that overlays the block when the desired operation is to replace it.\n\t * Otherwise, render a popover in between blocks for the indication of inserting between them.\n\t */\n\treturn insertionPoint.operation === 'replace' ? (\n\t\t<BlockDropZonePopover\n\t\t\t// Force remount to trigger the animation.\n\t\t\tkey={ `${ insertionPoint.rootClientId }-${ insertionPoint.index }` }\n\t\t\t{ ...props }\n\t\t/>\n\t) : (\n\t\t<InbetweenInsertionPointPopover\n\t\t\toperation={ insertionPoint.operation }\n\t\t\tnearestSide={ insertionPoint.nearestSide }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-tools/insertion-point.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseRef,\n\tcreateContext,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport { store as blockEditorStore } from '../../store';\nimport BlockPopoverInbetween from '../block-popover/inbetween';\nimport BlockDropZonePopover from '../block-popover/drop-zone';\nimport { unlock } from '../../lock-unlock';\n\nexport const InsertionPointOpenRef = createContext();\nInsertionPointOpenRef.displayName = 'InsertionPointOpenRefContext';\n\nfunction InbetweenInsertionPointPopover( {\n\t__unstablePopoverSlot,\n\t__unstableContentRef,\n\toperation = 'insert',\n\tnearestSide = 'right',\n} ) {\n\tconst { selectBlock, hideInsertionPoint } = useDispatch( blockEditorStore );\n\tconst openRef = useContext( InsertionPointOpenRef );\n\tconst ref = useRef();\n\tconst {\n\t\torientation,\n\t\tpreviousClientId,\n\t\tnextClientId,\n\t\trootClientId,\n\t\tisInserterShown,\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockBeingDragged,\n\t\t\tgetPreviousBlockClientId,\n\t\t\tgetNextBlockClientId,\n\t\t\tgetSettings,\n\t\t\tisZoomOut,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\tconst order = getBlockOrder( insertionPoint.rootClientId );\n\n\t\tif ( ! order.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet _previousClientId = order[ insertionPoint.index - 1 ];\n\t\tlet _nextClientId = order[ insertionPoint.index ];\n\n\t\twhile ( isBlockBeingDragged( _previousClientId ) ) {\n\t\t\t_previousClientId = getPreviousBlockClientId( _previousClientId );\n\t\t}\n\n\t\twhile ( isBlockBeingDragged( _nextClientId ) ) {\n\t\t\t_nextClientId = getNextBlockClientId( _nextClientId );\n\t\t}\n\n\t\tconst settings = getSettings();\n\n\t\treturn {\n\t\t\tpreviousClientId: _previousClientId,\n\t\t\tnextClientId: _nextClientId,\n\t\t\torientation:\n\t\t\t\tgetBlockListSettings( insertionPoint.rootClientId )\n\t\t\t\t\t?.orientation || 'vertical',\n\t\t\trootClientId: insertionPoint.rootClientId,\n\t\t\tisDistractionFree: settings.isDistractionFree,\n\t\t\tisInserterShown: insertionPoint?.__unstableWithInserter,\n\t\t\tisZoomOutMode: isZoomOut(),\n\t\t};\n\t}, [] );\n\tconst { getBlockEditingMode } = useSelect( blockEditorStore );\n\n\tconst disableMotion = useReducedMotion();\n\n\tfunction onClick( event ) {\n\t\tif (\n\t\t\tevent.target === ref.current &&\n\t\t\tnextClientId &&\n\t\t\tgetBlockEditingMode( nextClientId ) !== 'disabled'\n\t\t) {\n\t\t\tselectBlock( nextClientId, -1 );\n\t\t}\n\t}\n\n\tfunction maybeHideInserterPoint( event ) {\n\t\t// Only hide the inserter if it's triggered on the wrapper,\n\t\t// and the inserter is not open.\n\t\tif ( event.target === ref.current && ! openRef.current ) {\n\t\t\thideInsertionPoint();\n\t\t}\n\t}\n\n\tfunction onFocus( event ) {\n\t\t// Only handle click on the wrapper specifically, and not an event\n\t\t// bubbled from the inserter itself.\n\t\tif ( event.target !== ref.current ) {\n\t\t\topenRef.current = true;\n\t\t}\n\t}\n\n\t// Reset the insertion point reference when the Inserter unmounts,\n\t// avoids stale references when `onSelectOrClose` is not called.\n\t// See: https://github.com/WordPress/gutenberg/issues/65598#issuecomment-3249229264.\n\tconst maybeResetOpenRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node && openRef.current ) {\n\t\t\t\topenRef.current = false;\n\t\t\t}\n\t\t},\n\t\t[ openRef ]\n\t);\n\n\tconst lineVariants = {\n\t\t// Initial position starts from the center and invisible.\n\t\tstart: {\n\t\t\topacity: 0,\n\t\t\tscale: 0,\n\t\t},\n\t\t// The line expands to fill the container. If the inserter is visible it\n\t\t// is delayed so it appears orchestrated.\n\t\trest: {\n\t\t\topacity: 1,\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: isInserterShown ? 0.5 : 0, type: 'tween' },\n\t\t},\n\t\thover: {\n\t\t\topacity: 1,\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: 0.5, type: 'tween' },\n\t\t},\n\t};\n\n\tconst inserterVariants = {\n\t\tstart: {\n\t\t\tscale: disableMotion ? 1 : 0,\n\t\t},\n\t\trest: {\n\t\t\tscale: 1,\n\t\t\ttransition: { delay: 0.4, type: 'tween' },\n\t\t},\n\t};\n\n\tif ( isDistractionFree ) {\n\t\treturn null;\n\t}\n\n\t// Zoom out mode should only show the insertion point for the insert operation.\n\t// Other operations such as \"group\" are when the editor tries to create a row\n\t// block by grouping the block being dragged with the block it's being dropped\n\t// onto.\n\tif ( isZoomOutMode && operation !== 'insert' ) {\n\t\treturn null;\n\t}\n\n\tconst orientationClassname =\n\t\torientation === 'horizontal' || operation === 'group'\n\t\t\t? 'is-horizontal'\n\t\t\t: 'is-vertical';\n\n\tconst className = clsx(\n\t\t'block-editor-block-list__insertion-point',\n\t\torientationClassname\n\t);\n\n\treturn (\n\t\t<BlockPopoverInbetween\n\t\t\tpreviousClientId={ previousClientId }\n\t\t\tnextClientId={ nextClientId }\n\t\t\t__unstablePopoverSlot={ __unstablePopoverSlot }\n\t\t\t__unstableContentRef={ __unstableContentRef }\n\t\t\toperation={ operation }\n\t\t\tnearestSide={ nearestSide }\n\t\t>\n\t\t\t<motion.div\n\t\t\t\tlayout={ ! disableMotion }\n\t\t\t\tinitial={ disableMotion ? 'rest' : 'start' }\n\t\t\t\tanimate=\"rest\"\n\t\t\t\twhileHover=\"hover\"\n\t\t\t\twhileTap=\"pressed\"\n\t\t\t\texit=\"start\"\n\t\t\t\tref={ ref }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tclassName={ clsx( className, {\n\t\t\t\t\t'is-with-inserter': isInserterShown,\n\t\t\t\t} ) }\n\t\t\t\tonHoverEnd={ maybeHideInserterPoint }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ lineVariants }\n\t\t\t\t\tclassName=\"block-editor-block-list__insertion-point-indicator\"\n\t\t\t\t\tdata-testid=\"block-list-insertion-point-indicator\"\n\t\t\t\t/>\n\t\t\t\t{ isInserterShown && (\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tvariants={ inserterVariants }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-list__insertion-point-inserter'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Inserter\n\t\t\t\t\t\t\tref={ maybeResetOpenRef }\n\t\t\t\t\t\t\tposition=\"bottom center\"\n\t\t\t\t\t\t\tclientId={ nextClientId }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t\t\tonToggle={ ( isOpen ) => {\n\t\t\t\t\t\t\t\topenRef.current = isOpen;\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonSelectOrClose={ () => {\n\t\t\t\t\t\t\t\topenRef.current = false;\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</motion.div>\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</BlockPopoverInbetween>\n\t);\n}\n\nexport default function InsertionPoint( props ) {\n\tconst { insertionPoint, isVisible, isBlockListEmpty } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst blockInsertionPoint = getBlockInsertionPoint();\n\t\t\treturn {\n\t\t\t\tinsertionPoint: blockInsertionPoint,\n\t\t\t\tisVisible: isBlockInsertionPointVisible(),\n\t\t\t\tisBlockListEmpty:\n\t\t\t\t\tgetBlockCount( blockInsertionPoint?.rootClientId ) === 0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tif (\n\t\t! isVisible ||\n\t\t// Don't render the insertion point if the block list is empty.\n\t\t// The insertion point will be represented by the appender instead.\n\t\tisBlockListEmpty\n\t) {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Render a popover that overlays the block when the desired operation is to replace it.\n\t * Otherwise, render a popover in between blocks for the indication of inserting between them.\n\t */\n\treturn insertionPoint.operation === 'replace' ? (\n\t\t<BlockDropZonePopover\n\t\t\t// Force remount to trigger the animation.\n\t\t\tkey={ `${ insertionPoint.rootClientId }-${ insertionPoint.index }` }\n\t\t\t{ ...props }\n\t\t/>\n\t) : (\n\t\t<InbetweenInsertionPointPopover\n\t\t\toperation={ insertionPoint.operation }\n\t\t\tnearestSide={ insertionPoint.nearestSide }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore", "clsx", "BlockPopoverInbetween", "motion", "Inserter", "BlockDropZonePopover"]
+}