@wordpress/block-editor 12.7.0 → 12.8.1

package/build-module/components/list-view/leaf.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/list-view/leaf.js"],"names":["animated","classnames","__experimentalTreeGridRow","TreeGridRow","useMergeRefs","forwardRef","useMovingAnimation","AnimatedTreeGridRow","ListViewLeaf","isSelected","position","level","rowCount","children","className","path","props","ref","animationRef","adjustScrolling","enableAnimation","triggerAnimationOnChange","mergedRef","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,mBAAzB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,yBAAyB,IAAIC,WAAtC,QAAyD,uBAAzD;AACA,SAASC,YAAT,QAA6B,oBAA7B;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEA,MAAMC,mBAAmB,GAAGP,QAAQ,CAAEG,WAAF,CAApC;AAEA,MAAMK,YAAY,GAAGH,UAAU,CAC9B,CACC;AACCI,EAAAA,UADD;AAECC,EAAAA,QAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,QAJD;AAKCC,EAAAA,QALD;AAMCC,EAAAA,SAND;AAOCC,EAAAA,IAPD;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,KAYK;AACJ,QAAMC,YAAY,GAAGZ,kBAAkB,CAAE;AACxCG,IAAAA,UADwC;AAExCU,IAAAA,eAAe,EAAE,KAFuB;AAGxCC,IAAAA,eAAe,EAAE,IAHuB;AAIxCC,IAAAA,wBAAwB,EAAEN;AAJc,GAAF,CAAvC;AAOA,QAAMO,SAAS,GAAGlB,YAAY,CAAE,CAAEa,GAAF,EAAOC,YAAP,CAAF,CAA9B;AAEA,SACC,cAAC,mBAAD;AACC,IAAA,GAAG,EAAGI,SADP;AAEC,IAAA,SAAS,EAAGrB,UAAU,CACrB,6BADqB,EAErBa,SAFqB,CAFvB;AAMC,IAAA,KAAK,EAAGH,KANT;AAOC,IAAA,aAAa,EAAGD,QAPjB;AAQC,IAAA,OAAO,EAAGE,QARX;AASC,IAAA,UAAU,EAAGW,SATd;AAAA,OAUMP;AAVN,KAYGH,QAZH,CADD;AAgBA,CAvC6B,CAA/B;AA0CA,eAAeL,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { animated } from '@react-spring/web';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalTreeGridRow as TreeGridRow } from '@wordpress/components';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../use-moving-animation';\n\nconst AnimatedTreeGridRow = animated( TreeGridRow );\n\nconst ListViewLeaf = forwardRef(\n\t(\n\t\t{\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tlevel,\n\t\t\trowCount,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tpath,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst animationRef = useMovingAnimation( {\n\t\t\tisSelected,\n\t\t\tadjustScrolling: false,\n\t\t\tenableAnimation: true,\n\t\t\ttriggerAnimationOnChange: path,\n\t\t} );\n\n\t\tconst mergedRef = useMergeRefs( [ ref, animationRef ] );\n\n\t\treturn (\n\t\t\t<AnimatedTreeGridRow\n\t\t\t\tref={ mergedRef }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-list-view-leaf',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\tlevel={ level }\n\t\t\t\tpositionInSet={ position }\n\t\t\t\tsetSize={ rowCount }\n\t\t\t\tisExpanded={ undefined }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</AnimatedTreeGridRow>\n\t\t);\n\t}\n);\n\nexport default ListViewLeaf;\n"]}
+{"version":3,"names":["animated","classnames","__experimentalTreeGridRow","TreeGridRow","useMergeRefs","forwardRef","useMovingAnimation","AnimatedTreeGridRow","ListViewLeaf","isSelected","position","level","rowCount","children","className","path","props","ref","animationRef","adjustScrolling","enableAnimation","triggerAnimationOnChange","mergedRef","createElement","positionInSet","setSize","isExpanded","undefined"],"sources":["@wordpress/block-editor/src/components/list-view/leaf.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { animated } from '@react-spring/web';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalTreeGridRow as TreeGridRow } from '@wordpress/components';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../use-moving-animation';\n\nconst AnimatedTreeGridRow = animated( TreeGridRow );\n\nconst ListViewLeaf = forwardRef(\n\t(\n\t\t{\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tlevel,\n\t\t\trowCount,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tpath,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst animationRef = useMovingAnimation( {\n\t\t\tisSelected,\n\t\t\tadjustScrolling: false,\n\t\t\tenableAnimation: true,\n\t\t\ttriggerAnimationOnChange: path,\n\t\t} );\n\n\t\tconst mergedRef = useMergeRefs( [ ref, animationRef ] );\n\n\t\treturn (\n\t\t\t<AnimatedTreeGridRow\n\t\t\t\tref={ mergedRef }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-list-view-leaf',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\tlevel={ level }\n\t\t\t\tpositionInSet={ position }\n\t\t\t\tsetSize={ rowCount }\n\t\t\t\tisExpanded={ undefined }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</AnimatedTreeGridRow>\n\t\t);\n\t}\n);\n\nexport default ListViewLeaf;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,yBAAyB,IAAIC,WAAW,QAAQ,uBAAuB;AAChF,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,yBAAyB;AAExD,MAAMC,mBAAmB,GAAGP,QAAQ,CAAEG,WAAY,CAAC;AAEnD,MAAMK,YAAY,GAAGH,UAAU,CAC9B,CACC;EACCI,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJ,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAMC,YAAY,GAAGZ,kBAAkB,CAAE;IACxCG,UAAU;IACVU,eAAe,EAAE,KAAK;IACtBC,eAAe,EAAE,IAAI;IACrBC,wBAAwB,EAAEN;EAC3B,CAAE,CAAC;EAEH,MAAMO,SAAS,GAAGlB,YAAY,CAAE,CAAEa,GAAG,EAAEC,YAAY,CAAG,CAAC;EAEvD,OACCK,aAAA,CAAChB,mBAAmB;IACnBU,GAAG,EAAGK,SAAW;IACjBR,SAAS,EAAGb,UAAU,CACrB,6BAA6B,EAC7Ba,SACD,CAAG;IACHH,KAAK,EAAGA,KAAO;IACfa,aAAa,EAAGd,QAAU;IAC1Be,OAAO,EAAGb,QAAU;IACpBc,UAAU,EAAGC,SAAW;IAAA,GACnBX;EAAK,GAERH,QACkB,CAAC;AAExB,CACD,CAAC;AAED,eAAeL,YAAY"}

package/build-module/components/list-view/use-block-selection.js

@@ -7,10 +7,10 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { useCallback } from '@wordpress/element';
 import { UP, DOWN, HOME, END } from '@wordpress/keycodes';
 import { store as blocksStore } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { getCommonDepthClientIds } from './utils';
 export default function useBlockSelection() {
@@ -34,21 +34,20 @@ export default function useBlockSelection() {
     if (!event?.shiftKey) {
       selectBlock(clientId, focusPosition);
       return;
-    } // To handle multiple block selection via the `SHIFT` key, prevent
-    // the browser default behavior of opening the link in a new window.
-
+    }
 
+    // To handle multiple block selection via the `SHIFT` key, prevent
+    // the browser default behavior of opening the link in a new window.
     event.preventDefault();
-    const isKeyPress = event.type === 'keydown' && (event.keyCode === UP || event.keyCode === DOWN || event.keyCode === HOME || event.keyCode === END); // Handle clicking on a block when no blocks are selected, and return early.
+    const isKeyPress = event.type === 'keydown' && (event.keyCode === UP || event.keyCode === DOWN || event.keyCode === HOME || event.keyCode === END);
 
+    // Handle clicking on a block when no blocks are selected, and return early.
     if (!isKeyPress && !hasSelectedBlock() && !hasMultiSelection()) {
       selectBlock(clientId, null);
       return;
     }
-
     const selectedBlocks = getSelectedBlockClientIds();
     const clientIdWithParents = [...getBlockParents(clientId), clientId];
-
     if (isKeyPress && !selectedBlocks.some(blockId => clientIdWithParents.includes(blockId))) {
       // Ensure that shift-selecting blocks via the keyboard only
       // expands the current selection if focusing over already
@@ -56,10 +55,10 @@ export default function useBlockSelection() {
       // a user can create a new selection entirely by keyboard.
       await clearSelectedBlock();
     }
-
     let startTarget = getBlockSelectionStart();
-    let endTarget = clientId; // Handle keyboard behavior for selecting multiple blocks.
+    let endTarget = clientId;
 
+    // Handle keyboard behavior for selecting multiple blocks.
     if (isKeyPress) {
       if (!hasSelectedBlock() && !hasMultiSelection()) {
         // Set the starting point of the selection to the currently
@@ -68,48 +67,42 @@ export default function useBlockSelection() {
         // the starting point of the selection is anchored to that block.
         startTarget = clientId;
       }
-
       if (destinationClientId) {
         // If the user presses UP or DOWN, we want to ensure that the block they're
         // moving to is the target for selection, and not the currently focused one.
         endTarget = destinationClientId;
       }
     }
-
     const startParents = getBlockParents(startTarget);
     const endParents = getBlockParents(endTarget);
     const {
       start,
       end
     } = getCommonDepthClientIds(startTarget, endTarget, startParents, endParents);
-    await multiSelect(start, end, null); // Announce deselected block, or number of deselected blocks if
+    await multiSelect(start, end, null);
+
+    // Announce deselected block, or number of deselected blocks if
     // the total number of blocks deselected is greater than one.
+    const updatedSelectedBlocks = getSelectedBlockClientIds();
 
-    const updatedSelectedBlocks = getSelectedBlockClientIds(); // If the selection is greater than 1 and the Home or End keys
+    // If the selection is greater than 1 and the Home or End keys
     // were used to generate the selection, then skip announcing the
     // deselected blocks.
-
     if ((event.keyCode === HOME || event.keyCode === END) && updatedSelectedBlocks.length > 1) {
       return;
     }
-
     const selectionDiff = selectedBlocks.filter(blockId => !updatedSelectedBlocks.includes(blockId));
     let label;
-
     if (selectionDiff.length === 1) {
       const title = getBlockType(getBlockName(selectionDiff[0]))?.title;
-
       if (title) {
-        label = sprintf(
-        /* translators: %s: block name */
+        label = sprintf( /* translators: %s: block name */
         __('%s deselected.'), title);
       }
     } else if (selectionDiff.length > 1) {
-      label = sprintf(
-      /* translators: %s: number of deselected blocks */
+      label = sprintf( /* translators: %s: number of deselected blocks */
       __('%s blocks deselected.'), selectionDiff.length);
     }
-
     if (label) {
       speak(label, 'assertive');
     }

package/build-module/components/list-view/use-block-selection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/list-view/use-block-selection.js"],"names":["speak","__","sprintf","useDispatch","useSelect","useCallback","UP","DOWN","HOME","END","store","blocksStore","blockEditorStore","getCommonDepthClientIds","useBlockSelection","clearSelectedBlock","multiSelect","selectBlock","getBlockName","getBlockParents","getBlockSelectionStart","getSelectedBlockClientIds","hasMultiSelection","hasSelectedBlock","getBlockType","updateBlockSelection","event","clientId","destinationClientId","focusPosition","shiftKey","preventDefault","isKeyPress","type","keyCode","selectedBlocks","clientIdWithParents","some","blockId","includes","startTarget","endTarget","startParents","endParents","start","end","updatedSelectedBlocks","length","selectionDiff","filter","label","title"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { UP, DOWN, HOME, END } from '@wordpress/keycodes';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { getCommonDepthClientIds } from './utils';\n\nexport default function useBlockSelection() {\n\tconst { clearSelectedBlock, multiSelect, selectBlock } =\n\t\tuseDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockName,\n\t\tgetBlockParents,\n\t\tgetBlockSelectionStart,\n\t\tgetSelectedBlockClientIds,\n\t\thasMultiSelection,\n\t\thasSelectedBlock,\n\t} = useSelect( blockEditorStore );\n\n\tconst { getBlockType } = useSelect( blocksStore );\n\n\tconst updateBlockSelection = useCallback(\n\t\tasync ( event, clientId, destinationClientId, focusPosition ) => {\n\t\t\tif ( ! event?.shiftKey ) {\n\t\t\t\tselectBlock( clientId, focusPosition );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// To handle multiple block selection via the `SHIFT` key, prevent\n\t\t\t// the browser default behavior of opening the link in a new window.\n\t\t\tevent.preventDefault();\n\n\t\t\tconst isKeyPress =\n\t\t\t\tevent.type === 'keydown' &&\n\t\t\t\t( event.keyCode === UP ||\n\t\t\t\t\tevent.keyCode === DOWN ||\n\t\t\t\t\tevent.keyCode === HOME ||\n\t\t\t\t\tevent.keyCode === END );\n\n\t\t\t// Handle clicking on a block when no blocks are selected, and return early.\n\t\t\tif (\n\t\t\t\t! isKeyPress &&\n\t\t\t\t! hasSelectedBlock() &&\n\t\t\t\t! hasMultiSelection()\n\t\t\t) {\n\t\t\t\tselectBlock( clientId, null );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedBlocks = getSelectedBlockClientIds();\n\t\t\tconst clientIdWithParents = [\n\t\t\t\t...getBlockParents( clientId ),\n\t\t\t\tclientId,\n\t\t\t];\n\n\t\t\tif (\n\t\t\t\tisKeyPress &&\n\t\t\t\t! selectedBlocks.some( ( blockId ) =>\n\t\t\t\t\tclientIdWithParents.includes( blockId )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\t// Ensure that shift-selecting blocks via the keyboard only\n\t\t\t\t// expands the current selection if focusing over already\n\t\t\t\t// selected blocks. Otherwise, clear the selection so that\n\t\t\t\t// a user can create a new selection entirely by keyboard.\n\t\t\t\tawait clearSelectedBlock();\n\t\t\t}\n\n\t\t\tlet startTarget = getBlockSelectionStart();\n\t\t\tlet endTarget = clientId;\n\n\t\t\t// Handle keyboard behavior for selecting multiple blocks.\n\t\t\tif ( isKeyPress ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\t// Set the starting point of the selection to the currently\n\t\t\t\t\t// focused block, if there are no blocks currently selected.\n\t\t\t\t\t// This ensures that as the selection is expanded or contracted,\n\t\t\t\t\t// the starting point of the selection is anchored to that block.\n\t\t\t\t\tstartTarget = clientId;\n\t\t\t\t}\n\t\t\t\tif ( destinationClientId ) {\n\t\t\t\t\t// If the user presses UP or DOWN, we want to ensure that the block they're\n\t\t\t\t\t// moving to is the target for selection, and not the currently focused one.\n\t\t\t\t\tendTarget = destinationClientId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst startParents = getBlockParents( startTarget );\n\t\t\tconst endParents = getBlockParents( endTarget );\n\n\t\t\tconst { start, end } = getCommonDepthClientIds(\n\t\t\t\tstartTarget,\n\t\t\t\tendTarget,\n\t\t\t\tstartParents,\n\t\t\t\tendParents\n\t\t\t);\n\t\t\tawait multiSelect( start, end, null );\n\n\t\t\t// Announce deselected block, or number of deselected blocks if\n\t\t\t// the total number of blocks deselected is greater than one.\n\t\t\tconst updatedSelectedBlocks = getSelectedBlockClientIds();\n\n\t\t\t// If the selection is greater than 1 and the Home or End keys\n\t\t\t// were used to generate the selection, then skip announcing the\n\t\t\t// deselected blocks.\n\t\t\tif (\n\t\t\t\t( event.keyCode === HOME || event.keyCode === END ) &&\n\t\t\t\tupdatedSelectedBlocks.length > 1\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectionDiff = selectedBlocks.filter(\n\t\t\t\t( blockId ) => ! updatedSelectedBlocks.includes( blockId )\n\t\t\t);\n\n\t\t\tlet label;\n\t\t\tif ( selectionDiff.length === 1 ) {\n\t\t\t\tconst title = getBlockType(\n\t\t\t\t\tgetBlockName( selectionDiff[ 0 ] )\n\t\t\t\t)?.title;\n\t\t\t\tif ( title ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t/* translators: %s: block name */\n\t\t\t\t\t\t__( '%s deselected.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if ( selectionDiff.length > 1 ) {\n\t\t\t\tlabel = sprintf(\n\t\t\t\t\t/* translators: %s: number of deselected blocks */\n\t\t\t\t\t__( '%s blocks deselected.' ),\n\t\t\t\t\tselectionDiff.length\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( label ) {\n\t\t\t\tspeak( label, 'assertive' );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tclearSelectedBlock,\n\t\t\tgetBlockName,\n\t\t\tgetBlockType,\n\t\t\tgetBlockParents,\n\t\t\tgetBlockSelectionStart,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\thasMultiSelection,\n\t\t\thasSelectedBlock,\n\t\t\tmultiSelect,\n\t\t\tselectBlock,\n\t\t]\n\t);\n\n\treturn {\n\t\tupdateBlockSelection,\n\t};\n}\n"]}
+{"version":3,"names":["speak","__","sprintf","useDispatch","useSelect","useCallback","UP","DOWN","HOME","END","store","blocksStore","blockEditorStore","getCommonDepthClientIds","useBlockSelection","clearSelectedBlock","multiSelect","selectBlock","getBlockName","getBlockParents","getBlockSelectionStart","getSelectedBlockClientIds","hasMultiSelection","hasSelectedBlock","getBlockType","updateBlockSelection","event","clientId","destinationClientId","focusPosition","shiftKey","preventDefault","isKeyPress","type","keyCode","selectedBlocks","clientIdWithParents","some","blockId","includes","startTarget","endTarget","startParents","endParents","start","end","updatedSelectedBlocks","length","selectionDiff","filter","label","title"],"sources":["@wordpress/block-editor/src/components/list-view/use-block-selection.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { UP, DOWN, HOME, END } from '@wordpress/keycodes';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { getCommonDepthClientIds } from './utils';\n\nexport default function useBlockSelection() {\n\tconst { clearSelectedBlock, multiSelect, selectBlock } =\n\t\tuseDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockName,\n\t\tgetBlockParents,\n\t\tgetBlockSelectionStart,\n\t\tgetSelectedBlockClientIds,\n\t\thasMultiSelection,\n\t\thasSelectedBlock,\n\t} = useSelect( blockEditorStore );\n\n\tconst { getBlockType } = useSelect( blocksStore );\n\n\tconst updateBlockSelection = useCallback(\n\t\tasync ( event, clientId, destinationClientId, focusPosition ) => {\n\t\t\tif ( ! event?.shiftKey ) {\n\t\t\t\tselectBlock( clientId, focusPosition );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// To handle multiple block selection via the `SHIFT` key, prevent\n\t\t\t// the browser default behavior of opening the link in a new window.\n\t\t\tevent.preventDefault();\n\n\t\t\tconst isKeyPress =\n\t\t\t\tevent.type === 'keydown' &&\n\t\t\t\t( event.keyCode === UP ||\n\t\t\t\t\tevent.keyCode === DOWN ||\n\t\t\t\t\tevent.keyCode === HOME ||\n\t\t\t\t\tevent.keyCode === END );\n\n\t\t\t// Handle clicking on a block when no blocks are selected, and return early.\n\t\t\tif (\n\t\t\t\t! isKeyPress &&\n\t\t\t\t! hasSelectedBlock() &&\n\t\t\t\t! hasMultiSelection()\n\t\t\t) {\n\t\t\t\tselectBlock( clientId, null );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedBlocks = getSelectedBlockClientIds();\n\t\t\tconst clientIdWithParents = [\n\t\t\t\t...getBlockParents( clientId ),\n\t\t\t\tclientId,\n\t\t\t];\n\n\t\t\tif (\n\t\t\t\tisKeyPress &&\n\t\t\t\t! selectedBlocks.some( ( blockId ) =>\n\t\t\t\t\tclientIdWithParents.includes( blockId )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\t// Ensure that shift-selecting blocks via the keyboard only\n\t\t\t\t// expands the current selection if focusing over already\n\t\t\t\t// selected blocks. Otherwise, clear the selection so that\n\t\t\t\t// a user can create a new selection entirely by keyboard.\n\t\t\t\tawait clearSelectedBlock();\n\t\t\t}\n\n\t\t\tlet startTarget = getBlockSelectionStart();\n\t\t\tlet endTarget = clientId;\n\n\t\t\t// Handle keyboard behavior for selecting multiple blocks.\n\t\t\tif ( isKeyPress ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\t// Set the starting point of the selection to the currently\n\t\t\t\t\t// focused block, if there are no blocks currently selected.\n\t\t\t\t\t// This ensures that as the selection is expanded or contracted,\n\t\t\t\t\t// the starting point of the selection is anchored to that block.\n\t\t\t\t\tstartTarget = clientId;\n\t\t\t\t}\n\t\t\t\tif ( destinationClientId ) {\n\t\t\t\t\t// If the user presses UP or DOWN, we want to ensure that the block they're\n\t\t\t\t\t// moving to is the target for selection, and not the currently focused one.\n\t\t\t\t\tendTarget = destinationClientId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst startParents = getBlockParents( startTarget );\n\t\t\tconst endParents = getBlockParents( endTarget );\n\n\t\t\tconst { start, end } = getCommonDepthClientIds(\n\t\t\t\tstartTarget,\n\t\t\t\tendTarget,\n\t\t\t\tstartParents,\n\t\t\t\tendParents\n\t\t\t);\n\t\t\tawait multiSelect( start, end, null );\n\n\t\t\t// Announce deselected block, or number of deselected blocks if\n\t\t\t// the total number of blocks deselected is greater than one.\n\t\t\tconst updatedSelectedBlocks = getSelectedBlockClientIds();\n\n\t\t\t// If the selection is greater than 1 and the Home or End keys\n\t\t\t// were used to generate the selection, then skip announcing the\n\t\t\t// deselected blocks.\n\t\t\tif (\n\t\t\t\t( event.keyCode === HOME || event.keyCode === END ) &&\n\t\t\t\tupdatedSelectedBlocks.length > 1\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectionDiff = selectedBlocks.filter(\n\t\t\t\t( blockId ) => ! updatedSelectedBlocks.includes( blockId )\n\t\t\t);\n\n\t\t\tlet label;\n\t\t\tif ( selectionDiff.length === 1 ) {\n\t\t\t\tconst title = getBlockType(\n\t\t\t\t\tgetBlockName( selectionDiff[ 0 ] )\n\t\t\t\t)?.title;\n\t\t\t\tif ( title ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t/* translators: %s: block name */\n\t\t\t\t\t\t__( '%s deselected.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if ( selectionDiff.length > 1 ) {\n\t\t\t\tlabel = sprintf(\n\t\t\t\t\t/* translators: %s: number of deselected blocks */\n\t\t\t\t\t__( '%s blocks deselected.' ),\n\t\t\t\t\tselectionDiff.length\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( label ) {\n\t\t\t\tspeak( label, 'assertive' );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tclearSelectedBlock,\n\t\t\tgetBlockName,\n\t\t\tgetBlockType,\n\t\t\tgetBlockParents,\n\t\t\tgetBlockSelectionStart,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\thasMultiSelection,\n\t\t\thasSelectedBlock,\n\t\t\tmultiSelect,\n\t\t\tselectBlock,\n\t\t]\n\t);\n\n\treturn {\n\t\tupdateBlockSelection,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,iBAAiB;AACvC,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,EAAE,EAAEC,IAAI,EAAEC,IAAI,EAAEC,GAAG,QAAQ,qBAAqB;AACzD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AACvD,SAASC,uBAAuB,QAAQ,SAAS;AAEjD,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC3C,MAAM;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC;EAAY,CAAC,GACrDd,WAAW,CAAES,gBAAiB,CAAC;EAChC,MAAM;IACLM,YAAY;IACZC,eAAe;IACfC,sBAAsB;IACtBC,yBAAyB;IACzBC,iBAAiB;IACjBC;EACD,CAAC,GAAGnB,SAAS,CAAEQ,gBAAiB,CAAC;EAEjC,MAAM;IAAEY;EAAa,CAAC,GAAGpB,SAAS,CAAEO,WAAY,CAAC;EAEjD,MAAMc,oBAAoB,GAAGpB,WAAW,CACvC,OAAQqB,KAAK,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,aAAa,KAAM;IAChE,IAAK,CAAEH,KAAK,EAAEI,QAAQ,EAAG;MACxBb,WAAW,CAAEU,QAAQ,EAAEE,aAAc,CAAC;MACtC;IACD;;IAEA;IACA;IACAH,KAAK,CAACK,cAAc,CAAC,CAAC;IAEtB,MAAMC,UAAU,GACfN,KAAK,CAACO,IAAI,KAAK,SAAS,KACtBP,KAAK,CAACQ,OAAO,KAAK5B,EAAE,IACrBoB,KAAK,CAACQ,OAAO,KAAK3B,IAAI,IACtBmB,KAAK,CAACQ,OAAO,KAAK1B,IAAI,IACtBkB,KAAK,CAACQ,OAAO,KAAKzB,GAAG,CAAE;;IAEzB;IACA,IACC,CAAEuB,UAAU,IACZ,CAAET,gBAAgB,CAAC,CAAC,IACpB,CAAED,iBAAiB,CAAC,CAAC,EACpB;MACDL,WAAW,CAAEU,QAAQ,EAAE,IAAK,CAAC;MAC7B;IACD;IAEA,MAAMQ,cAAc,GAAGd,yBAAyB,CAAC,CAAC;IAClD,MAAMe,mBAAmB,GAAG,CAC3B,GAAGjB,eAAe,CAAEQ,QAAS,CAAC,EAC9BA,QAAQ,CACR;IAED,IACCK,UAAU,IACV,CAAEG,cAAc,CAACE,IAAI,CAAIC,OAAO,IAC/BF,mBAAmB,CAACG,QAAQ,CAAED,OAAQ,CACvC,CAAC,EACA;MACD;MACA;MACA;MACA;MACA,MAAMvB,kBAAkB,CAAC,CAAC;IAC3B;IAEA,IAAIyB,WAAW,GAAGpB,sBAAsB,CAAC,CAAC;IAC1C,IAAIqB,SAAS,GAAGd,QAAQ;;IAExB;IACA,IAAKK,UAAU,EAAG;MACjB,IAAK,CAAET,gBAAgB,CAAC,CAAC,IAAI,CAAED,iBAAiB,CAAC,CAAC,EAAG;QACpD;QACA;QACA;QACA;QACAkB,WAAW,GAAGb,QAAQ;MACvB;MACA,IAAKC,mBAAmB,EAAG;QAC1B;QACA;QACAa,SAAS,GAAGb,mBAAmB;MAChC;IACD;IAEA,MAAMc,YAAY,GAAGvB,eAAe,CAAEqB,WAAY,CAAC;IACnD,MAAMG,UAAU,GAAGxB,eAAe,CAAEsB,SAAU,CAAC;IAE/C,MAAM;MAAEG,KAAK;MAAEC;IAAI,CAAC,GAAGhC,uBAAuB,CAC7C2B,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,UACD,CAAC;IACD,MAAM3B,WAAW,CAAE4B,KAAK,EAAEC,GAAG,EAAE,IAAK,CAAC;;IAErC;IACA;IACA,MAAMC,qBAAqB,GAAGzB,yBAAyB,CAAC,CAAC;;IAEzD;IACA;IACA;IACA,IACC,CAAEK,KAAK,CAACQ,OAAO,KAAK1B,IAAI,IAAIkB,KAAK,CAACQ,OAAO,KAAKzB,GAAG,KACjDqC,qBAAqB,CAACC,MAAM,GAAG,CAAC,EAC/B;MACD;IACD;IAEA,MAAMC,aAAa,GAAGb,cAAc,CAACc,MAAM,CACxCX,OAAO,IAAM,CAAEQ,qBAAqB,CAACP,QAAQ,CAAED,OAAQ,CAC1D,CAAC;IAED,IAAIY,KAAK;IACT,IAAKF,aAAa,CAACD,MAAM,KAAK,CAAC,EAAG;MACjC,MAAMI,KAAK,GAAG3B,YAAY,CACzBN,YAAY,CAAE8B,aAAa,CAAE,CAAC,CAAG,CAClC,CAAC,EAAEG,KAAK;MACR,IAAKA,KAAK,EAAG;QACZD,KAAK,GAAGhD,OAAO,EACd;QACAD,EAAE,CAAE,gBAAiB,CAAC,EACtBkD,KACD,CAAC;MACF;IACD,CAAC,MAAM,IAAKH,aAAa,CAACD,MAAM,GAAG,CAAC,EAAG;MACtCG,KAAK,GAAGhD,OAAO,EACd;MACAD,EAAE,CAAE,uBAAwB,CAAC,EAC7B+C,aAAa,CAACD,MACf,CAAC;IACF;IAEA,IAAKG,KAAK,EAAG;MACZlD,KAAK,CAAEkD,KAAK,EAAE,WAAY,CAAC;IAC5B;EACD,CAAC,EACD,CACCnC,kBAAkB,EAClBG,YAAY,EACZM,YAAY,EACZL,eAAe,EACfC,sBAAsB,EACtBC,yBAAyB,EACzBC,iBAAiB,EACjBC,gBAAgB,EAChBP,WAAW,EACXC,WAAW,CAEb,CAAC;EAED,OAAO;IACNQ;EACD,CAAC;AACF"}

package/build-module/components/list-view/use-list-view-client-ids.js

@@ -1,11 +1,12 @@
 /**
  * WordPress dependencies
  */
+
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 export default function useListViewClientIds({

package/build-module/components/list-view/use-list-view-client-ids.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/list-view/use-list-view-client-ids.js"],"names":["useSelect","store","blockEditorStore","unlock","useListViewClientIds","blocks","rootClientId","select","getDraggedBlockClientIds","getSelectedBlockClientIds","getEnabledClientIdsTree","selectedClientIds","draggedClientIds","clientIdsTree"],"mappings":"AAAA;AACA;AACA;AAEA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,eAAe,SAASC,oBAAT,CAA+B;AAAEC,EAAAA,MAAF;AAAUC,EAAAA;AAAV,CAA/B,EAA0D;AACxE,SAAON,SAAS,CACbO,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,wBADK;AAELC,MAAAA,yBAFK;AAGLC,MAAAA;AAHK,QAIFP,MAAM,CAAEI,MAAM,CAAEL,gBAAF,CAAR,CAJV;AAMA,WAAO;AACNS,MAAAA,iBAAiB,EAAEF,yBAAyB,EADtC;AAENG,MAAAA,gBAAgB,EAAEJ,wBAAwB,EAFpC;AAGNK,MAAAA,aAAa,EACZR,MADY,aACZA,MADY,cACZA,MADY,GACFK,uBAAuB,CAAEJ,YAAF;AAJ5B,KAAP;AAMA,GAdc,EAef,CAAED,MAAF,EAAUC,YAAV,CAfe,CAAhB;AAiBA","sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function useListViewClientIds( { blocks, rootClientId } ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetDraggedBlockClientIds,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetEnabledClientIdsTree,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\treturn {\n\t\t\t\tselectedClientIds: getSelectedBlockClientIds(),\n\t\t\t\tdraggedClientIds: getDraggedBlockClientIds(),\n\t\t\t\tclientIdsTree:\n\t\t\t\t\tblocks ?? getEnabledClientIdsTree( rootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ blocks, rootClientId ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","store","blockEditorStore","unlock","useListViewClientIds","blocks","rootClientId","select","getDraggedBlockClientIds","getSelectedBlockClientIds","getEnabledClientIdsTree","selectedClientIds","draggedClientIds","clientIdsTree"],"sources":["@wordpress/block-editor/src/components/list-view/use-list-view-client-ids.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function useListViewClientIds( { blocks, rootClientId } ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetDraggedBlockClientIds,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetEnabledClientIdsTree,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\treturn {\n\t\t\t\tselectedClientIds: getSelectedBlockClientIds(),\n\t\t\t\tdraggedClientIds: getDraggedBlockClientIds(),\n\t\t\t\tclientIdsTree:\n\t\t\t\t\tblocks ?? getEnabledClientIdsTree( rootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ blocks, rootClientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,MAAM;EAAEC;AAAa,CAAC,EAAG;EACxE,OAAON,SAAS,CACbO,MAAM,IAAM;IACb,MAAM;MACLC,wBAAwB;MACxBC,yBAAyB;MACzBC;IACD,CAAC,GAAGP,MAAM,CAAEI,MAAM,CAAEL,gBAAiB,CAAE,CAAC;IAExC,OAAO;MACNS,iBAAiB,EAAEF,yBAAyB,CAAC,CAAC;MAC9CG,gBAAgB,EAAEJ,wBAAwB,CAAC,CAAC;MAC5CK,aAAa,EACZR,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIK,uBAAuB,CAAEJ,YAAa;IAClD,CAAC;EACF,CAAC,EACD,CAAED,MAAM,EAAEC,YAAY,CACvB,CAAC;AACF"}

package/build-module/components/list-view/use-list-view-drop-zone.js

@@ -5,13 +5,14 @@ import { useSelect } from '@wordpress/data';
 import { useState, useCallback } from '@wordpress/element';
 import { useThrottle, __experimentalUseDropZone as useDropZone } from '@wordpress/compose';
 import { isRTL } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { getDistanceToNearestEdge, isPointContainedByRect } from '../../utils/math';
 import useOnBlockDrop from '../use-on-block-drop';
 import { store as blockEditorStore } from '../../store';
+
 /** @typedef {import('../../utils/math').WPPoint} WPPoint */
 
 /**
@@ -51,10 +52,11 @@ import { store as blockEditorStore } from '../../store';
  * @property {'top'|'bottom'|'inside'} dropPosition The position relative to the block that the user is dropping to.
  *                                                  'inside' refers to nesting as an inner block.
  */
+
 // When the indentation level, the corresponding left margin in `style.scss`
 // must be updated as well to ensure the drop zone is aligned with the indentation.
-
 export const NESTING_LEVEL_INDENTATION = 28;
+
 /**
  * Determines whether the user is positioning the dragged block to be
  * moved up to a parent level.
@@ -67,13 +69,13 @@ export const NESTING_LEVEL_INDENTATION = 28;
  * @param {boolean} rtl          Whether the editor is in RTL mode.
  * @return {boolean} Whether the gesture is an upward gesture.
  */
-
 function isUpGesture(point, rect, nestingLevel = 1, rtl = false) {
   // If the block is nested, and the user is dragging to the bottom
   // left of the block (or bottom right in RTL languages), then it is an upward gesture.
   const blockIndentPosition = rtl ? rect.right - nestingLevel * NESTING_LEVEL_INDENTATION : rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;
   return rtl ? point.x > blockIndentPosition : point.x < blockIndentPosition;
 }
+
 /**
  * Returns how many nesting levels up the user is attempting to drag to.
  *
@@ -92,8 +94,6 @@ function isUpGesture(point, rect, nestingLevel = 1, rtl = false) {
  * @param {boolean} rtl          Whether the editor is in RTL mode.
  * @return {number} The desired relative parent level.
  */
-
-
 function getDesiredRelativeParentLevel(point, rect, nestingLevel = 1, rtl = false) {
   // In RTL languages, the block indent position is from the right edge of the block.
   // In LTR languages, the block indent position is from the left edge of the block.
@@ -102,6 +102,7 @@ function getDesiredRelativeParentLevel(point, rect, nestingLevel = 1, rtl = fals
   const desiredParentLevel = Math.round(distanceBetweenPointAndBlockIndentPosition / NESTING_LEVEL_INDENTATION);
   return Math.abs(desiredParentLevel);
 }
+
 /**
  * Returns an array of the parent blocks of the block the user is dropping to.
  *
@@ -109,20 +110,18 @@ function getDesiredRelativeParentLevel(point, rect, nestingLevel = 1, rtl = fals
  * @param {WPListViewDropZoneBlocks} blocksData         Data about the blocks in list view.
  * @return {WPListViewDropZoneBlocks} An array of block parents, including the block the user is dropping to.
  */
-
-
 function getCandidateBlockParents(candidateBlockData, blocksData) {
   const candidateBlockParents = [];
   let currentBlockData = candidateBlockData;
-
   while (currentBlockData) {
-    candidateBlockParents.push({ ...currentBlockData
+    candidateBlockParents.push({
+      ...currentBlockData
     });
     currentBlockData = blocksData.find(blockData => blockData.clientId === currentBlockData.rootClientId);
   }
-
   return candidateBlockParents;
 }
+
 /**
  * Given a list of blocks data and a block index, return the next non-dragged
  * block. This is used to determine the block that the user is dropping to,
@@ -132,17 +131,14 @@ function getCandidateBlockParents(candidateBlockData, blocksData) {
  * @param {number}                   index      The index to begin searching from.
  * @return {WPListViewDropZoneBlock | undefined} The next non-dragged block.
  */
-
-
 function getNextNonDraggedBlock(blocksData, index) {
   const nextBlockData = blocksData[index + 1];
-
   if (nextBlockData && nextBlockData.isDraggedBlock) {
     return getNextNonDraggedBlock(blocksData, index + 1);
   }
-
   return nextBlockData;
 }
+
 /**
  * Determines whether the user positioning the dragged block to nest as an
  * inner block.
@@ -156,17 +152,16 @@ function getNextNonDraggedBlock(blocksData, index) {
  * @param {number}  nestingLevel The nesting level of the block.
  * @param {boolean} rtl          Whether the editor is in RTL mode.
  */
-
-
 function isNestingGesture(point, rect, nestingLevel = 1, rtl = false) {
   const blockIndentPosition = rtl ? rect.right - nestingLevel * NESTING_LEVEL_INDENTATION : rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;
   const isNestingHorizontalGesture = rtl ? point.x < blockIndentPosition - NESTING_LEVEL_INDENTATION : point.x > blockIndentPosition + NESTING_LEVEL_INDENTATION;
   return isNestingHorizontalGesture && point.y < rect.bottom;
-} // Block navigation is always a vertical list, so only allow dropping
-// to the above or below a block.
-
+}
 
+// Block navigation is always a vertical list, so only allow dropping
+// to the above or below a block.
 const ALLOWED_DROP_EDGES = ['top', 'bottom'];
+
 /**
  * Given blocks data and the cursor position, compute the drop target.
  *
@@ -176,32 +171,28 @@ const ALLOWED_DROP_EDGES = ['top', 'bottom'];
  *
  * @return {WPListViewDropZoneTarget | undefined} An object containing data about the drop target.
  */
-
 export function getListViewDropTarget(blocksData, position, rtl = false) {
   let candidateEdge;
   let candidateBlockData;
   let candidateDistance;
   let candidateRect;
   let candidateBlockIndex;
-
   for (let i = 0; i < blocksData.length; i++) {
     const blockData = blocksData[i];
-
     if (blockData.isDraggedBlock) {
       continue;
     }
-
     const rect = blockData.element.getBoundingClientRect();
     const [distance, edge] = getDistanceToNearestEdge(position, rect, ALLOWED_DROP_EDGES);
     const isCursorWithinBlock = isPointContainedByRect(position, rect);
-
     if (candidateDistance === undefined || distance < candidateDistance || isCursorWithinBlock) {
       candidateDistance = distance;
       const index = blocksData.indexOf(blockData);
-      const previousBlockData = blocksData[index - 1]; // If dragging near the top of a block and the preceding block
+      const previousBlockData = blocksData[index - 1];
+
+      // If dragging near the top of a block and the preceding block
       // is at the same level, use the preceding block as the candidate
       // instead, as later it makes determining a nesting drop easier.
-
       if (edge === 'top' && previousBlockData && previousBlockData.rootClientId === blockData.rootClientId && !previousBlockData.isDraggedBlock) {
         candidateBlockData = previousBlockData;
         candidateEdge = 'bottom';
@@ -212,32 +203,31 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
         candidateEdge = edge;
         candidateRect = rect;
         candidateBlockIndex = index;
-      } // If the mouse position is within the block, break early
+      }
+
+      // If the mouse position is within the block, break early
       // as the user would intend to drop either before or after
       // this block.
       //
       // This solves an issue where some rows in the list view
       // tree overlap slightly due to sub-pixel rendering.
-
-
       if (isCursorWithinBlock) {
         break;
       }
     }
   }
-
   if (!candidateBlockData) {
     return;
   }
-
   const candidateBlockParents = getCandidateBlockParents(candidateBlockData, blocksData);
-  const isDraggingBelow = candidateEdge === 'bottom'; // If the user is dragging towards the bottom of the block check whether
+  const isDraggingBelow = candidateEdge === 'bottom';
+
+  // If the user is dragging towards the bottom of the block check whether
   // they might be trying to nest the block as a child.
   // If the block already has inner blocks, and is expanded, this should be treated
   // as nesting since the next block in the tree will be the first child.
   // However, if the block is collapsed, dragging beneath the block should
   // still be allowed, as the next visible block in the tree will be a sibling.
-
   if (isDraggingBelow && candidateBlockData.canInsertDraggedBlocksAsChild && (candidateBlockData.innerBlockCount > 0 && candidateBlockData.isExpanded || isNestingGesture(position, candidateRect, candidateBlockParents.length, rtl))) {
     // If the block is expanded, insert the block as the first child.
     // Otherwise, for collapsed blocks, insert the block as the last child.
@@ -247,26 +237,25 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
       blockIndex: newBlockIndex,
       dropPosition: 'inside'
     };
-  } // If the user is dragging towards the bottom of the block check whether
-  // they might be trying to move the block to be at a parent level.
-
+  }
 
+  // If the user is dragging towards the bottom of the block check whether
+  // they might be trying to move the block to be at a parent level.
   if (isDraggingBelow && candidateBlockData.rootClientId && isUpGesture(position, candidateRect, candidateBlockParents.length, rtl)) {
     const nextBlock = getNextNonDraggedBlock(blocksData, candidateBlockIndex);
     const currentLevel = candidateBlockData.nestingLevel;
     const nextLevel = nextBlock ? nextBlock.nestingLevel : 1;
-
     if (currentLevel && nextLevel) {
       // Determine the desired relative level of the block to be dropped.
       const desiredRelativeLevel = getDesiredRelativeParentLevel(position, candidateRect, candidateBlockParents.length, rtl);
       const targetParentIndex = Math.max(Math.min(desiredRelativeLevel, currentLevel - nextLevel), 0);
-
       if (candidateBlockParents[targetParentIndex]) {
         // Default to the block index of the candidate block.
-        let newBlockIndex = candidateBlockData.blockIndex; // If the next block is at the same level, use that as the default
+        let newBlockIndex = candidateBlockData.blockIndex;
+
+        // If the next block is at the same level, use that as the default
         // block index. This ensures that the block is dropped in the correct
         // position when dragging to the bottom of a block.
-
         if (candidateBlockParents[targetParentIndex].nestingLevel === nextBlock?.nestingLevel) {
           newBlockIndex = nextBlock?.blockIndex;
         } else {
@@ -274,14 +263,12 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
           // to find the last block index within the same target parent.
           for (let i = candidateBlockIndex; i >= 0; i--) {
             const blockData = blocksData[i];
-
             if (blockData.rootClientId === candidateBlockParents[targetParentIndex].rootClientId) {
               newBlockIndex = blockData.blockIndex + 1;
               break;
             }
           }
         }
-
         return {
           rootClientId: candidateBlockParents[targetParentIndex].rootClientId,
           clientId: candidateBlockData.clientId,
@@ -290,14 +277,13 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
         };
       }
     }
-  } // If dropping as a sibling, but block cannot be inserted in
-  // this context, return early.
-
+  }
 
+  // If dropping as a sibling, but block cannot be inserted in
+  // this context, return early.
   if (!candidateBlockData.canInsertDraggedBlocksAsSibling) {
     return;
   }
-
   const offset = isDraggingBelow ? 1 : 0;
   return {
     rootClientId: candidateBlockData.rootClientId,
@@ -306,6 +292,7 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
     dropPosition: candidateEdge
   };
 }
+
 /**
  * A react hook for implementing a drop zone in list view.
  *
@@ -314,7 +301,6 @@ export function getListViewDropTarget(blocksData, position, rtl = false) {
  *
  * @return {WPListViewDropZoneTarget} The drop target.
  */
-
 export default function useListViewDropZone({
   dropZoneElement
 }) {
@@ -343,8 +329,9 @@ export default function useListViewDropZone({
     const blocksData = blockElements.map(blockElement => {
       const clientId = blockElement.dataset.block;
       const isExpanded = blockElement.dataset.expanded === 'true';
-      const isDraggedBlock = blockElement.classList.contains('is-dragging'); // Get nesting level from `aria-level` attribute because Firefox does not support `element.ariaLevel`.
+      const isDraggedBlock = blockElement.classList.contains('is-dragging');
 
+      // Get nesting level from `aria-level` attribute because Firefox does not support `element.ariaLevel`.
       const nestingLevel = parseInt(blockElement.getAttribute('aria-level'), 10);
       const rootClientId = getBlockRootClientId(clientId);
       return {
@@ -361,37 +348,31 @@ export default function useListViewDropZone({
       };
     });
     const newTarget = getListViewDropTarget(blocksData, position, rtl);
-
     if (newTarget) {
       setTarget(newTarget);
     }
   }, [canInsertBlocks, draggedBlockClientIds, getBlockCount, getBlockIndex, getBlockRootClientId, rtl]), 200);
   const ref = useDropZone({
     dropZoneElement,
-
     onDrop(event) {
       if (target) {
         onBlockDrop(event);
       }
     },
-
     onDragLeave() {
       throttled.cancel();
       setTarget(null);
     },
-
     onDragOver(event) {
       // `currentTarget` is only available while the event is being
       // handled, so get it now and pass it to the thottled function.
       // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget
       throttled(event, event.currentTarget);
     },
-
     onDragEnd() {
       throttled.cancel();
       setTarget(null);
     }
-
   });
   return {
     ref,