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

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

@@ -1,188 +1,220 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_selected_block_event_handlers_exports = {};
+__export(use_selected_block_event_handlers_exports, {
+  useEventHandlers: () => useEventHandlers
 });
-exports.useEventHandlers = useEventHandlers;
-var _dom = require("@wordpress/dom");
-var _keycodes = require("@wordpress/keycodes");
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _blocks = require("@wordpress/blocks");
-var _store = require("../../../store");
-var _lockUnlock = require("../../../lock-unlock");
-var _draggableChip = _interopRequireDefault(require("../../../components/block-draggable/draggable-chip"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * 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.
- */
-function useEventHandlers({
-  clientId,
-  isSelected
-}) {
-  const {
-    getBlockType
-  } = (0, _data.useSelect)(_blocks.store);
-  const {
-    getBlockRootClientId,
-    isZoomOut,
-    hasMultiSelection,
-    getBlockName
-  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
+module.exports = __toCommonJS(use_selected_block_event_handlers_exports);
+var import_dom = require("@wordpress/dom");
+var import_keycodes = require("@wordpress/keycodes");
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_store = require("../../../store");
+var import_lock_unlock = require("../../../lock-unlock");
+function isColorTransparent(color) {
+  return !color || color === "transparent" || color === "rgba(0, 0, 0, 0)";
+}
+function useEventHandlers({ clientId, isSelected }) {
+  const { getBlockRootClientId, isZoomOut, hasMultiSelection } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useSelect)(import_store.store)
+  );
   const {
     insertAfterBlock,
     removeBlock,
     resetZoomLevel,
     startDraggingBlocks,
     stopDraggingBlocks
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  return (0, _compose.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 !== _keycodes.ENTER && keyCode !== _keycodes.BACKSPACE && keyCode !== _keycodes.DELETE) {
-        return;
-      }
-      if (target !== node || (0, _dom.isTextField)(target)) {
+  } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
+  return (0, import_compose.useRefEffect)(
+    (node) => {
+      if (!isSelected) {
         return;
       }
-      event.preventDefault();
-      if (keyCode === _keycodes.ENTER && isZoomOut()) {
-        resetZoomLevel();
-      } else if (keyCode === _keycodes.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 !== import_keycodes.ENTER && keyCode !== import_keycodes.BACKSPACE && keyCode !== import_keycodes.DELETE) {
+          return;
+        }
+        if (target !== node || (0, import_dom.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 = (0, _element.createRoot)(domNode);
-      root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_draggableChip.default, {
-        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 === import_keycodes.ENTER && isZoomOut()) {
+          resetZoomLevel();
+        } else if (keyCode === import_keycodes.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
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEventHandlers
+});
+//# sourceMappingURL=use-selected-block-event-handlers.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_dom","require","_keycodes","_data","_compose","_element","_blocks","_store","_lockUnlock","_draggableChip","_interopRequireDefault","_jsxRuntime","useEventHandlers","clientId","isSelected","getBlockType","useSelect","blocksStore","getBlockRootClientId","isZoomOut","hasMultiSelection","getBlockName","unlock","blockEditorStore","insertAfterBlock","removeBlock","resetZoomLevel","startDraggingBlocks","stopDraggingBlocks","useDispatch","useRefEffect","node","onKeyDown","event","keyCode","target","ENTER","BACKSPACE","DELETE","isTextField","preventDefault","onDragStart","isContentEditable","ownerDocument","activeElement","data","JSON","stringify","type","srcClientIds","srcRootClientId","dataTransfer","effectAllowed","clearData","setData","defaultView","selection","getSelection","removeAllRanges","domNode","document","createElement","root","createRoot","render","jsx","default","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": ["blockEditorStore"]
+}