@wordpress/block-editor 12.7.0 → 12.8.1

package/build-module/components/block-list/use-block-props/use-focus-first-element.js

@@ -4,12 +4,13 @@
 import { useEffect, useRef } from '@wordpress/element';
 import { focus, isFormElement, isTextField, placeCaretAtHorizontalEdge } from '@wordpress/dom';
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { isInsideRootBlock } from '../../../utils/dom';
 import { store as blockEditorStore } from '../../../store';
+
 /** @typedef {import('@wordpress/element').RefObject} RefObject */
 
 /**
@@ -20,7 +21,6 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @return {number} The initial position, either 0 (start) or -1 (end).
  */
-
 function useInitialPosition(clientId) {
   return useSelect(select => {
     const {
@@ -28,19 +28,18 @@ function useInitialPosition(clientId) {
       __unstableGetEditorMode,
       isBlockSelected
     } = select(blockEditorStore);
-
     if (!isBlockSelected(clientId)) {
       return;
     }
-
     if (__unstableGetEditorMode() !== 'edit') {
       return;
-    } // If there's no initial position, return 0 to focus the start.
-
+    }
 
+    // If there's no initial position, return 0 to focus the start.
     return getSelectedBlocksInitialCaretPosition();
   }, [clientId]);
 }
+
 /**
  * Transitions focus to the block or inner tabbable when the block becomes
  * selected and an initial position is set.
@@ -49,8 +48,6 @@ function useInitialPosition(clientId) {
  *
  * @return {RefObject} React ref with the block element.
  */
-
-
 export function useFocusFirstElement(clientId) {
   const ref = useRef();
   const initialPosition = useInitialPosition(clientId);
@@ -63,45 +60,42 @@ export function useFocusFirstElement(clientId) {
     if (!isBlockSelected(clientId) || isMultiSelecting()) {
       return;
     }
-
     if (initialPosition === undefined || initialPosition === null) {
       return;
     }
-
     if (!ref.current) {
       return;
     }
-
     const {
       ownerDocument
-    } = ref.current; // Do not focus the block if it already contains the active element.
+    } = ref.current;
 
+    // Do not focus the block if it already contains the active element.
     if (isInsideRootBlock(ref.current, ownerDocument.activeElement)) {
       return;
-    } // Find all tabbables within node.
+    }
 
+    // Find all tabbables within node.
+    const textInputs = focus.tabbable.find(ref.current).filter(node => isTextField(node));
 
-    const textInputs = focus.tabbable.find(ref.current).filter(node => isTextField(node)); // If reversed (e.g. merge via backspace), use the last in the set of
+    // If reversed (e.g. merge via backspace), use the last in the set of
     // tabbables.
-
     const isReverse = -1 === initialPosition;
     const target = textInputs[isReverse ? textInputs.length - 1 : 0] || ref.current;
-
     if (!isInsideRootBlock(ref.current, target)) {
       ref.current.focus();
       return;
-    } // Check to see if element is focussable before a generic caret insert.
-
+    }
 
+    // Check to see if element is focussable before a generic caret insert.
     if (!ref.current.getAttribute('contenteditable')) {
-      const focusElement = focus.tabbable.findNext(ref.current); // Make sure focusElement is valid, contained in the same block, and a form field.
-
+      const focusElement = focus.tabbable.findNext(ref.current);
+      // Make sure focusElement is valid, contained in the same block, and a form field.
       if (focusElement && isInsideRootBlock(ref.current, focusElement) && isFormElement(focusElement)) {
         focusElement.focus();
         return;
       }
     }
-
     placeCaretAtHorizontalEdge(target, isReverse);
   }, [initialPosition, clientId]);
   return ref;

package/build-module/components/block-list/use-block-props/use-focus-first-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-first-element.js"],"names":["useEffect","useRef","focus","isFormElement","isTextField","placeCaretAtHorizontalEdge","useSelect","isInsideRootBlock","store","blockEditorStore","useInitialPosition","clientId","select","getSelectedBlocksInitialCaretPosition","__unstableGetEditorMode","isBlockSelected","useFocusFirstElement","ref","initialPosition","isMultiSelecting","undefined","current","ownerDocument","activeElement","textInputs","tabbable","find","filter","node","isReverse","target","length","getAttribute","focusElement","findNext"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tfocus,\n\tisFormElement,\n\tisTextField,\n\tplaceCaretAtHorizontalEdge,\n} from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Returns the initial position if the block needs to be focussed, `undefined`\n * otherwise. The initial position is either 0 (start) or -1 (end).\n *\n * @param {string} clientId Block client ID.\n *\n * @return {number} The initial position, either 0 (start) or -1 (end).\n */\nfunction useInitialPosition( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t\tisBlockSelected,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tif ( ! isBlockSelected( clientId ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( __unstableGetEditorMode() !== 'edit' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If there's no initial position, return 0 to focus the start.\n\t\t\treturn getSelectedBlocksInitialCaretPosition();\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\n/**\n * Transitions focus to the block or inner tabbable when the block becomes\n * selected and an initial position is set.\n *\n * @param {string} clientId Block client ID.\n *\n * @return {RefObject} React ref with the block element.\n */\nexport function useFocusFirstElement( clientId ) {\n\tconst ref = useRef();\n\tconst initialPosition = useInitialPosition( clientId );\n\tconst { isBlockSelected, isMultiSelecting } = useSelect( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Check if the block is still selected at the time this effect runs.\n\t\tif ( ! isBlockSelected( clientId ) || isMultiSelecting() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( initialPosition === undefined || initialPosition === null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = ref.current;\n\n\t\t// Do not focus the block if it already contains the active element.\n\t\tif ( isInsideRootBlock( ref.current, ownerDocument.activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find all tabbables within node.\n\t\tconst textInputs = focus.tabbable\n\t\t\t.find( ref.current )\n\t\t\t.filter( ( node ) => isTextField( node ) );\n\n\t\t// If reversed (e.g. merge via backspace), use the last in the set of\n\t\t// tabbables.\n\t\tconst isReverse = -1 === initialPosition;\n\t\tconst target =\n\t\t\ttextInputs[ isReverse ? textInputs.length - 1 : 0 ] || ref.current;\n\n\t\tif ( ! isInsideRootBlock( ref.current, target ) ) {\n\t\t\tref.current.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if element is focussable before a generic caret insert.\n\t\tif ( ! ref.current.getAttribute( 'contenteditable' ) ) {\n\t\t\tconst focusElement = focus.tabbable.findNext( ref.current );\n\t\t\t// Make sure focusElement is valid, contained in the same block, and a form field.\n\t\t\tif (\n\t\t\t\tfocusElement &&\n\t\t\t\tisInsideRootBlock( ref.current, focusElement ) &&\n\t\t\t\tisFormElement( focusElement )\n\t\t\t) {\n\t\t\t\tfocusElement.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tplaceCaretAtHorizontalEdge( target, isReverse );\n\t}, [ initialPosition, clientId ] );\n\n\treturn ref;\n}\n"]}
+{"version":3,"names":["useEffect","useRef","focus","isFormElement","isTextField","placeCaretAtHorizontalEdge","useSelect","isInsideRootBlock","store","blockEditorStore","useInitialPosition","clientId","select","getSelectedBlocksInitialCaretPosition","__unstableGetEditorMode","isBlockSelected","useFocusFirstElement","ref","initialPosition","isMultiSelecting","undefined","current","ownerDocument","activeElement","textInputs","tabbable","find","filter","node","isReverse","target","length","getAttribute","focusElement","findNext"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-first-element.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tfocus,\n\tisFormElement,\n\tisTextField,\n\tplaceCaretAtHorizontalEdge,\n} from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Returns the initial position if the block needs to be focussed, `undefined`\n * otherwise. The initial position is either 0 (start) or -1 (end).\n *\n * @param {string} clientId Block client ID.\n *\n * @return {number} The initial position, either 0 (start) or -1 (end).\n */\nfunction useInitialPosition( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t\tisBlockSelected,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tif ( ! isBlockSelected( clientId ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( __unstableGetEditorMode() !== 'edit' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If there's no initial position, return 0 to focus the start.\n\t\t\treturn getSelectedBlocksInitialCaretPosition();\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\n/**\n * Transitions focus to the block or inner tabbable when the block becomes\n * selected and an initial position is set.\n *\n * @param {string} clientId Block client ID.\n *\n * @return {RefObject} React ref with the block element.\n */\nexport function useFocusFirstElement( clientId ) {\n\tconst ref = useRef();\n\tconst initialPosition = useInitialPosition( clientId );\n\tconst { isBlockSelected, isMultiSelecting } = useSelect( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Check if the block is still selected at the time this effect runs.\n\t\tif ( ! isBlockSelected( clientId ) || isMultiSelecting() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( initialPosition === undefined || initialPosition === null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = ref.current;\n\n\t\t// Do not focus the block if it already contains the active element.\n\t\tif ( isInsideRootBlock( ref.current, ownerDocument.activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find all tabbables within node.\n\t\tconst textInputs = focus.tabbable\n\t\t\t.find( ref.current )\n\t\t\t.filter( ( node ) => isTextField( node ) );\n\n\t\t// If reversed (e.g. merge via backspace), use the last in the set of\n\t\t// tabbables.\n\t\tconst isReverse = -1 === initialPosition;\n\t\tconst target =\n\t\t\ttextInputs[ isReverse ? textInputs.length - 1 : 0 ] || ref.current;\n\n\t\tif ( ! isInsideRootBlock( ref.current, target ) ) {\n\t\t\tref.current.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if element is focussable before a generic caret insert.\n\t\tif ( ! ref.current.getAttribute( 'contenteditable' ) ) {\n\t\t\tconst focusElement = focus.tabbable.findNext( ref.current );\n\t\t\t// Make sure focusElement is valid, contained in the same block, and a form field.\n\t\t\tif (\n\t\t\t\tfocusElement &&\n\t\t\t\tisInsideRootBlock( ref.current, focusElement ) &&\n\t\t\t\tisFormElement( focusElement )\n\t\t\t) {\n\t\t\t\tfocusElement.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tplaceCaretAtHorizontalEdge( target, isReverse );\n\t}, [ initialPosition, clientId ] );\n\n\treturn ref;\n}\n"],"mappings":"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"}

package/build-module/components/block-list/use-block-props/use-focus-handler.js

@@ -3,18 +3,18 @@
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRefEffect } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { isInsideRootBlock } from '../../../utils/dom';
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Selects the block if it receives focus.
  *
  * @param {string} clientId Block client ID.
  */
-
 export function useFocusHandler(clientId) {
   const {
     isBlockSelected
@@ -37,28 +37,25 @@ export function useFocusHandler(clientId) {
       // selection.
       if (node.parentElement.closest('[contenteditable="true"]')) {
         return;
-      } // Check synchronously because a non-selected block might be
-      // getting data through `useSelect` asynchronously.
-
+      }
 
+      // Check synchronously because a non-selected block might be
+      // getting data through `useSelect` asynchronously.
       if (isBlockSelected(clientId)) {
         // Potentially change selection away from rich text.
         if (!event.target.isContentEditable) {
           selectionChange(clientId);
         }
-
         return;
-      } // If an inner block is focussed, that block is resposible for
-      // setting the selected block.
-
+      }
 
+      // If an inner block is focussed, that block is resposible for
+      // setting the selected block.
       if (!isInsideRootBlock(node, event.target)) {
         return;
       }
-
       selectBlock(clientId);
     }
-
     node.addEventListener('focusin', onFocus);
     return () => {
       node.removeEventListener('focusin', onFocus);

package/build-module/components/block-list/use-block-props/use-focus-handler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-handler.js"],"names":["useSelect","useDispatch","useRefEffect","isInsideRootBlock","store","blockEditorStore","useFocusHandler","clientId","isBlockSelected","selectBlock","selectionChange","node","onFocus","event","parentElement","closest","target","isContentEditable","addEventListener","removeEventListener"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,YAAT,QAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,QAAkC,oBAAlC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,eAAT,CAA0BC,QAA1B,EAAqC;AAC3C,QAAM;AAAEC,IAAAA;AAAF,MAAsBR,SAAS,CAAEK,gBAAF,CAArC;AACA,QAAM;AAAEI,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAmCT,WAAW,CAAEI,gBAAF,CAApD;AAEA,SAAOH,YAAY,CAChBS,IAAF,IAAY;AACX;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACG,aAASC,OAAT,CAAkBC,KAAlB,EAA0B;AACzB;AACA;AACA,UACCF,IAAI,CAACG,aAAL,CAAmBC,OAAnB,CAA4B,0BAA5B,CADD,EAEE;AACD;AACA,OAPwB,CASzB;AACA;;;AACA,UAAKP,eAAe,CAAED,QAAF,CAApB,EAAmC;AAClC;AACA,YAAK,CAAEM,KAAK,CAACG,MAAN,CAAaC,iBAApB,EAAwC;AACvCP,UAAAA,eAAe,CAAEH,QAAF,CAAf;AACA;;AACD;AACA,OAjBwB,CAmBzB;AACA;;;AACA,UAAK,CAAEJ,iBAAiB,CAAEQ,IAAF,EAAQE,KAAK,CAACG,MAAd,CAAxB,EAAiD;AAChD;AACA;;AAEDP,MAAAA,WAAW,CAAEF,QAAF,CAAX;AACA;;AAEDI,IAAAA,IAAI,CAACO,gBAAL,CAAuB,SAAvB,EAAkCN,OAAlC;AAEA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACQ,mBAAL,CAA0B,SAA1B,EAAqCP,OAArC;AACA,KAFD;AAGA,GA3CiB,EA4ClB,CAAEJ,eAAF,EAAmBC,WAAnB,CA5CkB,CAAnB;AA8CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Selects the block if it receives focus.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useFocusHandler( clientId ) {\n\tconst { isBlockSelected } = useSelect( blockEditorStore );\n\tconst { selectBlock, selectionChange } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\t/**\n\t\t\t * Marks the block as selected when focused and not already\n\t\t\t * selected. This specifically handles the case where block does not\n\t\t\t * set focus on its own (via `setFocus`), typically if there is no\n\t\t\t * focusable input in the block.\n\t\t\t *\n\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t */\n\t\t\tfunction onFocus( event ) {\n\t\t\t\t// When the whole editor is editable, let writing flow handle\n\t\t\t\t// selection.\n\t\t\t\tif (\n\t\t\t\t\tnode.parentElement.closest( '[contenteditable=\"true\"]' )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Check synchronously because a non-selected block might be\n\t\t\t\t// getting data through `useSelect` asynchronously.\n\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t// Potentially change selection away from rich text.\n\t\t\t\t\tif ( ! event.target.isContentEditable ) {\n\t\t\t\t\t\tselectionChange( clientId );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If an inner block is focussed, that block is resposible for\n\t\t\t\t// setting the selected block.\n\t\t\t\tif ( ! isInsideRootBlock( node, event.target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tselectBlock( clientId );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'focusin', onFocus );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'focusin', onFocus );\n\t\t\t};\n\t\t},\n\t\t[ isBlockSelected, selectBlock ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","useDispatch","useRefEffect","isInsideRootBlock","store","blockEditorStore","useFocusHandler","clientId","isBlockSelected","selectBlock","selectionChange","node","onFocus","event","parentElement","closest","target","isContentEditable","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Selects the block if it receives focus.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useFocusHandler( clientId ) {\n\tconst { isBlockSelected } = useSelect( blockEditorStore );\n\tconst { selectBlock, selectionChange } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\t/**\n\t\t\t * Marks the block as selected when focused and not already\n\t\t\t * selected. This specifically handles the case where block does not\n\t\t\t * set focus on its own (via `setFocus`), typically if there is no\n\t\t\t * focusable input in the block.\n\t\t\t *\n\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t */\n\t\t\tfunction onFocus( event ) {\n\t\t\t\t// When the whole editor is editable, let writing flow handle\n\t\t\t\t// selection.\n\t\t\t\tif (\n\t\t\t\t\tnode.parentElement.closest( '[contenteditable=\"true\"]' )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Check synchronously because a non-selected block might be\n\t\t\t\t// getting data through `useSelect` asynchronously.\n\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t// Potentially change selection away from rich text.\n\t\t\t\t\tif ( ! event.target.isContentEditable ) {\n\t\t\t\t\t\tselectionChange( clientId );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If an inner block is focussed, that block is resposible for\n\t\t\t\t// setting the selected block.\n\t\t\t\tif ( ! isInsideRootBlock( node, event.target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tselectBlock( clientId );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'focusin', onFocus );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'focusin', onFocus );\n\t\t\t};\n\t\t},\n\t\t[ isBlockSelected, selectBlock ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,QAAQ,EAAG;EAC3C,MAAM;IAAEC;EAAgB,CAAC,GAAGR,SAAS,CAAEK,gBAAiB,CAAC;EACzD,MAAM;IAAEI,WAAW;IAAEC;EAAgB,CAAC,GAAGT,WAAW,CAAEI,gBAAiB,CAAC;EAExE,OAAOH,YAAY,CAChBS,IAAI,IAAM;IACX;AACH;AACA;AACA;AACA;AACA;AACA;AACA;IACG,SAASC,OAAOA,CAAEC,KAAK,EAAG;MACzB;MACA;MACA,IACCF,IAAI,CAACG,aAAa,CAACC,OAAO,CAAE,0BAA2B,CAAC,EACvD;QACD;MACD;;MAEA;MACA;MACA,IAAKP,eAAe,CAAED,QAAS,CAAC,EAAG;QAClC;QACA,IAAK,CAAEM,KAAK,CAACG,MAAM,CAACC,iBAAiB,EAAG;UACvCP,eAAe,CAAEH,QAAS,CAAC;QAC5B;QACA;MACD;;MAEA;MACA;MACA,IAAK,CAAEJ,iBAAiB,CAAEQ,IAAI,EAAEE,KAAK,CAACG,MAAO,CAAC,EAAG;QAChD;MACD;MAEAP,WAAW,CAAEF,QAAS,CAAC;IACxB;IAEAI,IAAI,CAACO,gBAAgB,CAAE,SAAS,EAAEN,OAAQ,CAAC;IAE3C,OAAO,MAAM;MACZD,IAAI,CAACQ,mBAAmB,CAAE,SAAS,EAAEP,OAAQ,CAAC;IAC/C,CAAC;EACF,CAAC,EACD,CAAEJ,eAAe,EAAEC,WAAW,CAC/B,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-intersection-observer.js

@@ -3,10 +3,10 @@
  */
 import { useRefEffect } from '@wordpress/compose';
 import { useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { IntersectionObserver } from '../';
 export function useIntersectionObserver() {
   const observer = useContext(IntersectionObserver);

package/build-module/components/block-list/use-block-props/use-intersection-observer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-intersection-observer.js"],"names":["useRefEffect","useContext","IntersectionObserver","useIntersectionObserver","observer","node","observe","unobserve"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,oBAA7B;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,KAArC;AAEA,OAAO,SAASC,uBAAT,GAAmC;AACzC,QAAMC,QAAQ,GAAGH,UAAU,CAAEC,oBAAF,CAA3B;AACA,SAAOF,YAAY,CAChBK,IAAF,IAAY;AACX,QAAKD,QAAL,EAAgB;AACfA,MAAAA,QAAQ,CAACE,OAAT,CAAkBD,IAAlB;AACA,aAAO,MAAM;AACZD,QAAAA,QAAQ,CAACG,SAAT,CAAoBF,IAApB;AACA,OAFD;AAGA;AACD,GARiB,EASlB,CAAED,QAAF,CATkB,CAAnB;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { IntersectionObserver } from '../';\n\nexport function useIntersectionObserver() {\n\tconst observer = useContext( IntersectionObserver );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( observer ) {\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.unobserve( node );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ observer ]\n\t);\n}\n"]}
+{"version":3,"names":["useRefEffect","useContext","IntersectionObserver","useIntersectionObserver","observer","node","observe","unobserve"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-intersection-observer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { IntersectionObserver } from '../';\n\nexport function useIntersectionObserver() {\n\tconst observer = useContext( IntersectionObserver );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( observer ) {\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.unobserve( node );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ observer ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,KAAK;AAE1C,OAAO,SAASC,uBAAuBA,CAAA,EAAG;EACzC,MAAMC,QAAQ,GAAGH,UAAU,CAAEC,oBAAqB,CAAC;EACnD,OAAOF,YAAY,CAChBK,IAAI,IAAM;IACX,IAAKD,QAAQ,EAAG;MACfA,QAAQ,CAACE,OAAO,CAAED,IAAK,CAAC;MACxB,OAAO,MAAM;QACZD,QAAQ,CAACG,SAAS,CAAEF,IAAK,CAAC;MAC3B,CAAC;IACF;EACD,CAAC,EACD,CAAED,QAAQ,CACX,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-is-hovered.js

@@ -3,27 +3,24 @@
  */
 import { useSelect } from '@wordpress/data';
 import { useRefEffect } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
-
 function listener(event) {
   if (event.defaultPrevented) {
     return;
   }
-
   const action = event.type === 'mouseover' ? 'add' : 'remove';
   event.preventDefault();
   event.currentTarget.classList[action]('is-hovered');
 }
+
 /**
  * Adds `is-hovered` class when the block is hovered and in navigation or
  * outline mode.
  */
-
-
 export function useIsHovered() {
   const isEnabled = useSelect(select => {
     const {
@@ -37,8 +34,9 @@ export function useIsHovered() {
       node.addEventListener('mouseover', listener);
       return () => {
         node.removeEventListener('mouseout', listener);
-        node.removeEventListener('mouseover', listener); // Remove class in case it lingers.
+        node.removeEventListener('mouseover', listener);
 
+        // Remove class in case it lingers.
         node.classList.remove('is-hovered');
       };
     }

package/build-module/components/block-list/use-block-props/use-is-hovered.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-is-hovered.js"],"names":["useSelect","useRefEffect","store","blockEditorStore","listener","event","defaultPrevented","action","type","preventDefault","currentTarget","classList","useIsHovered","isEnabled","select","getSettings","outlineMode","node","addEventListener","removeEventListener","remove"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,YAAT,QAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;;AAEA,SAASC,QAAT,CAAmBC,KAAnB,EAA2B;AAC1B,MAAKA,KAAK,CAACC,gBAAX,EAA8B;AAC7B;AACA;;AAED,QAAMC,MAAM,GAAGF,KAAK,CAACG,IAAN,KAAe,WAAf,GAA6B,KAA7B,GAAqC,QAApD;AAEAH,EAAAA,KAAK,CAACI,cAAN;AACAJ,EAAAA,KAAK,CAACK,aAAN,CAAoBC,SAApB,CAA+BJ,MAA/B,EAAyC,YAAzC;AACA;AAED;AACA;AACA;AACA;;;AACA,OAAO,SAASK,YAAT,GAAwB;AAC9B,QAAMC,SAAS,GAAGb,SAAS,CAAIc,MAAF,IAAc;AAC1C,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEX,gBAAF,CAA9B;AACA,WAAOY,WAAW,GAAGC,WAArB;AACA,GAH0B,EAGxB,EAHwB,CAA3B;AAKA,SAAOf,YAAY,CAChBgB,IAAF,IAAY;AACX,QAAKJ,SAAL,EAAiB;AAChBI,MAAAA,IAAI,CAACC,gBAAL,CAAuB,UAAvB,EAAmCd,QAAnC;AACAa,MAAAA,IAAI,CAACC,gBAAL,CAAuB,WAAvB,EAAoCd,QAApC;AAEA,aAAO,MAAM;AACZa,QAAAA,IAAI,CAACE,mBAAL,CAA0B,UAA1B,EAAsCf,QAAtC;AACAa,QAAAA,IAAI,CAACE,mBAAL,CAA0B,WAA1B,EAAuCf,QAAvC,EAFY,CAIZ;;AACAa,QAAAA,IAAI,CAACN,SAAL,CAAeS,MAAf,CAAuB,YAAvB;AACA,OAND;AAOA;AACD,GAdiB,EAelB,CAAEP,SAAF,CAfkB,CAAnB;AAiBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\nfunction listener( event ) {\n\tif ( event.defaultPrevented ) {\n\t\treturn;\n\t}\n\n\tconst action = event.type === 'mouseover' ? 'add' : 'remove';\n\n\tevent.preventDefault();\n\tevent.currentTarget.classList[ action ]( 'is-hovered' );\n}\n\n/**\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n */\nexport function useIsHovered() {\n\tconst isEnabled = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().outlineMode;\n\t}, [] );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isEnabled ) {\n\t\t\t\tnode.addEventListener( 'mouseout', listener );\n\t\t\t\tnode.addEventListener( 'mouseover', listener );\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnode.removeEventListener( 'mouseout', listener );\n\t\t\t\t\tnode.removeEventListener( 'mouseover', listener );\n\n\t\t\t\t\t// Remove class in case it lingers.\n\t\t\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ isEnabled ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","useRefEffect","store","blockEditorStore","listener","event","defaultPrevented","action","type","preventDefault","currentTarget","classList","useIsHovered","isEnabled","select","getSettings","outlineMode","node","addEventListener","removeEventListener","remove"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-is-hovered.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\nfunction listener( event ) {\n\tif ( event.defaultPrevented ) {\n\t\treturn;\n\t}\n\n\tconst action = event.type === 'mouseover' ? 'add' : 'remove';\n\n\tevent.preventDefault();\n\tevent.currentTarget.classList[ action ]( 'is-hovered' );\n}\n\n/**\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n */\nexport function useIsHovered() {\n\tconst isEnabled = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().outlineMode;\n\t}, [] );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isEnabled ) {\n\t\t\t\tnode.addEventListener( 'mouseout', listener );\n\t\t\t\tnode.addEventListener( 'mouseover', listener );\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnode.removeEventListener( 'mouseout', listener );\n\t\t\t\t\tnode.removeEventListener( 'mouseover', listener );\n\n\t\t\t\t\t// Remove class in case it lingers.\n\t\t\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ isEnabled ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;AAE1D,SAASC,QAAQA,CAAEC,KAAK,EAAG;EAC1B,IAAKA,KAAK,CAACC,gBAAgB,EAAG;IAC7B;EACD;EAEA,MAAMC,MAAM,GAAGF,KAAK,CAACG,IAAI,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ;EAE5DH,KAAK,CAACI,cAAc,CAAC,CAAC;EACtBJ,KAAK,CAACK,aAAa,CAACC,SAAS,CAAEJ,MAAM,CAAE,CAAE,YAAa,CAAC;AACxD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASK,YAAYA,CAAA,EAAG;EAC9B,MAAMC,SAAS,GAAGb,SAAS,CAAIc,MAAM,IAAM;IAC1C,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAEX,gBAAiB,CAAC;IAClD,OAAOY,WAAW,CAAC,CAAC,CAACC,WAAW;EACjC,CAAC,EAAE,EAAG,CAAC;EAEP,OAAOf,YAAY,CAChBgB,IAAI,IAAM;IACX,IAAKJ,SAAS,EAAG;MAChBI,IAAI,CAACC,gBAAgB,CAAE,UAAU,EAAEd,QAAS,CAAC;MAC7Ca,IAAI,CAACC,gBAAgB,CAAE,WAAW,EAAEd,QAAS,CAAC;MAE9C,OAAO,MAAM;QACZa,IAAI,CAACE,mBAAmB,CAAE,UAAU,EAAEf,QAAS,CAAC;QAChDa,IAAI,CAACE,mBAAmB,CAAE,WAAW,EAAEf,QAAS,CAAC;;QAEjD;QACAa,IAAI,CAACN,SAAS,CAACS,MAAM,CAAE,YAAa,CAAC;MACtC,CAAC;IACF;EACD,CAAC,EACD,CAAEP,SAAS,CACZ,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-nav-mode-exit.js

@@ -3,17 +3,17 @@
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRefEffect } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Allows navigation mode to be exited by clicking in the selected block.
  *
  * @param {string} clientId Block client ID.
  */
-
 export function useNavModeExit(clientId) {
   const {
     isNavigationMode,
@@ -29,8 +29,9 @@ export function useNavModeExit(clientId) {
       // block.
       if (isNavigationMode() && !event.defaultPrevented) {
         // Prevent focus from moving to the block.
-        event.preventDefault(); // When clicking on a selected block, exit navigation mode.
+        event.preventDefault();
 
+        // When clicking on a selected block, exit navigation mode.
         if (isBlockSelected(clientId)) {
           setNavigationMode(false);
         } else {
@@ -38,10 +39,9 @@ export function useNavModeExit(clientId) {
         }
       }
     }
-
     node.addEventListener('mousedown', onMouseDown);
     return () => {
-      node.addEventListener('mousedown', onMouseDown);
+      node.removeEventListener('mousedown', onMouseDown);
     };
   }, [clientId, isNavigationMode, isBlockSelected, setNavigationMode]);
 }

package/build-module/components/block-list/use-block-props/use-nav-mode-exit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-nav-mode-exit.js"],"names":["useSelect","useDispatch","useRefEffect","store","blockEditorStore","useNavModeExit","clientId","isNavigationMode","isBlockSelected","setNavigationMode","selectBlock","node","onMouseDown","event","defaultPrevented","preventDefault","addEventListener"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,YAAT,QAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,cAAT,CAAyBC,QAAzB,EAAoC;AAC1C,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAwCR,SAAS,CAAEI,gBAAF,CAAvD;AACA,QAAM;AAAEK,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAqCT,WAAW,CAAEG,gBAAF,CAAtD;AACA,SAAOF,YAAY,CAChBS,IAAF,IAAY;AACX,aAASC,WAAT,CAAsBC,KAAtB,EAA8B;AAC7B;AACA;AACA,UAAKN,gBAAgB,MAAM,CAAEM,KAAK,CAACC,gBAAnC,EAAsD;AACrD;AACAD,QAAAA,KAAK,CAACE,cAAN,GAFqD,CAIrD;;AACA,YAAKP,eAAe,CAAEF,QAAF,CAApB,EAAmC;AAClCG,UAAAA,iBAAiB,CAAE,KAAF,CAAjB;AACA,SAFD,MAEO;AACNC,UAAAA,WAAW,CAAEJ,QAAF,CAAX;AACA;AACD;AACD;;AAEDK,IAAAA,IAAI,CAACK,gBAAL,CAAuB,WAAvB,EAAoCJ,WAApC;AAEA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACK,gBAAL,CAAuB,WAAvB,EAAoCJ,WAApC;AACA,KAFD;AAGA,GAvBiB,EAwBlB,CAAEN,QAAF,EAAYC,gBAAZ,EAA8BC,eAA9B,EAA+CC,iBAA/C,CAxBkB,CAAnB;AA0BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Allows navigation mode to be exited by clicking in the selected block.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useNavModeExit( clientId ) {\n\tconst { isNavigationMode, isBlockSelected } = useSelect( blockEditorStore );\n\tconst { setNavigationMode, selectBlock } = useDispatch( blockEditorStore );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\t// Don't select a block if it's already handled by a child\n\t\t\t\t// block.\n\t\t\t\tif ( isNavigationMode() && ! event.defaultPrevented ) {\n\t\t\t\t\t// Prevent focus from moving to the block.\n\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t// When clicking on a selected block, exit navigation mode.\n\t\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t\tsetNavigationMode( false );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ clientId, isNavigationMode, isBlockSelected, setNavigationMode ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","useDispatch","useRefEffect","store","blockEditorStore","useNavModeExit","clientId","isNavigationMode","isBlockSelected","setNavigationMode","selectBlock","node","onMouseDown","event","defaultPrevented","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-nav-mode-exit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Allows navigation mode to be exited by clicking in the selected block.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useNavModeExit( clientId ) {\n\tconst { isNavigationMode, isBlockSelected } = useSelect( blockEditorStore );\n\tconst { setNavigationMode, selectBlock } = useDispatch( blockEditorStore );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\t// Don't select a block if it's already handled by a child\n\t\t\t\t// block.\n\t\t\t\tif ( isNavigationMode() && ! event.defaultPrevented ) {\n\t\t\t\t\t// Prevent focus from moving to the block.\n\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t// When clicking on a selected block, exit navigation mode.\n\t\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t\tsetNavigationMode( false );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ clientId, isNavigationMode, isBlockSelected, setNavigationMode ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,QAAQ,EAAG;EAC1C,MAAM;IAAEC,gBAAgB;IAAEC;EAAgB,CAAC,GAAGR,SAAS,CAAEI,gBAAiB,CAAC;EAC3E,MAAM;IAAEK,iBAAiB;IAAEC;EAAY,CAAC,GAAGT,WAAW,CAAEG,gBAAiB,CAAC;EAC1E,OAAOF,YAAY,CAChBS,IAAI,IAAM;IACX,SAASC,WAAWA,CAAEC,KAAK,EAAG;MAC7B;MACA;MACA,IAAKN,gBAAgB,CAAC,CAAC,IAAI,CAAEM,KAAK,CAACC,gBAAgB,EAAG;QACrD;QACAD,KAAK,CAACE,cAAc,CAAC,CAAC;;QAEtB;QACA,IAAKP,eAAe,CAAEF,QAAS,CAAC,EAAG;UAClCG,iBAAiB,CAAE,KAAM,CAAC;QAC3B,CAAC,MAAM;UACNC,WAAW,CAAEJ,QAAS,CAAC;QACxB;MACD;IACD;IAEAK,IAAI,CAACK,gBAAgB,CAAE,WAAW,EAAEJ,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZD,IAAI,CAACM,mBAAmB,CAAE,WAAW,EAAEL,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,EAAEC,gBAAgB,EAAEC,eAAe,EAAEC,iBAAiB,CACjE,CAAC;AACF"}

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

@@ -5,11 +5,12 @@ import { isTextField } from '@wordpress/dom';
 import { ENTER, BACKSPACE, DELETE } from '@wordpress/keycodes';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRefEffect } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Adds block behaviour:
  *   - Removes the block on BACKSPACE.
@@ -18,7 +19,6 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @param {string} clientId Block client ID.
  */
-
 export function useEventHandlers(clientId) {
   const isSelected = useSelect(select => select(blockEditorStore).isBlockSelected(clientId), [clientId]);
   const {
@@ -33,6 +33,7 @@ export function useEventHandlers(clientId) {
     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
@@ -42,42 +43,34 @@ export function useEventHandlers(clientId) {
      *
      * @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;
       }
-
       event.preventDefault();
-
       if (keyCode === ENTER) {
         insertDefaultBlock({}, getBlockRootClientId(clientId), getBlockIndex(clientId) + 1);
       } 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) {
       event.preventDefault();
     }
-
     node.addEventListener('keydown', onKeyDown);
     node.addEventListener('dragstart', onDragStart);
     return () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-selected-block-event-handlers.js"],"names":["isTextField","ENTER","BACKSPACE","DELETE","useSelect","useDispatch","useRefEffect","store","blockEditorStore","useEventHandlers","clientId","isSelected","select","isBlockSelected","getBlockRootClientId","getBlockIndex","insertDefaultBlock","removeBlock","node","onKeyDown","event","keyCode","target","preventDefault","onDragStart","addEventListener","removeEventListener"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,gBAA5B;AACA,SAASC,KAAT,EAAgBC,SAAhB,EAA2BC,MAA3B,QAAyC,qBAAzC;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,YAAT,QAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CAA2BC,QAA3B,EAAsC;AAC5C,QAAMC,UAAU,GAAGP,SAAS,CACzBQ,MAAF,IAAcA,MAAM,CAAEJ,gBAAF,CAAN,CAA2BK,eAA3B,CAA4CH,QAA5C,CADa,EAE3B,CAAEA,QAAF,CAF2B,CAA5B;AAIA,QAAM;AAAEI,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MACLX,SAAS,CAAEI,gBAAF,CADV;AAEA,QAAM;AAAEQ,IAAAA,kBAAF;AAAsBC,IAAAA;AAAtB,MAAsCZ,WAAW,CAAEG,gBAAF,CAAvD;AAEA,SAAOF,YAAY,CAChBY,IAAF,IAAY;AACX,QAAK,CAAEP,UAAP,EAAoB;AACnB;AACA;AAED;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACG,aAASQ,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,YAAM;AAAEC,QAAAA,OAAF;AAAWC,QAAAA;AAAX,UAAsBF,KAA5B;;AAEA,UACCC,OAAO,KAAKpB,KAAZ,IACAoB,OAAO,KAAKnB,SADZ,IAEAmB,OAAO,KAAKlB,MAHb,EAIE;AACD;AACA;;AAED,UAAKmB,MAAM,KAAKJ,IAAX,IAAmBlB,WAAW,CAAEsB,MAAF,CAAnC,EAAgD;AAC/C;AACA;;AAEDF,MAAAA,KAAK,CAACG,cAAN;;AAEA,UAAKF,OAAO,KAAKpB,KAAjB,EAAyB;AACxBe,QAAAA,kBAAkB,CACjB,EADiB,EAEjBF,oBAAoB,CAAEJ,QAAF,CAFH,EAGjBK,aAAa,CAAEL,QAAF,CAAb,GAA4B,CAHX,CAAlB;AAKA,OAND,MAMO;AACNO,QAAAA,WAAW,CAAEP,QAAF,CAAX;AACA;AACD;AAED;AACH;AACA;AACA;AACA;AACA;;;AACG,aAASc,WAAT,CAAsBJ,KAAtB,EAA8B;AAC7BA,MAAAA,KAAK,CAACG,cAAN;AACA;;AAEDL,IAAAA,IAAI,CAACO,gBAAL,CAAuB,SAAvB,EAAkCN,SAAlC;AACAD,IAAAA,IAAI,CAACO,gBAAL,CAAuB,WAAvB,EAAoCD,WAApC;AAEA,WAAO,MAAM;AACZN,MAAAA,IAAI,CAACQ,mBAAL,CAA0B,SAA1B,EAAqCP,SAArC;AACAD,MAAAA,IAAI,CAACQ,mBAAL,CAA0B,WAA1B,EAAuCF,WAAvC;AACA,KAHD;AAIA,GA5DiB,EA6DlB,CACCd,QADD,EAECC,UAFD,EAGCG,oBAHD,EAICC,aAJD,EAKCC,kBALD,EAMCC,WAND,CA7DkB,CAAnB;AAsEA","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';\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 ) {\n\tconst isSelected = useSelect(\n\t\t( select ) => select( blockEditorStore ).isBlockSelected( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { getBlockRootClientId, getBlockIndex } =\n\t\tuseSelect( blockEditorStore );\n\tconst { insertDefaultBlock, removeBlock } = 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 ) {\n\t\t\t\t\tinsertDefaultBlock(\n\t\t\t\t\t\t{},\n\t\t\t\t\t\tgetBlockRootClientId( clientId ),\n\t\t\t\t\t\tgetBlockIndex( clientId ) + 1\n\t\t\t\t\t);\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\tevent.preventDefault();\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\tgetBlockIndex,\n\t\t\tinsertDefaultBlock,\n\t\t\tremoveBlock,\n\t\t]\n\t);\n}\n"]}
+{"version":3,"names":["isTextField","ENTER","BACKSPACE","DELETE","useSelect","useDispatch","useRefEffect","store","blockEditorStore","useEventHandlers","clientId","isSelected","select","isBlockSelected","getBlockRootClientId","getBlockIndex","insertDefaultBlock","removeBlock","node","onKeyDown","event","keyCode","target","preventDefault","onDragStart","addEventListener","removeEventListener"],"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';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\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 ) {\n\tconst isSelected = useSelect(\n\t\t( select ) => select( blockEditorStore ).isBlockSelected( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { getBlockRootClientId, getBlockIndex } =\n\t\tuseSelect( blockEditorStore );\n\tconst { insertDefaultBlock, removeBlock } = 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 ) {\n\t\t\t\t\tinsertDefaultBlock(\n\t\t\t\t\t\t{},\n\t\t\t\t\t\tgetBlockRootClientId( clientId ),\n\t\t\t\t\t\tgetBlockIndex( clientId ) + 1\n\t\t\t\t\t);\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\tevent.preventDefault();\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\tgetBlockIndex,\n\t\t\tinsertDefaultBlock,\n\t\t\tremoveBlock,\n\t\t]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,KAAK,EAAEC,SAAS,EAAEC,MAAM,QAAQ,qBAAqB;AAC9D,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,QAAQ,EAAG;EAC5C,MAAMC,UAAU,GAAGP,SAAS,CACzBQ,MAAM,IAAMA,MAAM,CAAEJ,gBAAiB,CAAC,CAACK,eAAe,CAAEH,QAAS,CAAC,EACpE,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEI,oBAAoB;IAAEC;EAAc,CAAC,GAC5CX,SAAS,CAAEI,gBAAiB,CAAC;EAC9B,MAAM;IAAEQ,kBAAkB;IAAEC;EAAY,CAAC,GAAGZ,WAAW,CAAEG,gBAAiB,CAAC;EAE3E,OAAOF,YAAY,CAChBY,IAAI,IAAM;IACX,IAAK,CAAEP,UAAU,EAAG;MACnB;IACD;;IAEA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACG,SAASQ,SAASA,CAAEC,KAAK,EAAG;MAC3B,MAAM;QAAEC,OAAO;QAAEC;MAAO,CAAC,GAAGF,KAAK;MAEjC,IACCC,OAAO,KAAKpB,KAAK,IACjBoB,OAAO,KAAKnB,SAAS,IACrBmB,OAAO,KAAKlB,MAAM,EACjB;QACD;MACD;MAEA,IAAKmB,MAAM,KAAKJ,IAAI,IAAIlB,WAAW,CAAEsB,MAAO,CAAC,EAAG;QAC/C;MACD;MAEAF,KAAK,CAACG,cAAc,CAAC,CAAC;MAEtB,IAAKF,OAAO,KAAKpB,KAAK,EAAG;QACxBe,kBAAkB,CACjB,CAAC,CAAC,EACFF,oBAAoB,CAAEJ,QAAS,CAAC,EAChCK,aAAa,CAAEL,QAAS,CAAC,GAAG,CAC7B,CAAC;MACF,CAAC,MAAM;QACNO,WAAW,CAAEP,QAAS,CAAC;MACxB;IACD;;IAEA;AACH;AACA;AACA;AACA;AACA;IACG,SAASc,WAAWA,CAAEJ,KAAK,EAAG;MAC7BA,KAAK,CAACG,cAAc,CAAC,CAAC;IACvB;IAEAL,IAAI,CAACO,gBAAgB,CAAE,SAAS,EAAEN,SAAU,CAAC;IAC7CD,IAAI,CAACO,gBAAgB,CAAE,WAAW,EAAED,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZN,IAAI,CAACQ,mBAAmB,CAAE,SAAS,EAAEP,SAAU,CAAC;MAChDD,IAAI,CAACQ,mBAAmB,CAAE,WAAW,EAAEF,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CACCd,QAAQ,EACRC,UAAU,EACVG,oBAAoB,EACpBC,aAAa,EACbC,kBAAkB,EAClBC,WAAW,CAEb,CAAC;AACF"}

package/build-module/components/block-list/use-in-between-inserter.js

@@ -5,13 +5,12 @@ import { useRefEffect } from '@wordpress/compose';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useContext } from '@wordpress/element';
 import { isRTL } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { InsertionPointOpenRef } from '../block-tools/insertion-point';
-import { unlock } from '../../lock-unlock';
 export function useInBetweenInserter() {
   const openRef = useContext(InsertionPointOpenRef);
   const isInBetweenInserterDisabled = useSelect(select => select(blockEditorStore).getSettings().isDistractionFree || select(blockEditorStore).__unstableGetEditorMode() === 'zoom-out', []);
@@ -23,7 +22,7 @@ export function useInBetweenInserter() {
     getTemplateLock,
     __unstableIsWithinBlockOverlay,
     getBlockEditingMode
-  } = unlock(useSelect(blockEditorStore));
+  } = useSelect(blockEditorStore);
   const {
     showInsertionPoint,
     hideInsertionPoint
@@ -32,37 +31,30 @@ export function useInBetweenInserter() {
     if (isInBetweenInserterDisabled) {
       return;
     }
-
     function onMouseMove(event) {
       if (openRef.current) {
         return;
-      } // Ignore text nodes sometimes detected in FireFox.
-
+      }
 
+      // Ignore text nodes sometimes detected in FireFox.
       if (event.target.nodeType === event.target.TEXT_NODE) {
         return;
       }
-
       if (isMultiSelecting()) {
         return;
       }
-
       if (!event.target.classList.contains('block-editor-block-list__layout')) {
         hideInsertionPoint();
         return;
       }
-
       let rootClientId;
-
       if (!event.target.classList.contains('is-root-container')) {
         const blockElement = !!event.target.getAttribute('data-block') ? event.target : event.target.closest('[data-block]');
         rootClientId = blockElement.getAttribute('data-block');
       }
-
       if (getTemplateLock(rootClientId) || getBlockEditingMode(rootClientId) === 'disabled') {
         return;
       }
-
       const orientation = getBlockListSettings(rootClientId)?.orientation || 'vertical';
       const offsetTop = event.clientY;
       const offsetLeft = event.clientX;
@@ -71,57 +63,50 @@ export function useInBetweenInserter() {
         const blockElRect = blockEl.getBoundingClientRect();
         return blockEl.classList.contains('wp-block') && orientation === 'vertical' && blockElRect.top > offsetTop || blockEl.classList.contains('wp-block') && orientation === 'horizontal' && (isRTL() ? blockElRect.right < offsetLeft : blockElRect.left > offsetLeft);
       });
-
       if (!element) {
         hideInsertionPoint();
         return;
-      } // The block may be in an alignment wrapper, so check the first direct
-      // child if the element has no ID.
-
+      }
 
+      // The block may be in an alignment wrapper, so check the first direct
+      // child if the element has no ID.
       if (!element.id) {
         element = element.firstElementChild;
-
         if (!element) {
           hideInsertionPoint();
           return;
         }
-      } // Don't show the insertion point if a parent block has an "overlay"
-      // See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337
-
+      }
 
+      // Don't show the insertion point if a parent block has an "overlay"
+      // See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337
       const clientId = element.id.slice('block-'.length);
-
       if (!clientId || __unstableIsWithinBlockOverlay(clientId)) {
         return;
-      } // Don't show the inserter when hovering above (conflicts with
-      // block toolbar) or inside selected block(s).
-
+      }
 
+      // Don't show the inserter when hovering above (conflicts with
+      // block toolbar) or inside selected block(s).
       if (getSelectedBlockClientIds().includes(clientId)) {
         return;
       }
-
       const elementRect = element.getBoundingClientRect();
-
       if (orientation === 'horizontal' && (event.clientY > elementRect.bottom || event.clientY < elementRect.top) || orientation === 'vertical' && (event.clientX > elementRect.right || event.clientX < elementRect.left)) {
         hideInsertionPoint();
         return;
       }
+      const index = getBlockIndex(clientId);
 
-      const index = getBlockIndex(clientId); // Don't show the in-between inserter before the first block in
+      // Don't show the in-between inserter before the first block in
       // the list (preserves the original behaviour).
-
       if (index === 0) {
         hideInsertionPoint();
         return;
       }
-
       showInsertionPoint(rootClientId, index, {
         __unstableWithInserter: true
       });
     }
-
     node.addEventListener('mousemove', onMouseMove);
     return () => {
       node.removeEventListener('mousemove', onMouseMove);