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

package/build-module/components/block-list/use-block-props/use-scroll-into-view.js

@@ -1,37 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { useReducedMotion, useRefEffect } from '@wordpress/compose';
-export function useScrollIntoView({
-  isSelected
-}) {
+import { useReducedMotion, useRefEffect } from "@wordpress/compose";
+function useScrollIntoView({ isSelected }) {
   const prefersReducedMotion = useReducedMotion();
-  return useRefEffect(node => {
-    if (isSelected) {
-      const {
-        ownerDocument
-      } = node;
-      const {
-        defaultView
-      } = ownerDocument;
-      if (!defaultView.IntersectionObserver) {
-        return;
-      }
-      const observer = new defaultView.IntersectionObserver(entries => {
-        // Once observing starts, we always get an initial
-        // entry with the intersecting state.
-        if (!entries[0].isIntersecting) {
-          node.scrollIntoView({
-            behavior: prefersReducedMotion ? 'instant' : 'smooth'
-          });
+  return useRefEffect(
+    (node) => {
+      if (isSelected) {
+        const { ownerDocument } = node;
+        const { defaultView } = ownerDocument;
+        if (!defaultView.IntersectionObserver) {
+          return;
         }
-        observer.disconnect();
-      });
-      observer.observe(node);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [isSelected]);
+        const observer = new defaultView.IntersectionObserver(
+          (entries) => {
+            if (!entries[0].isIntersecting) {
+              node.scrollIntoView({
+                behavior: prefersReducedMotion ? "instant" : "smooth"
+              });
+            }
+            observer.disconnect();
+          }
+        );
+        observer.observe(node);
+        return () => {
+          observer.disconnect();
+        };
+      }
+    },
+    [isSelected]
+  );
 }
-//# sourceMappingURL=use-scroll-into-view.js.map
+export {
+  useScrollIntoView
+};
+//# sourceMappingURL=use-scroll-into-view.js.map

package/build-module/components/block-list/use-block-props/use-scroll-into-view.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useReducedMotion","useRefEffect","useScrollIntoView","isSelected","prefersReducedMotion","node","ownerDocument","defaultView","IntersectionObserver","observer","entries","isIntersecting","scrollIntoView","behavior","disconnect","observe"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useReducedMotion, useRefEffect } from '@wordpress/compose';\n\nexport function useScrollIntoView( { isSelected } ) {\n\tconst prefersReducedMotion = useReducedMotion();\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isSelected ) {\n\t\t\t\tconst { ownerDocument } = node;\n\t\t\t\tconst { defaultView } = ownerDocument;\n\t\t\t\tif ( ! defaultView.IntersectionObserver ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst observer = new defaultView.IntersectionObserver(\n\t\t\t\t\t( entries ) => {\n\t\t\t\t\t\t// Once observing starts, we always get an initial\n\t\t\t\t\t\t// entry with the intersecting state.\n\t\t\t\t\t\tif ( ! entries[ 0 ].isIntersecting ) {\n\t\t\t\t\t\t\tnode.scrollIntoView( {\n\t\t\t\t\t\t\t\tbehavior: prefersReducedMotion\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ isSelected ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,EAAEC,YAAY,QAAQ,oBAAoB;AAEnE,OAAO,SAASC,iBAAiBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACnD,MAAMC,oBAAoB,GAAGJ,gBAAgB,CAAC,CAAC;EAC/C,OAAOC,YAAY,CAChBI,IAAI,IAAM;IACX,IAAKF,UAAU,EAAG;MACjB,MAAM;QAAEG;MAAc,CAAC,GAAGD,IAAI;MAC9B,MAAM;QAAEE;MAAY,CAAC,GAAGD,aAAa;MACrC,IAAK,CAAEC,WAAW,CAACC,oBAAoB,EAAG;QACzC;MACD;MACA,MAAMC,QAAQ,GAAG,IAAIF,WAAW,CAACC,oBAAoB,CAClDE,OAAO,IAAM;QACd;QACA;QACA,IAAK,CAAEA,OAAO,CAAE,CAAC,CAAE,CAACC,cAAc,EAAG;UACpCN,IAAI,CAACO,cAAc,CAAE;YACpBC,QAAQ,EAAET,oBAAoB,GAC3B,SAAS,GACT;UACJ,CAAE,CAAC;QACJ;QACAK,QAAQ,CAACK,UAAU,CAAC,CAAC;MACtB,CACD,CAAC;MACDL,QAAQ,CAACM,OAAO,CAAEV,IAAK,CAAC;MACxB,OAAO,MAAM;QACZI,QAAQ,CAACK,UAAU,CAAC,CAAC;MACtB,CAAC;IACF;EACD,CAAC,EACD,CAAEX,UAAU,CACb,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-scroll-into-view.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useReducedMotion, useRefEffect } from '@wordpress/compose';\n\nexport function useScrollIntoView( { isSelected } ) {\n\tconst prefersReducedMotion = useReducedMotion();\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isSelected ) {\n\t\t\t\tconst { ownerDocument } = node;\n\t\t\t\tconst { defaultView } = ownerDocument;\n\t\t\t\tif ( ! defaultView.IntersectionObserver ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst observer = new defaultView.IntersectionObserver(\n\t\t\t\t\t( entries ) => {\n\t\t\t\t\t\t// Once observing starts, we always get an initial\n\t\t\t\t\t\t// entry with the intersecting state.\n\t\t\t\t\t\tif ( ! entries[ 0 ].isIntersecting ) {\n\t\t\t\t\t\t\tnode.scrollIntoView( {\n\t\t\t\t\t\t\t\tbehavior: prefersReducedMotion\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ isSelected ]\n\t);\n}\n"],
+  "mappings": "AAGA,SAAS,kBAAkB,oBAAoB;AAExC,SAAS,kBAAmB,EAAE,WAAW,GAAI;AACnD,QAAM,uBAAuB,iBAAiB;AAC9C,SAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,YAAa;AACjB,cAAM,EAAE,cAAc,IAAI;AAC1B,cAAM,EAAE,YAAY,IAAI;AACxB,YAAK,CAAE,YAAY,sBAAuB;AACzC;AAAA,QACD;AACA,cAAM,WAAW,IAAI,YAAY;AAAA,UAChC,CAAE,YAAa;AAGd,gBAAK,CAAE,QAAS,CAAE,EAAE,gBAAiB;AACpC,mBAAK,eAAgB;AAAA,gBACpB,UAAU,uBACP,YACA;AAAA,cACJ,CAAE;AAAA,YACH;AACA,qBAAS,WAAW;AAAA,UACrB;AAAA,QACD;AACA,iBAAS,QAAS,IAAK;AACvB,eAAO,MAAM;AACZ,mBAAS,WAAW;AAAA,QACrB;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,UAAW;AAAA,EACd;AACD;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js

@@ -1,42 +1,16 @@
-/**
- * WordPress dependencies
- */
-import { isTextField } from '@wordpress/dom';
-import { ENTER, BACKSPACE, DELETE } from '@wordpress/keycodes';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useRefEffect } from '@wordpress/compose';
-import { createRoot } from '@wordpress/element';
-import { store as blocksStore } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../../store';
-import { unlock } from '../../../lock-unlock';
-import BlockDraggableChip from '../../../components/block-draggable/draggable-chip';
-
-/**
- * Adds block behaviour:
- *   - Removes the block on BACKSPACE.
- *   - Inserts a default block on ENTER.
- *   - Disables dragging of block contents.
- *
- * @param {string} clientId Block client ID.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export function useEventHandlers({
-  clientId,
-  isSelected
-}) {
-  const {
-    getBlockType
-  } = useSelect(blocksStore);
-  const {
-    getBlockRootClientId,
-    isZoomOut,
-    hasMultiSelection,
-    getBlockName
-  } = unlock(useSelect(blockEditorStore));
+import { isTextField } from "@wordpress/dom";
+import { ENTER, BACKSPACE, DELETE } from "@wordpress/keycodes";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useRefEffect } from "@wordpress/compose";
+import { store as blockEditorStore } from "../../../store";
+import { unlock } from "../../../lock-unlock";
+function isColorTransparent(color) {
+  return !color || color === "transparent" || color === "rgba(0, 0, 0, 0)";
+}
+function useEventHandlers({ clientId, isSelected }) {
+  const { getBlockRootClientId, isZoomOut, hasMultiSelection } = unlock(
+    useSelect(blockEditorStore)
+  );
   const {
     insertAfterBlock,
     removeBlock,
@@ -44,138 +18,179 @@ export function useEventHandlers({
     startDraggingBlocks,
     stopDraggingBlocks
   } = unlock(useDispatch(blockEditorStore));
-  return useRefEffect(node => {
-    if (!isSelected) {
-      return;
-    }
-
-    /**
-     * Interprets keydown event intent to remove or insert after block if
-     * key event occurs on wrapper node. This can occur when the block has
-     * no text fields of its own, particularly after initial insertion, to
-     * allow for easy deletion and continuous writing flow to add additional
-     * content.
-     *
-     * @param {KeyboardEvent} event Keydown event.
-     */
-    function onKeyDown(event) {
-      const {
-        keyCode,
-        target
-      } = event;
-      if (keyCode !== ENTER && keyCode !== BACKSPACE && keyCode !== DELETE) {
-        return;
-      }
-      if (target !== node || isTextField(target)) {
+  return useRefEffect(
+    (node) => {
+      if (!isSelected) {
         return;
       }
-      event.preventDefault();
-      if (keyCode === ENTER && isZoomOut()) {
-        resetZoomLevel();
-      } else if (keyCode === ENTER) {
-        insertAfterBlock(clientId);
-      } else {
-        removeBlock(clientId);
-      }
-    }
-
-    /**
-     * Prevents default dragging behavior within a block. To do: we must
-     * handle this in the future and clean up the drag target.
-     *
-     * @param {DragEvent} event Drag event.
-     */
-    function onDragStart(event) {
-      if (node !== event.target || node.isContentEditable || node.ownerDocument.activeElement !== node || hasMultiSelection()) {
+      function onKeyDown(event) {
+        const { keyCode, target } = event;
+        if (keyCode !== ENTER && keyCode !== BACKSPACE && keyCode !== DELETE) {
+          return;
+        }
+        if (target !== node || isTextField(target)) {
+          return;
+        }
         event.preventDefault();
-        return;
-      }
-      const data = JSON.stringify({
-        type: 'block',
-        srcClientIds: [clientId],
-        srcRootClientId: getBlockRootClientId(clientId)
-      });
-      event.dataTransfer.effectAllowed = 'move'; // remove "+" cursor
-      event.dataTransfer.clearData();
-      event.dataTransfer.setData('wp-blocks', data);
-      const {
-        ownerDocument
-      } = node;
-      const {
-        defaultView
-      } = ownerDocument;
-      const selection = defaultView.getSelection();
-      selection.removeAllRanges();
-      const domNode = document.createElement('div');
-      const root = createRoot(domNode);
-      root.render(/*#__PURE__*/_jsx(BlockDraggableChip, {
-        icon: getBlockType(getBlockName(clientId)).icon
-      }));
-      document.body.appendChild(domNode);
-      domNode.style.position = 'absolute';
-      domNode.style.top = '0';
-      domNode.style.left = '0';
-      domNode.style.zIndex = '1000';
-      domNode.style.pointerEvents = 'none';
-
-      // Setting the drag chip as the drag image actually works, but
-      // the behaviour is slightly different in every browser. In
-      // Safari, it animates, in Firefox it's slightly transparent...
-      // So we set a fake drag image and have to reposition it
-      // ourselves.
-      const dragElement = ownerDocument.createElement('div');
-      // Chrome will show a globe icon if the drag element does not
-      // have dimensions.
-      dragElement.style.width = '1px';
-      dragElement.style.height = '1px';
-      dragElement.style.position = 'fixed';
-      dragElement.style.visibility = 'hidden';
-      ownerDocument.body.appendChild(dragElement);
-      event.dataTransfer.setDragImage(dragElement, 0, 0);
-      let offset = {
-        x: 0,
-        y: 0
-      };
-      if (document !== ownerDocument) {
-        const frame = defaultView.frameElement;
-        if (frame) {
-          const rect = frame.getBoundingClientRect();
-          offset = {
-            x: rect.left,
-            y: rect.top
-          };
+        if (keyCode === ENTER && isZoomOut()) {
+          resetZoomLevel();
+        } else if (keyCode === ENTER) {
+          insertAfterBlock(clientId);
+        } else {
+          removeBlock(clientId);
         }
       }
-
-      // chip handle offset
-      offset.x -= 58;
-      function over(e) {
-        domNode.style.transform = `translate( ${e.clientX + offset.x}px, ${e.clientY + offset.y}px )`;
-      }
-      over(event);
-      function end() {
-        ownerDocument.removeEventListener('dragover', over);
-        ownerDocument.removeEventListener('dragend', end);
-        domNode.remove();
-        dragElement.remove();
-        stopDraggingBlocks();
-        document.body.classList.remove('is-dragging-components-draggable');
-        ownerDocument.documentElement.classList.remove('is-dragging');
+      function onDragStart(event) {
+        if (node !== event.target || node.isContentEditable || node.ownerDocument.activeElement !== node || hasMultiSelection()) {
+          event.preventDefault();
+          return;
+        }
+        const data = JSON.stringify({
+          type: "block",
+          srcClientIds: [clientId],
+          srcRootClientId: getBlockRootClientId(clientId)
+        });
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.clearData();
+        event.dataTransfer.setData("wp-blocks", data);
+        const { ownerDocument } = node;
+        const { defaultView } = ownerDocument;
+        const selection = defaultView.getSelection();
+        selection.removeAllRanges();
+        const dragElement = ownerDocument.createElement("div");
+        dragElement.style.width = "1px";
+        dragElement.style.height = "1px";
+        dragElement.style.position = "fixed";
+        dragElement.style.visibility = "hidden";
+        ownerDocument.body.appendChild(dragElement);
+        event.dataTransfer.setDragImage(dragElement, 0, 0);
+        const rect = node.getBoundingClientRect();
+        const clone = node.cloneNode(true);
+        clone.style.visibility = "hidden";
+        clone.style.display = "none";
+        const id = node.id;
+        node.id = null;
+        let _scale = 1;
+        {
+          let parentElement = node;
+          while (parentElement = parentElement.parentElement) {
+            const { scale } = defaultView.getComputedStyle(parentElement);
+            if (scale && scale !== "none") {
+              _scale = parseFloat(scale);
+              break;
+            }
+          }
+        }
+        const inverted = 1 / _scale;
+        node.after(clone);
+        const originalNodeProperties = {};
+        for (const property of [
+          "transform",
+          "transformOrigin",
+          "transition",
+          "zIndex",
+          "position",
+          "top",
+          "left",
+          "pointerEvents",
+          "opacity",
+          "backgroundColor"
+        ]) {
+          originalNodeProperties[property] = node.style[property];
+        }
+        const originScrollTop = defaultView.scrollY;
+        const originScrollLeft = defaultView.scrollX;
+        const originClientX = event.clientX;
+        const originClientY = event.clientY;
+        node.style.position = "relative";
+        node.style.top = `${0}px`;
+        node.style.left = `${0}px`;
+        const originX = event.clientX - rect.left;
+        const originY = event.clientY - rect.top;
+        const dragScale = rect.height > 200 ? 200 / rect.height : 1;
+        node.style.zIndex = "1000";
+        node.style.transformOrigin = `${originX * inverted}px ${originY * inverted}px`;
+        node.style.transition = "transform 0.2s ease-out";
+        node.style.transform = `scale(${dragScale})`;
+        node.style.opacity = "0.9";
+        if (isColorTransparent(
+          defaultView.getComputedStyle(node).backgroundColor
+        )) {
+          let bgColor = "transparent";
+          let parentElement = node;
+          while (parentElement = parentElement.parentElement) {
+            const { backgroundColor } = defaultView.getComputedStyle(parentElement);
+            if (!isColorTransparent(backgroundColor)) {
+              bgColor = backgroundColor;
+              break;
+            }
+          }
+          node.style.backgroundColor = bgColor;
+        }
+        let hasStarted = false;
+        function over(e) {
+          if (!hasStarted) {
+            hasStarted = true;
+            node.style.pointerEvents = "none";
+          }
+          const scrollTop = defaultView.scrollY;
+          const scrollLeft = defaultView.scrollX;
+          node.style.top = `${(e.clientY - originClientY + scrollTop - originScrollTop) * inverted}px`;
+          node.style.left = `${(e.clientX - originClientX + scrollLeft - originScrollLeft) * inverted}px`;
+        }
+        function end() {
+          ownerDocument.removeEventListener("dragover", over);
+          ownerDocument.removeEventListener("dragend", end);
+          ownerDocument.removeEventListener("drop", end);
+          ownerDocument.removeEventListener("scroll", over);
+          for (const [property, value] of Object.entries(
+            originalNodeProperties
+          )) {
+            node.style[property] = value;
+          }
+          clone.remove();
+          node.id = id;
+          dragElement.remove();
+          stopDraggingBlocks();
+          document.body.classList.remove(
+            "is-dragging-components-draggable"
+          );
+          ownerDocument.documentElement.classList.remove(
+            "is-dragging"
+          );
+        }
+        ownerDocument.addEventListener("dragover", over);
+        ownerDocument.addEventListener("dragend", end);
+        ownerDocument.addEventListener("drop", end);
+        ownerDocument.addEventListener("scroll", over);
+        startDraggingBlocks([clientId]);
+        document.body.classList.add(
+          "is-dragging-components-draggable"
+        );
+        ownerDocument.documentElement.classList.add("is-dragging");
       }
-      ownerDocument.addEventListener('dragover', over);
-      ownerDocument.addEventListener('dragend', end);
-      ownerDocument.addEventListener('drop', end);
-      startDraggingBlocks([clientId]);
-      // Important because it hides the block toolbar.
-      document.body.classList.add('is-dragging-components-draggable');
-      ownerDocument.documentElement.classList.add('is-dragging');
-    }
-    node.addEventListener('keydown', onKeyDown);
-    node.addEventListener('dragstart', onDragStart);
-    return () => {
-      node.removeEventListener('keydown', onKeyDown);
-      node.removeEventListener('dragstart', onDragStart);
-    };
-  }, [clientId, isSelected, getBlockRootClientId, insertAfterBlock, removeBlock, isZoomOut, resetZoomLevel, hasMultiSelection, startDraggingBlocks, stopDraggingBlocks]);
+      node.addEventListener("keydown", onKeyDown);
+      node.addEventListener("dragstart", onDragStart);
+      return () => {
+        node.removeEventListener("keydown", onKeyDown);
+        node.removeEventListener("dragstart", onDragStart);
+      };
+    },
+    [
+      clientId,
+      isSelected,
+      getBlockRootClientId,
+      insertAfterBlock,
+      removeBlock,
+      isZoomOut,
+      resetZoomLevel,
+      hasMultiSelection,
+      startDraggingBlocks,
+      stopDraggingBlocks
+    ]
+  );
 }
-//# sourceMappingURL=use-selected-block-event-handlers.js.map
+export {
+  useEventHandlers
+};
+//# sourceMappingURL=use-selected-block-event-handlers.js.map

package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["isTextField","ENTER","BACKSPACE","DELETE","useSelect","useDispatch","useRefEffect","createRoot","store","blocksStore","blockEditorStore","unlock","BlockDraggableChip","jsx","_jsx","useEventHandlers","clientId","isSelected","getBlockType","getBlockRootClientId","isZoomOut","hasMultiSelection","getBlockName","insertAfterBlock","removeBlock","resetZoomLevel","startDraggingBlocks","stopDraggingBlocks","node","onKeyDown","event","keyCode","target","preventDefault","onDragStart","isContentEditable","ownerDocument","activeElement","data","JSON","stringify","type","srcClientIds","srcRootClientId","dataTransfer","effectAllowed","clearData","setData","defaultView","selection","getSelection","removeAllRanges","domNode","document","createElement","root","render","icon","body","appendChild","style","position","top","left","zIndex","pointerEvents","dragElement","width","height","visibility","setDragImage","offset","x","y","frame","frameElement","rect","getBoundingClientRect","over","e","transform","clientX","clientY","end","removeEventListener","remove","classList","documentElement","addEventListener","add"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-selected-block-event-handlers.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isTextField } from '@wordpress/dom';\nimport { ENTER, BACKSPACE, DELETE } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\nimport { createRoot } from '@wordpress/element';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\nimport BlockDraggableChip from '../../../components/block-draggable/draggable-chip';\n\n/**\n * Adds block behaviour:\n *   - Removes the block on BACKSPACE.\n *   - Inserts a default block on ENTER.\n *   - Disables dragging of block contents.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useEventHandlers( { clientId, isSelected } ) {\n\tconst { getBlockType } = useSelect( blocksStore );\n\tconst { getBlockRootClientId, isZoomOut, hasMultiSelection, getBlockName } =\n\t\tunlock( useSelect( blockEditorStore ) );\n\tconst {\n\t\tinsertAfterBlock,\n\t\tremoveBlock,\n\t\tresetZoomLevel,\n\t\tstartDraggingBlocks,\n\t\tstopDraggingBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Interprets keydown event intent to remove or insert after block if\n\t\t\t * key event occurs on wrapper node. This can occur when the block has\n\t\t\t * no text fields of its own, particularly after initial insertion, to\n\t\t\t * allow for easy deletion and continuous writing flow to add additional\n\t\t\t * content.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keydown event.\n\t\t\t */\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tconst { keyCode, target } = event;\n\n\t\t\t\tif (\n\t\t\t\t\tkeyCode !== ENTER &&\n\t\t\t\t\tkeyCode !== BACKSPACE &&\n\t\t\t\t\tkeyCode !== DELETE\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( target !== node || isTextField( target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif ( keyCode === ENTER && isZoomOut() ) {\n\t\t\t\t\tresetZoomLevel();\n\t\t\t\t} else if ( keyCode === ENTER ) {\n\t\t\t\t\tinsertAfterBlock( clientId );\n\t\t\t\t} else {\n\t\t\t\t\tremoveBlock( clientId );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Prevents default dragging behavior within a block. To do: we must\n\t\t\t * handle this in the future and clean up the drag target.\n\t\t\t *\n\t\t\t * @param {DragEvent} event Drag event.\n\t\t\t */\n\t\t\tfunction onDragStart( event ) {\n\t\t\t\tif (\n\t\t\t\t\tnode !== event.target ||\n\t\t\t\t\tnode.isContentEditable ||\n\t\t\t\t\tnode.ownerDocument.activeElement !== node ||\n\t\t\t\t\thasMultiSelection()\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = JSON.stringify( {\n\t\t\t\t\ttype: 'block',\n\t\t\t\t\tsrcClientIds: [ clientId ],\n\t\t\t\t\tsrcRootClientId: getBlockRootClientId( clientId ),\n\t\t\t\t} );\n\t\t\t\tevent.dataTransfer.effectAllowed = 'move'; // remove \"+\" cursor\n\t\t\t\tevent.dataTransfer.clearData();\n\t\t\t\tevent.dataTransfer.setData( 'wp-blocks', data );\n\t\t\t\tconst { ownerDocument } = node;\n\t\t\t\tconst { defaultView } = ownerDocument;\n\t\t\t\tconst selection = defaultView.getSelection();\n\t\t\t\tselection.removeAllRanges();\n\n\t\t\t\tconst domNode = document.createElement( 'div' );\n\t\t\t\tconst root = createRoot( domNode );\n\t\t\t\troot.render(\n\t\t\t\t\t<BlockDraggableChip\n\t\t\t\t\t\ticon={ getBlockType( getBlockName( clientId ) ).icon }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t\tdocument.body.appendChild( domNode );\n\t\t\t\tdomNode.style.position = 'absolute';\n\t\t\t\tdomNode.style.top = '0';\n\t\t\t\tdomNode.style.left = '0';\n\t\t\t\tdomNode.style.zIndex = '1000';\n\t\t\t\tdomNode.style.pointerEvents = 'none';\n\n\t\t\t\t// Setting the drag chip as the drag image actually works, but\n\t\t\t\t// the behaviour is slightly different in every browser. In\n\t\t\t\t// Safari, it animates, in Firefox it's slightly transparent...\n\t\t\t\t// So we set a fake drag image and have to reposition it\n\t\t\t\t// ourselves.\n\t\t\t\tconst dragElement = ownerDocument.createElement( 'div' );\n\t\t\t\t// Chrome will show a globe icon if the drag element does not\n\t\t\t\t// have dimensions.\n\t\t\t\tdragElement.style.width = '1px';\n\t\t\t\tdragElement.style.height = '1px';\n\t\t\t\tdragElement.style.position = 'fixed';\n\t\t\t\tdragElement.style.visibility = 'hidden';\n\t\t\t\townerDocument.body.appendChild( dragElement );\n\t\t\t\tevent.dataTransfer.setDragImage( dragElement, 0, 0 );\n\n\t\t\t\tlet offset = { x: 0, y: 0 };\n\n\t\t\t\tif ( document !== ownerDocument ) {\n\t\t\t\t\tconst frame = defaultView.frameElement;\n\t\t\t\t\tif ( frame ) {\n\t\t\t\t\t\tconst rect = frame.getBoundingClientRect();\n\t\t\t\t\t\toffset = { x: rect.left, y: rect.top };\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// chip handle offset\n\t\t\t\toffset.x -= 58;\n\n\t\t\t\tfunction over( e ) {\n\t\t\t\t\tdomNode.style.transform = `translate( ${\n\t\t\t\t\t\te.clientX + offset.x\n\t\t\t\t\t}px, ${ e.clientY + offset.y }px )`;\n\t\t\t\t}\n\n\t\t\t\tover( event );\n\n\t\t\t\tfunction end() {\n\t\t\t\t\townerDocument.removeEventListener( 'dragover', over );\n\t\t\t\t\townerDocument.removeEventListener( 'dragend', end );\n\t\t\t\t\tdomNode.remove();\n\t\t\t\t\tdragElement.remove();\n\t\t\t\t\tstopDraggingBlocks();\n\t\t\t\t\tdocument.body.classList.remove(\n\t\t\t\t\t\t'is-dragging-components-draggable'\n\t\t\t\t\t);\n\t\t\t\t\townerDocument.documentElement.classList.remove(\n\t\t\t\t\t\t'is-dragging'\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\townerDocument.addEventListener( 'dragover', over );\n\t\t\t\townerDocument.addEventListener( 'dragend', end );\n\t\t\t\townerDocument.addEventListener( 'drop', end );\n\n\t\t\t\tstartDraggingBlocks( [ clientId ] );\n\t\t\t\t// Important because it hides the block toolbar.\n\t\t\t\tdocument.body.classList.add(\n\t\t\t\t\t'is-dragging-components-draggable'\n\t\t\t\t);\n\t\t\t\townerDocument.documentElement.classList.add( 'is-dragging' );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'dragstart', onDragStart );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'dragstart', onDragStart );\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tclientId,\n\t\t\tisSelected,\n\t\t\tgetBlockRootClientId,\n\t\t\tinsertAfterBlock,\n\t\t\tremoveBlock,\n\t\t\tisZoomOut,\n\t\t\tresetZoomLevel,\n\t\t\thasMultiSelection,\n\t\t\tstartDraggingBlocks,\n\t\t\tstopDraggingBlocks,\n\t\t]\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-selected-block-event-handlers.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { isTextField } from '@wordpress/dom';\nimport { ENTER, BACKSPACE, DELETE } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction isColorTransparent( color ) {\n\treturn ! color || color === 'transparent' || color === 'rgba(0, 0, 0, 0)';\n}\n\n/**\n * Adds block behaviour:\n *   - Removes the block on BACKSPACE.\n *   - Inserts a default block on ENTER.\n *   - Disables dragging of block contents.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useEventHandlers( { clientId, isSelected } ) {\n\tconst { getBlockRootClientId, isZoomOut, hasMultiSelection } = unlock(\n\t\tuseSelect( blockEditorStore )\n\t);\n\tconst {\n\t\tinsertAfterBlock,\n\t\tremoveBlock,\n\t\tresetZoomLevel,\n\t\tstartDraggingBlocks,\n\t\tstopDraggingBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Interprets keydown event intent to remove or insert after block if\n\t\t\t * key event occurs on wrapper node. This can occur when the block has\n\t\t\t * no text fields of its own, particularly after initial insertion, to\n\t\t\t * allow for easy deletion and continuous writing flow to add additional\n\t\t\t * content.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keydown event.\n\t\t\t */\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tconst { keyCode, target } = event;\n\n\t\t\t\tif (\n\t\t\t\t\tkeyCode !== ENTER &&\n\t\t\t\t\tkeyCode !== BACKSPACE &&\n\t\t\t\t\tkeyCode !== DELETE\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( target !== node || isTextField( target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif ( keyCode === ENTER && isZoomOut() ) {\n\t\t\t\t\tresetZoomLevel();\n\t\t\t\t} else if ( keyCode === ENTER ) {\n\t\t\t\t\tinsertAfterBlock( clientId );\n\t\t\t\t} else {\n\t\t\t\t\tremoveBlock( clientId );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Prevents default dragging behavior within a block. To do: we must\n\t\t\t * handle this in the future and clean up the drag target.\n\t\t\t *\n\t\t\t * @param {DragEvent} event Drag event.\n\t\t\t */\n\t\t\tfunction onDragStart( event ) {\n\t\t\t\tif (\n\t\t\t\t\tnode !== event.target ||\n\t\t\t\t\tnode.isContentEditable ||\n\t\t\t\t\tnode.ownerDocument.activeElement !== node ||\n\t\t\t\t\thasMultiSelection()\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = JSON.stringify( {\n\t\t\t\t\ttype: 'block',\n\t\t\t\t\tsrcClientIds: [ clientId ],\n\t\t\t\t\tsrcRootClientId: getBlockRootClientId( clientId ),\n\t\t\t\t} );\n\t\t\t\tevent.dataTransfer.effectAllowed = 'move'; // remove \"+\" cursor\n\t\t\t\tevent.dataTransfer.clearData();\n\t\t\t\tevent.dataTransfer.setData( 'wp-blocks', data );\n\t\t\t\tconst { ownerDocument } = node;\n\t\t\t\tconst { defaultView } = ownerDocument;\n\t\t\t\tconst selection = defaultView.getSelection();\n\t\t\t\tselection.removeAllRanges();\n\n\t\t\t\t// Setting the drag chip as the drag image actually works, but\n\t\t\t\t// the behaviour is slightly different in every browser. In\n\t\t\t\t// Safari, it animates, in Firefox it's slightly transparent...\n\t\t\t\t// So we set a fake drag image and have to reposition it\n\t\t\t\t// ourselves.\n\t\t\t\tconst dragElement = ownerDocument.createElement( 'div' );\n\t\t\t\t// Chrome will show a globe icon if the drag element does not\n\t\t\t\t// have dimensions.\n\t\t\t\tdragElement.style.width = '1px';\n\t\t\t\tdragElement.style.height = '1px';\n\t\t\t\tdragElement.style.position = 'fixed';\n\t\t\t\tdragElement.style.visibility = 'hidden';\n\t\t\t\townerDocument.body.appendChild( dragElement );\n\t\t\t\tevent.dataTransfer.setDragImage( dragElement, 0, 0 );\n\n\t\t\t\tconst rect = node.getBoundingClientRect();\n\n\t\t\t\tconst clone = node.cloneNode( true );\n\t\t\t\tclone.style.visibility = 'hidden';\n\t\t\t\t// Maybe remove the clone now that it's relative?\n\t\t\t\tclone.style.display = 'none';\n\n\t\t\t\t// Remove the id and leave it on the clone so that drop target\n\t\t\t\t// calculations are correct.\n\t\t\t\tconst id = node.id;\n\t\t\t\tnode.id = null;\n\n\t\t\t\tlet _scale = 1;\n\n\t\t\t\t{\n\t\t\t\t\tlet parentElement = node;\n\t\t\t\t\twhile ( ( parentElement = parentElement.parentElement ) ) {\n\t\t\t\t\t\tconst { scale } =\n\t\t\t\t\t\t\tdefaultView.getComputedStyle( parentElement );\n\t\t\t\t\t\tif ( scale && scale !== 'none' ) {\n\t\t\t\t\t\t\t_scale = parseFloat( scale );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst inverted = 1 / _scale;\n\n\t\t\t\tnode.after( clone );\n\n\t\t\t\tconst originalNodeProperties = {};\n\t\t\t\tfor ( const property of [\n\t\t\t\t\t'transform',\n\t\t\t\t\t'transformOrigin',\n\t\t\t\t\t'transition',\n\t\t\t\t\t'zIndex',\n\t\t\t\t\t'position',\n\t\t\t\t\t'top',\n\t\t\t\t\t'left',\n\t\t\t\t\t'pointerEvents',\n\t\t\t\t\t'opacity',\n\t\t\t\t\t'backgroundColor',\n\t\t\t\t] ) {\n\t\t\t\t\toriginalNodeProperties[ property ] = node.style[ property ];\n\t\t\t\t}\n\n\t\t\t\t// Get scroll position.\n\t\t\t\tconst originScrollTop = defaultView.scrollY;\n\t\t\t\tconst originScrollLeft = defaultView.scrollX;\n\t\t\t\tconst originClientX = event.clientX;\n\t\t\t\tconst originClientY = event.clientY;\n\n\t\t\t\t// We can't use position fixed because it will behave different\n\t\t\t\t// if the html element is scaled or transformed (position will\n\t\t\t\t// no longer be relative to the viewport). The downside of\n\t\t\t\t// relative is that we have to listen to scroll events. On the\n\t\t\t\t// upside we don't have to clone to keep a space. Absolute\n\t\t\t\t// positioning might be weird because it will be based on the\n\t\t\t\t// positioned parent, but it might be worth a try.\n\t\t\t\tnode.style.position = 'relative';\n\t\t\t\tnode.style.top = `${ 0 }px`;\n\t\t\t\tnode.style.left = `${ 0 }px`;\n\n\t\t\t\tconst originX = event.clientX - rect.left;\n\t\t\t\tconst originY = event.clientY - rect.top;\n\n\t\t\t\t// Scale everything to 200px.\n\t\t\t\tconst dragScale = rect.height > 200 ? 200 / rect.height : 1;\n\n\t\t\t\tnode.style.zIndex = '1000';\n\t\t\t\tnode.style.transformOrigin = `${ originX * inverted }px ${\n\t\t\t\t\toriginY * inverted\n\t\t\t\t}px`;\n\t\t\t\tnode.style.transition = 'transform 0.2s ease-out';\n\t\t\t\tnode.style.transform = `scale(${ dragScale })`;\n\t\t\t\tnode.style.opacity = '0.9';\n\n\t\t\t\t// If the block has no background color, use the parent's\n\t\t\t\t// background color.\n\t\t\t\tif (\n\t\t\t\t\tisColorTransparent(\n\t\t\t\t\t\tdefaultView.getComputedStyle( node ).backgroundColor\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tlet bgColor = 'transparent';\n\t\t\t\t\tlet parentElement = node;\n\t\t\t\t\twhile ( ( parentElement = parentElement.parentElement ) ) {\n\t\t\t\t\t\tconst { backgroundColor } =\n\t\t\t\t\t\t\tdefaultView.getComputedStyle( parentElement );\n\t\t\t\t\t\tif ( ! isColorTransparent( backgroundColor ) ) {\n\t\t\t\t\t\t\tbgColor = backgroundColor;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tnode.style.backgroundColor = bgColor;\n\t\t\t\t}\n\n\t\t\t\tlet hasStarted = false;\n\n\t\t\t\tfunction over( e ) {\n\t\t\t\t\tif ( ! hasStarted ) {\n\t\t\t\t\t\thasStarted = true;\n\t\t\t\t\t\tnode.style.pointerEvents = 'none';\n\t\t\t\t\t}\n\t\t\t\t\tconst scrollTop = defaultView.scrollY;\n\t\t\t\t\tconst scrollLeft = defaultView.scrollX;\n\t\t\t\t\tnode.style.top = `${\n\t\t\t\t\t\t( e.clientY -\n\t\t\t\t\t\t\toriginClientY +\n\t\t\t\t\t\t\tscrollTop -\n\t\t\t\t\t\t\toriginScrollTop ) *\n\t\t\t\t\t\tinverted\n\t\t\t\t\t}px`;\n\t\t\t\t\tnode.style.left = `${\n\t\t\t\t\t\t( e.clientX -\n\t\t\t\t\t\t\toriginClientX +\n\t\t\t\t\t\t\tscrollLeft -\n\t\t\t\t\t\t\toriginScrollLeft ) *\n\t\t\t\t\t\tinverted\n\t\t\t\t\t}px`;\n\t\t\t\t}\n\n\t\t\t\tfunction end() {\n\t\t\t\t\townerDocument.removeEventListener( 'dragover', over );\n\t\t\t\t\townerDocument.removeEventListener( 'dragend', end );\n\t\t\t\t\townerDocument.removeEventListener( 'drop', end );\n\t\t\t\t\townerDocument.removeEventListener( 'scroll', over );\n\t\t\t\t\tfor ( const [ property, value ] of Object.entries(\n\t\t\t\t\t\toriginalNodeProperties\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tnode.style[ property ] = value;\n\t\t\t\t\t}\n\t\t\t\t\tclone.remove();\n\t\t\t\t\tnode.id = id;\n\t\t\t\t\tdragElement.remove();\n\t\t\t\t\tstopDraggingBlocks();\n\t\t\t\t\tdocument.body.classList.remove(\n\t\t\t\t\t\t'is-dragging-components-draggable'\n\t\t\t\t\t);\n\t\t\t\t\townerDocument.documentElement.classList.remove(\n\t\t\t\t\t\t'is-dragging'\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\townerDocument.addEventListener( 'dragover', over );\n\t\t\t\townerDocument.addEventListener( 'dragend', end );\n\t\t\t\townerDocument.addEventListener( 'drop', end );\n\t\t\t\townerDocument.addEventListener( 'scroll', over );\n\n\t\t\t\tstartDraggingBlocks( [ clientId ] );\n\t\t\t\t// Important because it hides the block toolbar.\n\t\t\t\tdocument.body.classList.add(\n\t\t\t\t\t'is-dragging-components-draggable'\n\t\t\t\t);\n\t\t\t\townerDocument.documentElement.classList.add( 'is-dragging' );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'dragstart', onDragStart );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'dragstart', onDragStart );\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tclientId,\n\t\t\tisSelected,\n\t\t\tgetBlockRootClientId,\n\t\t\tinsertAfterBlock,\n\t\t\tremoveBlock,\n\t\t\tisZoomOut,\n\t\t\tresetZoomLevel,\n\t\t\thasMultiSelection,\n\t\t\tstartDraggingBlocks,\n\t\t\tstopDraggingBlocks,\n\t\t]\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}