@wordpress/block-editor 12.6.0 → 12.8.0

package/build-module/components/use-block-drop-zone/index.native.js

@@ -2,16 +2,16 @@
  * External dependencies
  */
 import { runOnJS, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+
 /**
  * WordPress dependencies
  */
-
 import { useSelect } from '@wordpress/data';
 import { useCallback } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { useBlockListContext } from '../block-list/block-list-context';
 import { getDistanceToNearestEdge } from '../../utils/math';
@@ -36,13 +36,13 @@ const UPDATE_TARGET_BLOCK_INDEX_THRESHOLD = 20; // In pixels
  *
  * @return {number|undefined} The block index that's closest to the drag position.
  */
-
 export function getNearestBlockIndex(blocksLayouts, position, orientation, isRTL) {
   const allowedEdges = orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'];
   const isRightToLeft = isRTL;
   let candidateIndex;
-  let candidateDistance; // Only enabled for root level blocks.
+  let candidateDistance;
 
+  // Only enabled for root level blocks.
   blocksLayouts.forEach((element, index) => {
     const {
       x,
@@ -61,21 +61,22 @@ export function getNearestBlockIndex(blocksLayouts, position, orientation, isRTL
       height
     };
     const [distance, edge] = getDistanceToNearestEdge(position, rect, allowedEdges);
-
     if (candidateDistance === undefined || distance < candidateDistance) {
       // If the user is dropping to the trailing edge of the block
       // add 1 to the index to represent dragging after.
       // Take RTL languages into account where the left edge is
       // the trailing edge.
       const isTrailingEdge = edge === 'bottom' || !isRightToLeft && edge === 'right' || isRightToLeft && edge === 'left';
-      const offset = isTrailingEdge ? 1 : 0; // Update the currently known best candidate.
+      const offset = isTrailingEdge ? 1 : 0;
 
+      // Update the currently known best candidate.
       candidateDistance = distance;
       candidateIndex = index + offset;
     }
   });
   return candidateIndex;
 }
+
 /**
  * @typedef  {Object} WPBlockDropZoneConfig
  * @property {string} rootClientId The root client id for the block list.
@@ -89,7 +90,6 @@ export function getNearestBlockIndex(blocksLayouts, position, orientation, isRTL
  * @return {Object} An object that contains `targetBlockIndex` and the event
  * handlers `onBlockDragOver`, `onBlockDragEnd` and `onBlockDrop`.
  */
-
 export default function useBlockDropZone({
   // An undefined value represents a top-level block. Default to an empty
   // string for this so that `targetRootClientId` can be easily compared to
@@ -115,7 +115,8 @@ export default function useBlockDropZone({
     getBlockLayoutsOrderedByYCoord
   } = useBlockListContext();
   const getSortedBlocksLayouts = useCallback(() => {
-    return getBlockLayoutsOrderedByYCoord(blocksLayouts.current); // We use the value of `blocksLayouts` as the dependency.
+    return getBlockLayoutsOrderedByYCoord(blocksLayouts.current);
+    // We use the value of `blocksLayouts` as the dependency.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [blocksLayouts.current]);
   const isRTL = getSettings().isRTL;
@@ -126,7 +127,6 @@ export default function useBlockDropZone({
       x: event.x,
       y: event.y
     }, getBlockListSettings(targetRootClientId)?.orientation, isRTL);
-
     if (targetIndex !== null) {
       targetBlockIndex.value = targetIndex !== null && targetIndex !== void 0 ? targetIndex : 0;
     }
@@ -135,9 +135,9 @@ export default function useBlockDropZone({
     const x = dragPosition.x.value;
     const y = dragPosition.y.value;
     const prevX = prevDragPosition.x.value;
-    const prevY = prevDragPosition.y.value; // `updateTargetBlockIndex` performs expensive calculations, so we throttle
+    const prevY = prevDragPosition.y.value;
+    // `updateTargetBlockIndex` performs expensive calculations, so we throttle
     // the call using a offset threshold based on the dragging position.
-
     if (Math.abs(x - prevX) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD || Math.abs(y - prevY) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD) {
       runOnJS(updateTargetBlockIndex)({
         x,
@@ -147,7 +147,6 @@ export default function useBlockDropZone({
       prevDragPosition.y.value = y;
       return true;
     }
-
     return false;
   });
   return {
@@ -158,7 +157,6 @@ export default function useBlockDropZone({
       dragPosition.x.value = x;
       dragPosition.y.value = y;
     },
-
     onBlockDragOverWorklet({
       x,
       y
@@ -168,14 +166,13 @@ export default function useBlockDropZone({
       dragPosition.x.value = x;
       dragPosition.y.value = y;
     },
-
     onBlockDragEnd() {
       targetBlockIndex.value = null;
     },
-
     onBlockDrop: event => {
       if (targetBlockIndex.value !== null) {
-        onBlockDrop({ ...event,
+        onBlockDrop({
+          ...event,
           targetRootClientId,
           targetBlockIndex: targetBlockIndex.value
         });

package/build-module/components/use-block-drop-zone/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/use-block-drop-zone/index.native.js"],"names":["runOnJS","useDerivedValue","useSharedValue","useSelect","useCallback","store","blockEditorStore","useBlockListContext","getDistanceToNearestEdge","useOnBlockDrop","UPDATE_TARGET_BLOCK_INDEX_THRESHOLD","getNearestBlockIndex","blocksLayouts","position","orientation","isRTL","allowedEdges","isRightToLeft","candidateIndex","candidateDistance","forEach","element","index","x","y","width","height","rect","top","right","bottom","left","distance","edge","undefined","isTrailingEdge","offset","useBlockDropZone","rootClientId","targetRootClientId","targetBlockIndex","dragPosition","prevDragPosition","getBlockListSettings","getSettings","getBlockLayoutsOrderedByYCoord","getSortedBlocksLayouts","current","onBlockDrop","updateTargetBlockIndex","event","sortedBlockLayouts","targetIndex","value","prevX","prevY","Math","abs","onBlockDragOver","onBlockDragOverWorklet","onBlockDragEnd"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\trunOnJS,\n\tuseDerivedValue,\n\tuseSharedValue,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockListContext } from '../block-list/block-list-context';\nimport { getDistanceToNearestEdge } from '../../utils/math';\nimport useOnBlockDrop from '../use-on-block-drop';\n\nconst UPDATE_TARGET_BLOCK_INDEX_THRESHOLD = 20; // In pixels\n\n/** @typedef {import('../../utils/math').WPPoint} WPPoint */\n\n/**\n * The orientation of a block list.\n *\n * @typedef {'horizontal'|'vertical'|undefined} WPBlockListOrientation\n */\n\n/**\n * Given a list of blocks layouts finds the index that a block should be dropped at.\n *\n * @param {Object}                 blocksLayouts Blocks layouts object.\n * @param {WPPoint}                position      The position of the item being dragged.\n * @param {WPBlockListOrientation} orientation   The orientation of a block list.\n * @param {boolean}                isRTL         Check if current locale is RTL.\n *\n * @return {number|undefined} The block index that's closest to the drag position.\n */\nexport function getNearestBlockIndex(\n\tblocksLayouts,\n\tposition,\n\torientation,\n\tisRTL\n) {\n\tconst allowedEdges =\n\t\torientation === 'horizontal'\n\t\t\t? [ 'left', 'right' ]\n\t\t\t: [ 'top', 'bottom' ];\n\n\tconst isRightToLeft = isRTL;\n\n\tlet candidateIndex;\n\tlet candidateDistance;\n\n\t// Only enabled for root level blocks.\n\tblocksLayouts.forEach( ( element, index ) => {\n\t\tconst { x, y, width, height } = element;\n\t\tconst rect = {\n\t\t\tx: element.x,\n\t\t\ty: element.y,\n\t\t\ttop: y,\n\t\t\tright: x + width,\n\t\t\tbottom: y + height,\n\t\t\tleft: x,\n\t\t\twidth,\n\t\t\theight,\n\t\t};\n\t\tconst [ distance, edge ] = getDistanceToNearestEdge(\n\t\t\tposition,\n\t\t\trect,\n\t\t\tallowedEdges\n\t\t);\n\n\t\tif ( candidateDistance === undefined || distance < candidateDistance ) {\n\t\t\t// If the user is dropping to the trailing edge of the block\n\t\t\t// add 1 to the index to represent dragging after.\n\t\t\t// Take RTL languages into account where the left edge is\n\t\t\t// the trailing edge.\n\t\t\tconst isTrailingEdge =\n\t\t\t\tedge === 'bottom' ||\n\t\t\t\t( ! isRightToLeft && edge === 'right' ) ||\n\t\t\t\t( isRightToLeft && edge === 'left' );\n\t\t\tconst offset = isTrailingEdge ? 1 : 0;\n\n\t\t\t// Update the currently known best candidate.\n\t\t\tcandidateDistance = distance;\n\t\t\tcandidateIndex = index + offset;\n\t\t}\n\t} );\n\treturn candidateIndex;\n}\n\n/**\n * @typedef  {Object} WPBlockDropZoneConfig\n * @property {string} rootClientId The root client id for the block list.\n */\n\n/**\n * A React hook that can be used to make a block list handle drag and drop.\n *\n * @param {WPBlockDropZoneConfig} dropZoneConfig configuration data for the drop zone.\n *\n * @return {Object} An object that contains `targetBlockIndex` and the event\n * handlers `onBlockDragOver`, `onBlockDragEnd` and `onBlockDrop`.\n */\nexport default function useBlockDropZone( {\n\t// An undefined value represents a top-level block. Default to an empty\n\t// string for this so that `targetRootClientId` can be easily compared to\n\t// values returned by the `getRootBlockClientId` selector, which also uses\n\t// an empty string to represent top-level blocks.\n\trootClientId: targetRootClientId = '',\n} = {} ) {\n\tconst targetBlockIndex = useSharedValue( null );\n\tconst dragPosition = {\n\t\tx: useSharedValue( 0 ),\n\t\ty: useSharedValue( 0 ),\n\t};\n\tconst prevDragPosition = {\n\t\tx: useSharedValue( 0 ),\n\t\ty: useSharedValue( 0 ),\n\t};\n\n\tconst { getBlockListSettings, getSettings } = useSelect( blockEditorStore );\n\tconst { blocksLayouts, getBlockLayoutsOrderedByYCoord } =\n\t\tuseBlockListContext();\n\n\tconst getSortedBlocksLayouts = useCallback( () => {\n\t\treturn getBlockLayoutsOrderedByYCoord( blocksLayouts.current );\n\t\t// We use the value of `blocksLayouts` as the dependency.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ blocksLayouts.current ] );\n\n\tconst isRTL = getSettings().isRTL;\n\n\tconst onBlockDrop = useOnBlockDrop();\n\n\tconst updateTargetBlockIndex = useCallback(\n\t\t( event ) => {\n\t\t\tconst sortedBlockLayouts = getSortedBlocksLayouts();\n\n\t\t\tconst targetIndex = getNearestBlockIndex(\n\t\t\t\tsortedBlockLayouts,\n\t\t\t\t{ x: event.x, y: event.y },\n\t\t\t\tgetBlockListSettings( targetRootClientId )?.orientation,\n\t\t\t\tisRTL\n\t\t\t);\n\t\t\tif ( targetIndex !== null ) {\n\t\t\t\ttargetBlockIndex.value = targetIndex ?? 0;\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tgetSortedBlocksLayouts,\n\t\t\tgetBlockListSettings,\n\t\t\ttargetRootClientId,\n\t\t\tisRTL,\n\t\t\ttargetBlockIndex,\n\t\t]\n\t);\n\n\tuseDerivedValue( () => {\n\t\tconst x = dragPosition.x.value;\n\t\tconst y = dragPosition.y.value;\n\t\tconst prevX = prevDragPosition.x.value;\n\t\tconst prevY = prevDragPosition.y.value;\n\t\t// `updateTargetBlockIndex` performs expensive calculations, so we throttle\n\t\t// the call using a offset threshold based on the dragging position.\n\t\tif (\n\t\t\tMath.abs( x - prevX ) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD ||\n\t\t\tMath.abs( y - prevY ) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD\n\t\t) {\n\t\t\trunOnJS( updateTargetBlockIndex )( { x, y } );\n\t\t\tprevDragPosition.x.value = x;\n\t\t\tprevDragPosition.y.value = y;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t} );\n\n\treturn {\n\t\tonBlockDragOver( { x, y } ) {\n\t\t\tdragPosition.x.value = x;\n\t\t\tdragPosition.y.value = y;\n\t\t},\n\t\tonBlockDragOverWorklet( { x, y } ) {\n\t\t\t'worklet';\n\t\t\tdragPosition.x.value = x;\n\t\t\tdragPosition.y.value = y;\n\t\t},\n\t\tonBlockDragEnd() {\n\t\t\ttargetBlockIndex.value = null;\n\t\t},\n\t\tonBlockDrop: ( event ) => {\n\t\t\tif ( targetBlockIndex.value !== null ) {\n\t\t\t\tonBlockDrop( {\n\t\t\t\t\t...event,\n\t\t\t\t\ttargetRootClientId,\n\t\t\t\t\ttargetBlockIndex: targetBlockIndex.value,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\ttargetBlockIndex,\n\t};\n}\n"]}
+{"version":3,"names":["runOnJS","useDerivedValue","useSharedValue","useSelect","useCallback","store","blockEditorStore","useBlockListContext","getDistanceToNearestEdge","useOnBlockDrop","UPDATE_TARGET_BLOCK_INDEX_THRESHOLD","getNearestBlockIndex","blocksLayouts","position","orientation","isRTL","allowedEdges","isRightToLeft","candidateIndex","candidateDistance","forEach","element","index","x","y","width","height","rect","top","right","bottom","left","distance","edge","undefined","isTrailingEdge","offset","useBlockDropZone","rootClientId","targetRootClientId","targetBlockIndex","dragPosition","prevDragPosition","getBlockListSettings","getSettings","getBlockLayoutsOrderedByYCoord","getSortedBlocksLayouts","current","onBlockDrop","updateTargetBlockIndex","event","sortedBlockLayouts","targetIndex","value","prevX","prevY","Math","abs","onBlockDragOver","onBlockDragOverWorklet","onBlockDragEnd"],"sources":["@wordpress/block-editor/src/components/use-block-drop-zone/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\trunOnJS,\n\tuseDerivedValue,\n\tuseSharedValue,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockListContext } from '../block-list/block-list-context';\nimport { getDistanceToNearestEdge } from '../../utils/math';\nimport useOnBlockDrop from '../use-on-block-drop';\n\nconst UPDATE_TARGET_BLOCK_INDEX_THRESHOLD = 20; // In pixels\n\n/** @typedef {import('../../utils/math').WPPoint} WPPoint */\n\n/**\n * The orientation of a block list.\n *\n * @typedef {'horizontal'|'vertical'|undefined} WPBlockListOrientation\n */\n\n/**\n * Given a list of blocks layouts finds the index that a block should be dropped at.\n *\n * @param {Object}                 blocksLayouts Blocks layouts object.\n * @param {WPPoint}                position      The position of the item being dragged.\n * @param {WPBlockListOrientation} orientation   The orientation of a block list.\n * @param {boolean}                isRTL         Check if current locale is RTL.\n *\n * @return {number|undefined} The block index that's closest to the drag position.\n */\nexport function getNearestBlockIndex(\n\tblocksLayouts,\n\tposition,\n\torientation,\n\tisRTL\n) {\n\tconst allowedEdges =\n\t\torientation === 'horizontal'\n\t\t\t? [ 'left', 'right' ]\n\t\t\t: [ 'top', 'bottom' ];\n\n\tconst isRightToLeft = isRTL;\n\n\tlet candidateIndex;\n\tlet candidateDistance;\n\n\t// Only enabled for root level blocks.\n\tblocksLayouts.forEach( ( element, index ) => {\n\t\tconst { x, y, width, height } = element;\n\t\tconst rect = {\n\t\t\tx: element.x,\n\t\t\ty: element.y,\n\t\t\ttop: y,\n\t\t\tright: x + width,\n\t\t\tbottom: y + height,\n\t\t\tleft: x,\n\t\t\twidth,\n\t\t\theight,\n\t\t};\n\t\tconst [ distance, edge ] = getDistanceToNearestEdge(\n\t\t\tposition,\n\t\t\trect,\n\t\t\tallowedEdges\n\t\t);\n\n\t\tif ( candidateDistance === undefined || distance < candidateDistance ) {\n\t\t\t// If the user is dropping to the trailing edge of the block\n\t\t\t// add 1 to the index to represent dragging after.\n\t\t\t// Take RTL languages into account where the left edge is\n\t\t\t// the trailing edge.\n\t\t\tconst isTrailingEdge =\n\t\t\t\tedge === 'bottom' ||\n\t\t\t\t( ! isRightToLeft && edge === 'right' ) ||\n\t\t\t\t( isRightToLeft && edge === 'left' );\n\t\t\tconst offset = isTrailingEdge ? 1 : 0;\n\n\t\t\t// Update the currently known best candidate.\n\t\t\tcandidateDistance = distance;\n\t\t\tcandidateIndex = index + offset;\n\t\t}\n\t} );\n\treturn candidateIndex;\n}\n\n/**\n * @typedef  {Object} WPBlockDropZoneConfig\n * @property {string} rootClientId The root client id for the block list.\n */\n\n/**\n * A React hook that can be used to make a block list handle drag and drop.\n *\n * @param {WPBlockDropZoneConfig} dropZoneConfig configuration data for the drop zone.\n *\n * @return {Object} An object that contains `targetBlockIndex` and the event\n * handlers `onBlockDragOver`, `onBlockDragEnd` and `onBlockDrop`.\n */\nexport default function useBlockDropZone( {\n\t// An undefined value represents a top-level block. Default to an empty\n\t// string for this so that `targetRootClientId` can be easily compared to\n\t// values returned by the `getRootBlockClientId` selector, which also uses\n\t// an empty string to represent top-level blocks.\n\trootClientId: targetRootClientId = '',\n} = {} ) {\n\tconst targetBlockIndex = useSharedValue( null );\n\tconst dragPosition = {\n\t\tx: useSharedValue( 0 ),\n\t\ty: useSharedValue( 0 ),\n\t};\n\tconst prevDragPosition = {\n\t\tx: useSharedValue( 0 ),\n\t\ty: useSharedValue( 0 ),\n\t};\n\n\tconst { getBlockListSettings, getSettings } = useSelect( blockEditorStore );\n\tconst { blocksLayouts, getBlockLayoutsOrderedByYCoord } =\n\t\tuseBlockListContext();\n\n\tconst getSortedBlocksLayouts = useCallback( () => {\n\t\treturn getBlockLayoutsOrderedByYCoord( blocksLayouts.current );\n\t\t// We use the value of `blocksLayouts` as the dependency.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ blocksLayouts.current ] );\n\n\tconst isRTL = getSettings().isRTL;\n\n\tconst onBlockDrop = useOnBlockDrop();\n\n\tconst updateTargetBlockIndex = useCallback(\n\t\t( event ) => {\n\t\t\tconst sortedBlockLayouts = getSortedBlocksLayouts();\n\n\t\t\tconst targetIndex = getNearestBlockIndex(\n\t\t\t\tsortedBlockLayouts,\n\t\t\t\t{ x: event.x, y: event.y },\n\t\t\t\tgetBlockListSettings( targetRootClientId )?.orientation,\n\t\t\t\tisRTL\n\t\t\t);\n\t\t\tif ( targetIndex !== null ) {\n\t\t\t\ttargetBlockIndex.value = targetIndex ?? 0;\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tgetSortedBlocksLayouts,\n\t\t\tgetBlockListSettings,\n\t\t\ttargetRootClientId,\n\t\t\tisRTL,\n\t\t\ttargetBlockIndex,\n\t\t]\n\t);\n\n\tuseDerivedValue( () => {\n\t\tconst x = dragPosition.x.value;\n\t\tconst y = dragPosition.y.value;\n\t\tconst prevX = prevDragPosition.x.value;\n\t\tconst prevY = prevDragPosition.y.value;\n\t\t// `updateTargetBlockIndex` performs expensive calculations, so we throttle\n\t\t// the call using a offset threshold based on the dragging position.\n\t\tif (\n\t\t\tMath.abs( x - prevX ) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD ||\n\t\t\tMath.abs( y - prevY ) >= UPDATE_TARGET_BLOCK_INDEX_THRESHOLD\n\t\t) {\n\t\t\trunOnJS( updateTargetBlockIndex )( { x, y } );\n\t\t\tprevDragPosition.x.value = x;\n\t\t\tprevDragPosition.y.value = y;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t} );\n\n\treturn {\n\t\tonBlockDragOver( { x, y } ) {\n\t\t\tdragPosition.x.value = x;\n\t\t\tdragPosition.y.value = y;\n\t\t},\n\t\tonBlockDragOverWorklet( { x, y } ) {\n\t\t\t'worklet';\n\t\t\tdragPosition.x.value = x;\n\t\t\tdragPosition.y.value = y;\n\t\t},\n\t\tonBlockDragEnd() {\n\t\t\ttargetBlockIndex.value = null;\n\t\t},\n\t\tonBlockDrop: ( event ) => {\n\t\t\tif ( targetBlockIndex.value !== null ) {\n\t\t\t\tonBlockDrop( {\n\t\t\t\t\t...event,\n\t\t\t\t\ttargetRootClientId,\n\t\t\t\t\ttargetBlockIndex: targetBlockIndex.value,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\ttargetBlockIndex,\n\t};\n}\n"],"mappings":"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"}

package/build-module/components/use-display-block-controls/index.js

@@ -2,10 +2,10 @@
  * WordPress dependencies
  */
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { useBlockEditContext } from '../block-edit/context';
 import { store as blockEditorStore } from '../../store';
 export default function useDisplayBlockControls() {
@@ -18,17 +18,14 @@ export default function useDisplayBlockControls() {
     if (isSelected) {
       return true;
     }
-
     const {
       getBlockName,
       isFirstMultiSelectedBlock,
       getMultiSelectedBlockClientIds
     } = select(blockEditorStore);
-
     if (isFirstMultiSelectedBlock(clientId)) {
       return getMultiSelectedBlockClientIds().every(id => getBlockName(id) === name);
     }
-
     return false;
   }, [clientId, isSelected, name]);
 }

package/build-module/components/use-display-block-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/use-display-block-controls/index.js"],"names":["useSelect","useBlockEditContext","store","blockEditorStore","useDisplayBlockControls","isSelected","clientId","name","select","getBlockName","isFirstMultiSelectedBlock","getMultiSelectedBlockClientIds","every","id"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAe,SAASC,uBAAT,GAAmC;AACjD,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA;AAAxB,MAAiCN,mBAAmB,EAA1D;AACA,SAAOD,SAAS,CACbQ,MAAF,IAAc;AACb,QAAKH,UAAL,EAAkB;AACjB,aAAO,IAAP;AACA;;AAED,UAAM;AACLI,MAAAA,YADK;AAELC,MAAAA,yBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEL,gBAAF,CAJV;;AAMA,QAAKO,yBAAyB,CAAEJ,QAAF,CAA9B,EAA6C;AAC5C,aAAOK,8BAA8B,GAAGC,KAAjC,CACJC,EAAF,IAAUJ,YAAY,CAAEI,EAAF,CAAZ,KAAuBN,IAD3B,CAAP;AAGA;;AAED,WAAO,KAAP;AACA,GAnBc,EAoBf,CAAED,QAAF,EAAYD,UAAZ,EAAwBE,IAAxB,CApBe,CAAhB;AAsBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useDisplayBlockControls() {\n\tconst { isSelected, clientId, name } = useBlockEditContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tif ( isSelected ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tisFirstMultiSelectedBlock,\n\t\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tif ( isFirstMultiSelectedBlock( clientId ) ) {\n\t\t\t\treturn getMultiSelectedBlockClientIds().every(\n\t\t\t\t\t( id ) => getBlockName( id ) === name\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[ clientId, isSelected, name ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","useBlockEditContext","store","blockEditorStore","useDisplayBlockControls","isSelected","clientId","name","select","getBlockName","isFirstMultiSelectedBlock","getMultiSelectedBlockClientIds","every","id"],"sources":["@wordpress/block-editor/src/components/use-display-block-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useDisplayBlockControls() {\n\tconst { isSelected, clientId, name } = useBlockEditContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tif ( isSelected ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tisFirstMultiSelectedBlock,\n\t\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tif ( isFirstMultiSelectedBlock( clientId ) ) {\n\t\t\t\treturn getMultiSelectedBlockClientIds().every(\n\t\t\t\t\t( id ) => getBlockName( id ) === name\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[ clientId, isSelected, name ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAC5D,OAAOD,SAAS,CACbQ,MAAM,IAAM;IACb,IAAKH,UAAU,EAAG;MACjB,OAAO,IAAI;IACZ;IAEA,MAAM;MACLI,YAAY;MACZC,yBAAyB;MACzBC;IACD,CAAC,GAAGH,MAAM,CAAEL,gBAAiB,CAAC;IAE9B,IAAKO,yBAAyB,CAAEJ,QAAS,CAAC,EAAG;MAC5C,OAAOK,8BAA8B,CAAC,CAAC,CAACC,KAAK,CAC1CC,EAAE,IAAMJ,YAAY,CAAEI,EAAG,CAAC,KAAKN,IAClC,CAAC;IACF;IAEA,OAAO,KAAK;EACb,CAAC,EACD,CAAED,QAAQ,EAAED,UAAU,EAAEE,IAAI,CAC7B,CAAC;AACF"}

package/build-module/components/use-display-block-controls/index.native.js

@@ -3,10 +3,10 @@
  */
 import { useSelect } from '@wordpress/data';
 import { hasBlockSupport } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { useBlockEditContext } from '../block-edit/context';
 import { store as blockEditorStore } from '../../store';
 export default function useDisplayBlockControls() {
@@ -23,11 +23,9 @@ export default function useDisplayBlockControls() {
     const parentId = getBlockRootClientId(clientId);
     const parentBlockName = getBlockName(parentId);
     const hideControls = hasBlockSupport(parentBlockName, '__experimentalHideChildBlockControls', false);
-
     if (!hideControls && isSelected) {
       return true;
     }
-
     return false;
   }, [clientId, isSelected, name]);
 }

package/build-module/components/use-display-block-controls/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/use-display-block-controls/index.native.js"],"names":["useSelect","hasBlockSupport","useBlockEditContext","store","blockEditorStore","useDisplayBlockControls","isSelected","clientId","name","select","getBlockName","getBlockRootClientId","parentId","parentBlockName","hideControls"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAe,SAASC,uBAAT,GAAmC;AACjD,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA;AAAxB,MAAiCN,mBAAmB,EAA1D;AACA,SAAOF,SAAS,CACbS,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QACLF,MAAM,CAAEL,gBAAF,CADP;AAGA,UAAMQ,QAAQ,GAAGD,oBAAoB,CAAEJ,QAAF,CAArC;AACA,UAAMM,eAAe,GAAGH,YAAY,CAAEE,QAAF,CAApC;AAEA,UAAME,YAAY,GAAGb,eAAe,CACnCY,eADmC,EAEnC,sCAFmC,EAGnC,KAHmC,CAApC;;AAMA,QAAK,CAAEC,YAAF,IAAkBR,UAAvB,EAAoC;AACnC,aAAO,IAAP;AACA;;AAED,WAAO,KAAP;AACA,GAnBc,EAoBf,CAAEC,QAAF,EAAYD,UAAZ,EAAwBE,IAAxB,CApBe,CAAhB;AAsBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useDisplayBlockControls() {\n\tconst { isSelected, clientId, name } = useBlockEditContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\t\tconst hideControls = hasBlockSupport(\n\t\t\t\tparentBlockName,\n\t\t\t\t'__experimentalHideChildBlockControls',\n\t\t\t\tfalse\n\t\t\t);\n\n\t\t\tif ( ! hideControls && isSelected ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[ clientId, isSelected, name ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","hasBlockSupport","useBlockEditContext","store","blockEditorStore","useDisplayBlockControls","isSelected","clientId","name","select","getBlockName","getBlockRootClientId","parentId","parentBlockName","hideControls"],"sources":["@wordpress/block-editor/src/components/use-display-block-controls/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useDisplayBlockControls() {\n\tconst { isSelected, clientId, name } = useBlockEditContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\t\tconst hideControls = hasBlockSupport(\n\t\t\t\tparentBlockName,\n\t\t\t\t'__experimentalHideChildBlockControls',\n\t\t\t\tfalse\n\t\t\t);\n\n\t\t\tif ( ! hideControls && isSelected ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[ clientId, isSelected, name ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAC5D,OAAOF,SAAS,CACbS,MAAM,IAAM;IACb,MAAM;MAAEC,YAAY;MAAEC;IAAqB,CAAC,GAC3CF,MAAM,CAAEL,gBAAiB,CAAC;IAE3B,MAAMQ,QAAQ,GAAGD,oBAAoB,CAAEJ,QAAS,CAAC;IACjD,MAAMM,eAAe,GAAGH,YAAY,CAAEE,QAAS,CAAC;IAEhD,MAAME,YAAY,GAAGb,eAAe,CACnCY,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;IAED,IAAK,CAAEC,YAAY,IAAIR,UAAU,EAAG;MACnC,OAAO,IAAI;IACZ;IAEA,OAAO,KAAK;EACb,CAAC,EACD,CAAEC,QAAQ,EAAED,UAAU,EAAEE,IAAI,CAC7B,CAAC;AACF"}

package/build-module/components/use-moving-animation/index.js

@@ -2,28 +2,28 @@
  * External dependencies
  */
 import { useSpring } from '@react-spring/web';
+
 /**
  * WordPress dependencies
  */
-
 import { useState, useLayoutEffect, useReducer, useMemo, useRef } from '@wordpress/element';
 import { useReducedMotion } from '@wordpress/compose';
 import { getScrollContainer } from '@wordpress/dom';
+
 /**
  * Simple reducer used to increment a counter.
  *
  * @param {number} state Previous counter value.
  * @return {number} New state value.
  */
-
 const counterReducer = state => state + 1;
-
 const getAbsolutePosition = element => {
   return {
     top: element.offsetTop,
     left: element.offsetLeft
   };
 };
+
 /**
  * Hook used to compute the styles required to move a div into a new position.
  *
@@ -41,8 +41,6 @@ const getAbsolutePosition = element => {
  * @param {boolean} $1.enableAnimation          Enable/Disable animation.
  * @param {*}       $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.
  */
-
-
 function useMovingAnimation({
   isSelected,
   adjustScrolling,
@@ -57,25 +55,22 @@ function useMovingAnimation({
     x: 0,
     y: 0
   });
-  const previous = useMemo(() => ref.current ? getAbsolutePosition(ref.current) : null, [triggerAnimationOnChange]); // Calculate the previous position of the block relative to the viewport and
-  // return a function to maintain that position by scrolling.
+  const previous = useMemo(() => ref.current ? getAbsolutePosition(ref.current) : null, [triggerAnimationOnChange]);
 
+  // Calculate the previous position of the block relative to the viewport and
+  // return a function to maintain that position by scrolling.
   const preserveScrollPosition = useMemo(() => {
     if (!adjustScrolling || !ref.current) {
       return () => {};
     }
-
     const scrollContainer = getScrollContainer(ref.current);
-
     if (!scrollContainer) {
       return () => {};
     }
-
     const prevRect = ref.current.getBoundingClientRect();
     return () => {
       const blockRect = ref.current.getBoundingClientRect();
       const diff = blockRect.top - prevRect.top;
-
       if (diff) {
         scrollContainer.scrollTop += diff;
       }
@@ -90,14 +85,12 @@ function useMovingAnimation({
     if (!previous) {
       return;
     }
-
     if (prefersReducedMotion) {
       // If the animation is disabled and the scroll needs to be adjusted,
       // just move directly to the final scroll position.
       preserveScrollPosition();
       return;
     }
-
     ref.current.style.transform = undefined;
     const destination = getAbsolutePosition(ref.current);
     triggerAnimation();
@@ -106,14 +99,12 @@ function useMovingAnimation({
       y: Math.round(previous.top - destination.top)
     });
   }, [triggerAnimationOnChange]);
-
   function onChange({
     value
   }) {
     if (!ref.current) {
       return;
     }
-
     let {
       x,
       y
@@ -126,7 +117,6 @@ function useMovingAnimation({
     ref.current.style.zIndex = isSelected ? '1' : '';
     preserveScrollPosition();
   }
-
   useSpring({
     from: {
       x: transform.x,
@@ -147,6 +137,5 @@ function useMovingAnimation({
   });
   return ref;
 }
-
 export default useMovingAnimation;
 //# sourceMappingURL=index.js.map

package/build-module/components/use-moving-animation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/use-moving-animation/index.js"],"names":["useSpring","useState","useLayoutEffect","useReducer","useMemo","useRef","useReducedMotion","getScrollContainer","counterReducer","state","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","useMovingAnimation","isSelected","adjustScrolling","enableAnimation","triggerAnimationOnChange","ref","prefersReducedMotion","triggeredAnimation","triggerAnimation","finishedAnimation","endAnimation","transform","setTransform","x","y","previous","current","preserveScrollPosition","scrollContainer","prevRect","getBoundingClientRect","blockRect","diff","scrollTop","style","undefined","destination","Math","round","onChange","value","finishedMoving","transformOrigin","zIndex","from","to","reset","config","mass","tension","friction","immediate"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { useSpring } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseLayoutEffect,\n\tuseReducer,\n\tuseMemo,\n\tuseRef,\n} from '@wordpress/element';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\n/**\n * Simple reducer used to increment a counter.\n *\n * @param {number} state Previous counter value.\n * @return {number} New state value.\n */\nconst counterReducer = ( state ) => state + 1;\n\nconst getAbsolutePosition = ( element ) => {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n};\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object}  $1                          Options\n * @param {boolean} $1.isSelected               Whether it's the current block or not.\n * @param {boolean} $1.adjustScrolling          Adjust the scroll position to the current block.\n * @param {boolean} $1.enableAnimation          Enable/Disable animation.\n * @param {*}       $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( {\n\tisSelected,\n\tadjustScrolling,\n\tenableAnimation,\n\ttriggerAnimationOnChange,\n} ) {\n\tconst ref = useRef();\n\tconst prefersReducedMotion = useReducedMotion() || ! enableAnimation;\n\tconst [ triggeredAnimation, triggerAnimation ] = useReducer(\n\t\tcounterReducer,\n\t\t0\n\t);\n\tconst [ finishedAnimation, endAnimation ] = useReducer( counterReducer, 0 );\n\tconst [ transform, setTransform ] = useState( { x: 0, y: 0 } );\n\tconst previous = useMemo(\n\t\t() => ( ref.current ? getAbsolutePosition( ref.current ) : null ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\t// Calculate the previous position of the block relative to the viewport and\n\t// return a function to maintain that position by scrolling.\n\tconst preserveScrollPosition = useMemo( () => {\n\t\tif ( ! adjustScrolling || ! ref.current ) {\n\t\t\treturn () => {};\n\t\t}\n\n\t\tconst scrollContainer = getScrollContainer( ref.current );\n\n\t\tif ( ! scrollContainer ) {\n\t\t\treturn () => {};\n\t\t}\n\n\t\tconst prevRect = ref.current.getBoundingClientRect();\n\t\treturn () => {\n\t\t\tconst blockRect = ref.current.getBoundingClientRect();\n\t\t\tconst diff = blockRect.top - prevRect.top;\n\n\t\t\tif ( diff ) {\n\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t}\n\t\t};\n\t}, [ triggerAnimationOnChange, adjustScrolling ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( triggeredAnimation ) {\n\t\t\tendAnimation();\n\t\t}\n\t}, [ triggeredAnimation ] );\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( prefersReducedMotion ) {\n\t\t\t// If the animation is disabled and the scroll needs to be adjusted,\n\t\t\t// just move directly to the final scroll position.\n\t\t\tpreserveScrollPosition();\n\n\t\t\treturn;\n\t\t}\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = getAbsolutePosition( ref.current );\n\n\t\ttriggerAnimation();\n\t\tsetTransform( {\n\t\t\tx: Math.round( previous.left - destination.left ),\n\t\t\ty: Math.round( previous.top - destination.top ),\n\t\t} );\n\t}, [ triggerAnimationOnChange ] );\n\n\tfunction onChange( { value } ) {\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\t\tlet { x, y } = value;\n\t\tx = Math.round( x );\n\t\ty = Math.round( y );\n\t\tconst finishedMoving = x === 0 && y === 0;\n\t\tref.current.style.transformOrigin = 'center center';\n\t\tref.current.style.transform = finishedMoving\n\t\t\t? undefined\n\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\tref.current.style.zIndex = isSelected ? '1' : '';\n\n\t\tpreserveScrollPosition();\n\t}\n\n\tuseSpring( {\n\t\tfrom: {\n\t\t\tx: transform.x,\n\t\t\ty: transform.y,\n\t\t},\n\t\tto: {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t},\n\t\treset: triggeredAnimation !== finishedAnimation,\n\t\tconfig: { mass: 5, tension: 2000, friction: 200 },\n\t\timmediate: prefersReducedMotion,\n\t\tonChange,\n\t} );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"]}
+{"version":3,"names":["useSpring","useState","useLayoutEffect","useReducer","useMemo","useRef","useReducedMotion","getScrollContainer","counterReducer","state","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","useMovingAnimation","isSelected","adjustScrolling","enableAnimation","triggerAnimationOnChange","ref","prefersReducedMotion","triggeredAnimation","triggerAnimation","finishedAnimation","endAnimation","transform","setTransform","x","y","previous","current","preserveScrollPosition","scrollContainer","prevRect","getBoundingClientRect","blockRect","diff","scrollTop","style","undefined","destination","Math","round","onChange","value","finishedMoving","transformOrigin","zIndex","from","to","reset","config","mass","tension","friction","immediate"],"sources":["@wordpress/block-editor/src/components/use-moving-animation/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useSpring } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseLayoutEffect,\n\tuseReducer,\n\tuseMemo,\n\tuseRef,\n} from '@wordpress/element';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\n/**\n * Simple reducer used to increment a counter.\n *\n * @param {number} state Previous counter value.\n * @return {number} New state value.\n */\nconst counterReducer = ( state ) => state + 1;\n\nconst getAbsolutePosition = ( element ) => {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n};\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object}  $1                          Options\n * @param {boolean} $1.isSelected               Whether it's the current block or not.\n * @param {boolean} $1.adjustScrolling          Adjust the scroll position to the current block.\n * @param {boolean} $1.enableAnimation          Enable/Disable animation.\n * @param {*}       $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( {\n\tisSelected,\n\tadjustScrolling,\n\tenableAnimation,\n\ttriggerAnimationOnChange,\n} ) {\n\tconst ref = useRef();\n\tconst prefersReducedMotion = useReducedMotion() || ! enableAnimation;\n\tconst [ triggeredAnimation, triggerAnimation ] = useReducer(\n\t\tcounterReducer,\n\t\t0\n\t);\n\tconst [ finishedAnimation, endAnimation ] = useReducer( counterReducer, 0 );\n\tconst [ transform, setTransform ] = useState( { x: 0, y: 0 } );\n\tconst previous = useMemo(\n\t\t() => ( ref.current ? getAbsolutePosition( ref.current ) : null ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\t// Calculate the previous position of the block relative to the viewport and\n\t// return a function to maintain that position by scrolling.\n\tconst preserveScrollPosition = useMemo( () => {\n\t\tif ( ! adjustScrolling || ! ref.current ) {\n\t\t\treturn () => {};\n\t\t}\n\n\t\tconst scrollContainer = getScrollContainer( ref.current );\n\n\t\tif ( ! scrollContainer ) {\n\t\t\treturn () => {};\n\t\t}\n\n\t\tconst prevRect = ref.current.getBoundingClientRect();\n\t\treturn () => {\n\t\t\tconst blockRect = ref.current.getBoundingClientRect();\n\t\t\tconst diff = blockRect.top - prevRect.top;\n\n\t\t\tif ( diff ) {\n\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t}\n\t\t};\n\t}, [ triggerAnimationOnChange, adjustScrolling ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( triggeredAnimation ) {\n\t\t\tendAnimation();\n\t\t}\n\t}, [ triggeredAnimation ] );\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( prefersReducedMotion ) {\n\t\t\t// If the animation is disabled and the scroll needs to be adjusted,\n\t\t\t// just move directly to the final scroll position.\n\t\t\tpreserveScrollPosition();\n\n\t\t\treturn;\n\t\t}\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = getAbsolutePosition( ref.current );\n\n\t\ttriggerAnimation();\n\t\tsetTransform( {\n\t\t\tx: Math.round( previous.left - destination.left ),\n\t\t\ty: Math.round( previous.top - destination.top ),\n\t\t} );\n\t}, [ triggerAnimationOnChange ] );\n\n\tfunction onChange( { value } ) {\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\t\tlet { x, y } = value;\n\t\tx = Math.round( x );\n\t\ty = Math.round( y );\n\t\tconst finishedMoving = x === 0 && y === 0;\n\t\tref.current.style.transformOrigin = 'center center';\n\t\tref.current.style.transform = finishedMoving\n\t\t\t? undefined\n\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\tref.current.style.zIndex = isSelected ? '1' : '';\n\n\t\tpreserveScrollPosition();\n\t}\n\n\tuseSpring( {\n\t\tfrom: {\n\t\t\tx: transform.x,\n\t\t\ty: transform.y,\n\t\t},\n\t\tto: {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t},\n\t\treset: triggeredAnimation !== finishedAnimation,\n\t\tconfig: { mass: 5, tension: 2000, friction: 200 },\n\t\timmediate: prefersReducedMotion,\n\t\tonChange,\n\t} );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],"mappings":"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"}

package/build-module/components/use-on-block-drop/index.js

@@ -5,13 +5,13 @@ import { useCallback } from '@wordpress/element';
 import { cloneBlock, findTransform, getBlockTransforms, pasteHandler } from '@wordpress/blocks';
 import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
 import { getFilesFromDataTransfer } from '@wordpress/dom';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
-/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
 
+/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
 /** @typedef {import('./types').WPDropOperation} WPDropOperation */
 
 /**
@@ -21,7 +21,6 @@ import { store as blockEditorStore } from '../../store';
  *
  * @return {Object} An object with block drag and drop data.
  */
-
 export function parseDropEvent(event) {
   let result = {
     srcRootClientId: null,
@@ -30,19 +29,17 @@ export function parseDropEvent(event) {
     type: null,
     blocks: null
   };
-
   if (!event.dataTransfer) {
     return result;
   }
-
   try {
     result = Object.assign(result, JSON.parse(event.dataTransfer.getData('wp-blocks')));
   } catch (err) {
     return result;
   }
-
   return result;
 }
+
 /**
  * A function that returns an event handler function for block drop events.
  *
@@ -55,7 +52,6 @@ export function parseDropEvent(event) {
  * @param {Function} clearSelectedBlock        A function that clears block selection.
  * @return {Function} The event handler for a block drop event.
  */
-
 export function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocks, insertOrReplaceBlocks, clearSelectedBlock) {
   return event => {
     const {
@@ -63,39 +59,42 @@ export function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex,
       srcClientIds: sourceClientIds,
       type: dropType,
       blocks
-    } = parseDropEvent(event); // If the user is inserting a block.
+    } = parseDropEvent(event);
 
+    // If the user is inserting a block.
     if (dropType === 'inserter') {
       clearSelectedBlock();
       const blocksToInsert = blocks.map(block => cloneBlock(block));
       insertOrReplaceBlocks(blocksToInsert, true, null);
-    } // If the user is moving a block.
-
+    }
 
+    // If the user is moving a block.
     if (dropType === 'block') {
-      const sourceBlockIndex = getBlockIndex(sourceClientIds[0]); // If the user is dropping to the same position, return early.
+      const sourceBlockIndex = getBlockIndex(sourceClientIds[0]);
 
+      // If the user is dropping to the same position, return early.
       if (sourceRootClientId === targetRootClientId && sourceBlockIndex === targetBlockIndex) {
         return;
-      } // If the user is attempting to drop a block within its own
+      }
+
+      // If the user is attempting to drop a block within its own
       // nested blocks, return early as this would create infinite
       // recursion.
-
-
       if (sourceClientIds.includes(targetRootClientId) || getClientIdsOfDescendants(sourceClientIds).some(id => id === targetRootClientId)) {
         return;
       }
-
       const isAtSameLevel = sourceRootClientId === targetRootClientId;
-      const draggedBlockCount = sourceClientIds.length; // If the block is kept at the same level and moved downwards,
+      const draggedBlockCount = sourceClientIds.length;
+
+      // If the block is kept at the same level and moved downwards,
       // subtract to take into account that the blocks being dragged
       // were removed from the block list above the insertion point.
-
       const insertIndex = isAtSameLevel && sourceBlockIndex < targetBlockIndex ? targetBlockIndex - draggedBlockCount : targetBlockIndex;
       moveBlocks(sourceClientIds, sourceRootClientId, insertIndex);
     }
   };
 }
+
 /**
  * A function that returns an event handler function for block-related file drop events.
  *
@@ -108,21 +107,19 @@ export function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex,
  *
  * @return {Function} The event handler for a block-related file drop event.
  */
-
 export function onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertOrReplaceBlocks) {
   return files => {
     if (!hasUploadPermissions) {
       return;
     }
-
     const transformation = findTransform(getBlockTransforms('from'), transform => transform.type === 'files' && canInsertBlockType(transform.blockName, targetRootClientId) && transform.isMatch(files));
-
     if (transformation) {
       const blocks = transformation.transform(files, updateBlockAttributes);
       insertOrReplaceBlocks(blocks);
     }
   };
 }
+
 /**
  * A function that returns an event handler function for block-related HTML drop events.
  *
@@ -132,19 +129,18 @@ export function onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermi
  *
  * @return {Function} The event handler for a block-related HTML drop event.
  */
-
 export function onHTMLDrop(targetRootClientId, targetBlockIndex, insertOrReplaceBlocks) {
   return HTML => {
     const blocks = pasteHandler({
       HTML,
       mode: 'BLOCKS'
     });
-
     if (blocks.length) {
       insertOrReplaceBlocks(blocks);
     }
   };
 }
+
 /**
  * A React hook for handling block drop events.
  *
@@ -155,7 +151,6 @@ export function onHTMLDrop(targetRootClientId, targetBlockIndex, insertOrReplace
  *
  * @return {Function} A function to be passed to the onDrop handler.
  */
-
 export default function useOnBlockDrop(targetRootClientId, targetBlockIndex, options = {}) {
   const {
     operation = 'insert'
@@ -193,29 +188,25 @@ export default function useOnBlockDrop(targetRootClientId, targetBlockIndex, opt
       const targetBlockClientId = targetBlockClientIds[targetBlockIndex];
       registry.batch(() => {
         // Remove the source blocks.
-        removeBlocks(sourceClientIds, false); // Replace the target block with the source blocks.
-
+        removeBlocks(sourceClientIds, false);
+        // Replace the target block with the source blocks.
         replaceBlocks(targetBlockClientId, sourceBlocks, undefined, 0);
       });
     } else {
       moveBlocksToPosition(sourceClientIds, sourceRootClientId, targetRootClientId, insertIndex);
     }
   }, [operation, getBlockOrder, getBlocksByClientId, insertBlocks, moveBlocksToPosition, removeBlocks, targetBlockIndex, targetRootClientId]);
-
   const _onDrop = onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocks, insertOrReplaceBlocks, clearSelectedBlock);
-
   const _onFilesDrop = onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertOrReplaceBlocks);
-
   const _onHTMLDrop = onHTMLDrop(targetRootClientId, targetBlockIndex, insertOrReplaceBlocks);
-
   return event => {
     const files = getFilesFromDataTransfer(event.dataTransfer);
     const html = event.dataTransfer.getData('text/html');
+
     /**
      * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.
      * The order of the checks is important to recognise the HTML drop.
      */
-
     if (html) {
       _onHTMLDrop(html);
     } else if (files.length) {