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

package/build-module/components/block-draggable/index.js

@@ -1,21 +1,14 @@
-/**
- * WordPress dependencies
- */
-import { store as blocksStore } from '@wordpress/blocks';
-import { Draggable } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect, useRef } from '@wordpress/element';
-import { throttle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BlockDraggableChip from './draggable-chip';
-import useScrollWhenDragging from './use-scroll-when-dragging';
-import { store as blockEditorStore } from '../../store';
-import { useBlockElement } from '../block-list/use-block-props/use-block-refs';
-import { isDropTargetValid } from '../use-block-drop-zone';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { store as blocksStore } from "@wordpress/blocks";
+import { Draggable } from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useEffect, useRef } from "@wordpress/element";
+import { throttle } from "@wordpress/compose";
+import BlockDraggableChip from "./draggable-chip";
+import useScrollWhenDragging from "./use-scroll-when-dragging";
+import { store as blockEditorStore } from "../../store";
+import { useBlockElement } from "../block-list/use-block-props/use-block-refs";
+import { isDropTargetValid } from "../use-block-drop-zone";
 const BlockDraggable = ({
   appendToOwnerDocument,
   children,
@@ -33,42 +26,36 @@ const BlockDraggable = ({
     icon,
     visibleInserter,
     getBlockType
-  } = useSelect(select => {
-    const {
-      canMoveBlocks,
-      getBlockRootClientId,
-      getBlockName,
-      getBlockAttributes,
-      isBlockInsertionPointVisible
-    } = select(blockEditorStore);
-    const {
-      getBlockType: _getBlockType,
-      getActiveBlockVariation
-    } = select(blocksStore);
-    const rootClientId = getBlockRootClientId(clientIds[0]);
-    const blockName = getBlockName(clientIds[0]);
-    const variation = getActiveBlockVariation(blockName, getBlockAttributes(clientIds[0]));
-    return {
-      srcRootClientId: rootClientId,
-      isDraggable: canMoveBlocks(clientIds),
-      icon: variation?.icon || _getBlockType(blockName)?.icon,
-      visibleInserter: isBlockInsertionPointVisible(),
-      getBlockType: _getBlockType
-    };
-  }, [clientIds]);
+  } = useSelect(
+    (select) => {
+      const {
+        canMoveBlocks,
+        getBlockRootClientId: getBlockRootClientId2,
+        getBlockName,
+        getBlockAttributes,
+        isBlockInsertionPointVisible
+      } = select(blockEditorStore);
+      const { getBlockType: _getBlockType, getActiveBlockVariation } = select(blocksStore);
+      const rootClientId = getBlockRootClientId2(clientIds[0]);
+      const blockName = getBlockName(clientIds[0]);
+      const variation = getActiveBlockVariation(
+        blockName,
+        getBlockAttributes(clientIds[0])
+      );
+      return {
+        srcRootClientId: rootClientId,
+        isDraggable: canMoveBlocks(clientIds),
+        icon: variation?.icon || _getBlockType(blockName)?.icon,
+        visibleInserter: isBlockInsertionPointVisible(),
+        getBlockType: _getBlockType
+      };
+    },
+    [clientIds]
+  );
   const isDraggingRef = useRef(false);
   const [startScrolling, scrollOnDragOver, stopScrolling] = useScrollWhenDragging();
-  const {
-    getAllowedBlocks,
-    getBlockNamesByClientId,
-    getBlockRootClientId
-  } = useSelect(blockEditorStore);
-  const {
-    startDraggingBlocks,
-    stopDraggingBlocks
-  } = useDispatch(blockEditorStore);
-
-  // Stop dragging blocks if the block draggable is unmounted.
+  const { getAllowedBlocks, getBlockNamesByClientId, getBlockRootClientId } = useSelect(blockEditorStore);
+  const { startDraggingBlocks, stopDraggingBlocks } = useDispatch(blockEditorStore);
   useEffect(() => {
     return () => {
       if (isDraggingRef.current) {
@@ -76,117 +63,127 @@ const BlockDraggable = ({
       }
     };
   }, []);
-
-  // Find the root of the editor iframe.
   const blockEl = useBlockElement(clientIds[0]);
-  const editorRoot = blockEl?.closest('body');
-
-  /*
-   * Add a dragover event listener to the editor root to track the blocks being dragged over.
-   * The listener has to be inside the editor iframe otherwise the target isn't accessible.
-   */
+  const editorRoot = blockEl?.closest("body");
   useEffect(() => {
     if (!editorRoot || !fadeWhenDisabled) {
       return;
     }
-    const onDragOver = event => {
-      if (!event.target.closest('[data-block]')) {
+    const onDragOver = (event) => {
+      if (!event.target.closest("[data-block]")) {
         return;
       }
       const draggedBlockNames = getBlockNamesByClientId(clientIds);
-      const targetClientId = event.target.closest('[data-block]').getAttribute('data-block');
+      const targetClientId = event.target.closest("[data-block]").getAttribute("data-block");
       const allowedBlocks = getAllowedBlocks(targetClientId);
-      const targetBlockName = getBlockNamesByClientId([targetClientId])[0];
-
-      /*
-       * Check if the target is valid to drop in.
-       * If the target's allowedBlocks is an empty array,
-       * it isn't a container block, in which case we check
-       * its parent's validity instead.
-       */
+      const targetBlockName = getBlockNamesByClientId([
+        targetClientId
+      ])[0];
       let dropTargetValid;
       if (allowedBlocks?.length === 0) {
         const targetRootClientId = getBlockRootClientId(targetClientId);
-        const targetRootBlockName = getBlockNamesByClientId([targetRootClientId])[0];
+        const targetRootBlockName = getBlockNamesByClientId([
+          targetRootClientId
+        ])[0];
         const rootAllowedBlocks = getAllowedBlocks(targetRootClientId);
-        dropTargetValid = isDropTargetValid(getBlockType, rootAllowedBlocks, draggedBlockNames, targetRootBlockName);
+        dropTargetValid = isDropTargetValid(
+          getBlockType,
+          rootAllowedBlocks,
+          draggedBlockNames,
+          targetRootBlockName
+        );
       } else {
-        dropTargetValid = isDropTargetValid(getBlockType, allowedBlocks, draggedBlockNames, targetBlockName);
+        dropTargetValid = isDropTargetValid(
+          getBlockType,
+          allowedBlocks,
+          draggedBlockNames,
+          targetBlockName
+        );
       }
-
-      /*
-       * Update the body class to reflect if drop target is valid.
-       * This has to be done on the document body because the draggable
-       * chip is rendered outside of the editor iframe.
-       */
       if (!dropTargetValid && !visibleInserter) {
-        window?.document?.body?.classList?.add('block-draggable-invalid-drag-token');
+        window?.document?.body?.classList?.add(
+          "block-draggable-invalid-drag-token"
+        );
       } else {
-        window?.document?.body?.classList?.remove('block-draggable-invalid-drag-token');
+        window?.document?.body?.classList?.remove(
+          "block-draggable-invalid-drag-token"
+        );
       }
     };
     const throttledOnDragOver = throttle(onDragOver, 200);
-    editorRoot.addEventListener('dragover', throttledOnDragOver);
+    editorRoot.addEventListener("dragover", throttledOnDragOver);
     return () => {
-      editorRoot.removeEventListener('dragover', throttledOnDragOver);
+      editorRoot.removeEventListener("dragover", throttledOnDragOver);
     };
-  }, [clientIds, editorRoot, fadeWhenDisabled, getAllowedBlocks, getBlockNamesByClientId, getBlockRootClientId, getBlockType, visibleInserter]);
+  }, [
+    clientIds,
+    editorRoot,
+    fadeWhenDisabled,
+    getAllowedBlocks,
+    getBlockNamesByClientId,
+    getBlockRootClientId,
+    getBlockType,
+    visibleInserter
+  ]);
   if (!isDraggable) {
-    return children({
-      draggable: false
-    });
+    return children({ draggable: false });
   }
   const transferData = {
-    type: 'block',
+    type: "block",
     srcClientIds: clientIds,
     srcRootClientId
   };
-  return /*#__PURE__*/_jsx(Draggable, {
-    appendToOwnerDocument: appendToOwnerDocument,
-    cloneClassname: cloneClassname,
-    __experimentalTransferDataType: "wp-blocks",
-    transferData: transferData,
-    onDragStart: event => {
-      // Defer hiding the dragged source element to the next
-      // frame to enable dragging.
-      window.requestAnimationFrame(() => {
-        startDraggingBlocks(clientIds);
-        isDraggingRef.current = true;
-        startScrolling(event);
-        if (onDragStart) {
-          onDragStart();
+  return /* @__PURE__ */ jsx(
+    Draggable,
+    {
+      appendToOwnerDocument,
+      cloneClassname,
+      __experimentalTransferDataType: "wp-blocks",
+      transferData,
+      onDragStart: (event) => {
+        window.requestAnimationFrame(() => {
+          startDraggingBlocks(clientIds);
+          isDraggingRef.current = true;
+          startScrolling(event);
+          if (onDragStart) {
+            onDragStart();
+          }
+        });
+      },
+      onDragOver: scrollOnDragOver,
+      onDragEnd: () => {
+        stopDraggingBlocks();
+        isDraggingRef.current = false;
+        stopScrolling();
+        if (onDragEnd) {
+          onDragEnd();
         }
-      });
-    },
-    onDragOver: scrollOnDragOver,
-    onDragEnd: () => {
-      stopDraggingBlocks();
-      isDraggingRef.current = false;
-      stopScrolling();
-      if (onDragEnd) {
-        onDragEnd();
+      },
+      __experimentalDragComponent: (
+        // Check against `undefined` so that `null` can be used to disable
+        // the default drag component.
+        dragComponent !== void 0 ? dragComponent : /* @__PURE__ */ jsx(
+          BlockDraggableChip,
+          {
+            count: clientIds.length,
+            icon,
+            fadeWhenDisabled: true
+          }
+        )
+      ),
+      elementId,
+      children: ({ onDraggableStart, onDraggableEnd }) => {
+        return children({
+          draggable: true,
+          onDragStart: onDraggableStart,
+          onDragEnd: onDraggableEnd
+        });
       }
-    },
-    __experimentalDragComponent:
-    // Check against `undefined` so that `null` can be used to disable
-    // the default drag component.
-    dragComponent !== undefined ? dragComponent : /*#__PURE__*/_jsx(BlockDraggableChip, {
-      count: clientIds.length,
-      icon: icon,
-      fadeWhenDisabled: true
-    }),
-    elementId: elementId,
-    children: ({
-      onDraggableStart,
-      onDraggableEnd
-    }) => {
-      return children({
-        draggable: true,
-        onDragStart: onDraggableStart,
-        onDragEnd: onDraggableEnd
-      });
     }
-  });
+  );
+};
+var block_draggable_default = BlockDraggable;
+export {
+  block_draggable_default as default
 };
-export default BlockDraggable;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build-module/components/block-draggable/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["store","blocksStore","Draggable","useSelect","useDispatch","useEffect","useRef","throttle","BlockDraggableChip","useScrollWhenDragging","blockEditorStore","useBlockElement","isDropTargetValid","jsx","_jsx","BlockDraggable","appendToOwnerDocument","children","clientIds","cloneClassname","elementId","onDragStart","onDragEnd","fadeWhenDisabled","dragComponent","srcRootClientId","isDraggable","icon","visibleInserter","getBlockType","select","canMoveBlocks","getBlockRootClientId","getBlockName","getBlockAttributes","isBlockInsertionPointVisible","_getBlockType","getActiveBlockVariation","rootClientId","blockName","variation","isDraggingRef","startScrolling","scrollOnDragOver","stopScrolling","getAllowedBlocks","getBlockNamesByClientId","startDraggingBlocks","stopDraggingBlocks","current","blockEl","editorRoot","closest","onDragOver","event","target","draggedBlockNames","targetClientId","getAttribute","allowedBlocks","targetBlockName","dropTargetValid","length","targetRootClientId","targetRootBlockName","rootAllowedBlocks","window","document","body","classList","add","remove","throttledOnDragOver","addEventListener","removeEventListener","draggable","transferData","type","srcClientIds","__experimentalTransferDataType","requestAnimationFrame","__experimentalDragComponent","undefined","count","onDraggableStart","onDraggableEnd"],"sources":["@wordpress/block-editor/src/components/block-draggable/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Draggable } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { throttle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from './draggable-chip';\nimport useScrollWhenDragging from './use-scroll-when-dragging';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport { isDropTargetValid } from '../use-block-drop-zone';\n\nconst BlockDraggable = ( {\n\tappendToOwnerDocument,\n\tchildren,\n\tclientIds,\n\tcloneClassname,\n\telementId,\n\tonDragStart,\n\tonDragEnd,\n\tfadeWhenDisabled = false,\n\tdragComponent,\n} ) => {\n\tconst {\n\t\tsrcRootClientId,\n\t\tisDraggable,\n\t\ticon,\n\t\tvisibleInserter,\n\t\tgetBlockType,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType: _getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst blockName = getBlockName( clientIds[ 0 ] );\n\t\t\tconst variation = getActiveBlockVariation(\n\t\t\t\tblockName,\n\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tsrcRootClientId: rootClientId,\n\t\t\t\tisDraggable: canMoveBlocks( clientIds ),\n\t\t\t\ticon: variation?.icon || _getBlockType( blockName )?.icon,\n\t\t\t\tvisibleInserter: isBlockInsertionPointVisible(),\n\t\t\t\tgetBlockType: _getBlockType,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst isDraggingRef = useRef( false );\n\tconst [ startScrolling, scrollOnDragOver, stopScrolling ] =\n\t\tuseScrollWhenDragging();\n\n\tconst { getAllowedBlocks, getBlockNamesByClientId, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst { startDraggingBlocks, stopDraggingBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Stop dragging blocks if the block draggable is unmounted.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( isDraggingRef.current ) {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\t// Find the root of the editor iframe.\n\tconst blockEl = useBlockElement( clientIds[ 0 ] );\n\tconst editorRoot = blockEl?.closest( 'body' );\n\n\t/*\n\t * Add a dragover event listener to the editor root to track the blocks being dragged over.\n\t * The listener has to be inside the editor iframe otherwise the target isn't accessible.\n\t */\n\tuseEffect( () => {\n\t\tif ( ! editorRoot || ! fadeWhenDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst onDragOver = ( event ) => {\n\t\t\tif ( ! event.target.closest( '[data-block]' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst draggedBlockNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst targetClientId = event.target\n\t\t\t\t.closest( '[data-block]' )\n\t\t\t\t.getAttribute( 'data-block' );\n\n\t\t\tconst allowedBlocks = getAllowedBlocks( targetClientId );\n\t\t\tconst targetBlockName = getBlockNamesByClientId( [\n\t\t\t\ttargetClientId,\n\t\t\t] )[ 0 ];\n\n\t\t\t/*\n\t\t\t * Check if the target is valid to drop in.\n\t\t\t * If the target's allowedBlocks is an empty array,\n\t\t\t * it isn't a container block, in which case we check\n\t\t\t * its parent's validity instead.\n\t\t\t */\n\t\t\tlet dropTargetValid;\n\t\t\tif ( allowedBlocks?.length === 0 ) {\n\t\t\t\tconst targetRootClientId =\n\t\t\t\t\tgetBlockRootClientId( targetClientId );\n\t\t\t\tconst targetRootBlockName = getBlockNamesByClientId( [\n\t\t\t\t\ttargetRootClientId,\n\t\t\t\t] )[ 0 ];\n\t\t\t\tconst rootAllowedBlocks =\n\t\t\t\t\tgetAllowedBlocks( targetRootClientId );\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\trootAllowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetRootBlockName\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\tallowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetBlockName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/*\n\t\t\t * Update the body class to reflect if drop target is valid.\n\t\t\t * This has to be done on the document body because the draggable\n\t\t\t * chip is rendered outside of the editor iframe.\n\t\t\t */\n\t\t\tif ( ! dropTargetValid && ! visibleInserter ) {\n\t\t\t\twindow?.document?.body?.classList?.add(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\twindow?.document?.body?.classList?.remove(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst throttledOnDragOver = throttle( onDragOver, 200 );\n\n\t\teditorRoot.addEventListener( 'dragover', throttledOnDragOver );\n\n\t\treturn () => {\n\t\t\teditorRoot.removeEventListener( 'dragover', throttledOnDragOver );\n\t\t};\n\t}, [\n\t\tclientIds,\n\t\teditorRoot,\n\t\tfadeWhenDisabled,\n\t\tgetAllowedBlocks,\n\t\tgetBlockNamesByClientId,\n\t\tgetBlockRootClientId,\n\t\tgetBlockType,\n\t\tvisibleInserter,\n\t] );\n\n\tif ( ! isDraggable ) {\n\t\treturn children( { draggable: false } );\n\t}\n\n\tconst transferData = {\n\t\ttype: 'block',\n\t\tsrcClientIds: clientIds,\n\t\tsrcRootClientId,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\tappendToOwnerDocument={ appendToOwnerDocument }\n\t\t\tcloneClassname={ cloneClassname }\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t// Defer hiding the dragged source element to the next\n\t\t\t\t// frame to enable dragging.\n\t\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\t\tstartDraggingBlocks( clientIds );\n\t\t\t\t\tisDraggingRef.current = true;\n\n\t\t\t\t\tstartScrolling( event );\n\n\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\tonDragStart();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonDragOver={ scrollOnDragOver }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t\tisDraggingRef.current = false;\n\n\t\t\t\tstopScrolling();\n\n\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\tonDragEnd();\n\t\t\t\t}\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t// Check against `undefined` so that `null` can be used to disable\n\t\t\t\t// the default drag component.\n\t\t\t\tdragComponent !== undefined ? (\n\t\t\t\t\tdragComponent\n\t\t\t\t) : (\n\t\t\t\t\t<BlockDraggableChip\n\t\t\t\t\t\tcount={ clientIds.length }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tfadeWhenDisabled\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\telementId={ elementId }\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default BlockDraggable;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-draggable/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Draggable } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { throttle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from './draggable-chip';\nimport useScrollWhenDragging from './use-scroll-when-dragging';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport { isDropTargetValid } from '../use-block-drop-zone';\n\nconst BlockDraggable = ( {\n\tappendToOwnerDocument,\n\tchildren,\n\tclientIds,\n\tcloneClassname,\n\telementId,\n\tonDragStart,\n\tonDragEnd,\n\tfadeWhenDisabled = false,\n\tdragComponent,\n} ) => {\n\tconst {\n\t\tsrcRootClientId,\n\t\tisDraggable,\n\t\ticon,\n\t\tvisibleInserter,\n\t\tgetBlockType,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType: _getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst blockName = getBlockName( clientIds[ 0 ] );\n\t\t\tconst variation = getActiveBlockVariation(\n\t\t\t\tblockName,\n\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tsrcRootClientId: rootClientId,\n\t\t\t\tisDraggable: canMoveBlocks( clientIds ),\n\t\t\t\ticon: variation?.icon || _getBlockType( blockName )?.icon,\n\t\t\t\tvisibleInserter: isBlockInsertionPointVisible(),\n\t\t\t\tgetBlockType: _getBlockType,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst isDraggingRef = useRef( false );\n\tconst [ startScrolling, scrollOnDragOver, stopScrolling ] =\n\t\tuseScrollWhenDragging();\n\n\tconst { getAllowedBlocks, getBlockNamesByClientId, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst { startDraggingBlocks, stopDraggingBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Stop dragging blocks if the block draggable is unmounted.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( isDraggingRef.current ) {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\t// Find the root of the editor iframe.\n\tconst blockEl = useBlockElement( clientIds[ 0 ] );\n\tconst editorRoot = blockEl?.closest( 'body' );\n\n\t/*\n\t * Add a dragover event listener to the editor root to track the blocks being dragged over.\n\t * The listener has to be inside the editor iframe otherwise the target isn't accessible.\n\t */\n\tuseEffect( () => {\n\t\tif ( ! editorRoot || ! fadeWhenDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst onDragOver = ( event ) => {\n\t\t\tif ( ! event.target.closest( '[data-block]' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst draggedBlockNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst targetClientId = event.target\n\t\t\t\t.closest( '[data-block]' )\n\t\t\t\t.getAttribute( 'data-block' );\n\n\t\t\tconst allowedBlocks = getAllowedBlocks( targetClientId );\n\t\t\tconst targetBlockName = getBlockNamesByClientId( [\n\t\t\t\ttargetClientId,\n\t\t\t] )[ 0 ];\n\n\t\t\t/*\n\t\t\t * Check if the target is valid to drop in.\n\t\t\t * If the target's allowedBlocks is an empty array,\n\t\t\t * it isn't a container block, in which case we check\n\t\t\t * its parent's validity instead.\n\t\t\t */\n\t\t\tlet dropTargetValid;\n\t\t\tif ( allowedBlocks?.length === 0 ) {\n\t\t\t\tconst targetRootClientId =\n\t\t\t\t\tgetBlockRootClientId( targetClientId );\n\t\t\t\tconst targetRootBlockName = getBlockNamesByClientId( [\n\t\t\t\t\ttargetRootClientId,\n\t\t\t\t] )[ 0 ];\n\t\t\t\tconst rootAllowedBlocks =\n\t\t\t\t\tgetAllowedBlocks( targetRootClientId );\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\trootAllowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetRootBlockName\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tdropTargetValid = isDropTargetValid(\n\t\t\t\t\tgetBlockType,\n\t\t\t\t\tallowedBlocks,\n\t\t\t\t\tdraggedBlockNames,\n\t\t\t\t\ttargetBlockName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/*\n\t\t\t * Update the body class to reflect if drop target is valid.\n\t\t\t * This has to be done on the document body because the draggable\n\t\t\t * chip is rendered outside of the editor iframe.\n\t\t\t */\n\t\t\tif ( ! dropTargetValid && ! visibleInserter ) {\n\t\t\t\twindow?.document?.body?.classList?.add(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\twindow?.document?.body?.classList?.remove(\n\t\t\t\t\t'block-draggable-invalid-drag-token'\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst throttledOnDragOver = throttle( onDragOver, 200 );\n\n\t\teditorRoot.addEventListener( 'dragover', throttledOnDragOver );\n\n\t\treturn () => {\n\t\t\teditorRoot.removeEventListener( 'dragover', throttledOnDragOver );\n\t\t};\n\t}, [\n\t\tclientIds,\n\t\teditorRoot,\n\t\tfadeWhenDisabled,\n\t\tgetAllowedBlocks,\n\t\tgetBlockNamesByClientId,\n\t\tgetBlockRootClientId,\n\t\tgetBlockType,\n\t\tvisibleInserter,\n\t] );\n\n\tif ( ! isDraggable ) {\n\t\treturn children( { draggable: false } );\n\t}\n\n\tconst transferData = {\n\t\ttype: 'block',\n\t\tsrcClientIds: clientIds,\n\t\tsrcRootClientId,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\tappendToOwnerDocument={ appendToOwnerDocument }\n\t\t\tcloneClassname={ cloneClassname }\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t// Defer hiding the dragged source element to the next\n\t\t\t\t// frame to enable dragging.\n\t\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\t\tstartDraggingBlocks( clientIds );\n\t\t\t\t\tisDraggingRef.current = true;\n\n\t\t\t\t\tstartScrolling( event );\n\n\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\tonDragStart();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonDragOver={ scrollOnDragOver }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t\tisDraggingRef.current = false;\n\n\t\t\t\tstopScrolling();\n\n\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\tonDragEnd();\n\t\t\t\t}\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t// Check against `undefined` so that `null` can be used to disable\n\t\t\t\t// the default drag component.\n\t\t\t\tdragComponent !== undefined ? (\n\t\t\t\t\tdragComponent\n\t\t\t\t) : (\n\t\t\t\t\t<BlockDraggableChip\n\t\t\t\t\t\tcount={ clientIds.length }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tfadeWhenDisabled\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\telementId={ elementId }\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default BlockDraggable;\n"],
+  "mappings": "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",
+  "names": ["getBlockRootClientId"]
+}

package/build-module/components/block-draggable/use-scroll-when-dragging.js

@@ -1,51 +1,36 @@
-/**
- * WordPress dependencies
- */
-import { getScrollContainer } from '@wordpress/dom';
-import { useCallback, useEffect, useRef } from '@wordpress/element';
+import { getScrollContainer } from "@wordpress/dom";
+import { useCallback, useEffect, useRef } from "@wordpress/element";
 const SCROLL_INACTIVE_DISTANCE_PX = 50;
 const SCROLL_INTERVAL_MS = 25;
-const PIXELS_PER_SECOND_PER_PERCENTAGE = 1000;
-const VELOCITY_MULTIPLIER = PIXELS_PER_SECOND_PER_PERCENTAGE * (SCROLL_INTERVAL_MS / 1000);
-
-/**
- * React hook that scrolls the scroll container when a block is being dragged.
- *
- * @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling`
- *                      functions to be called in `onDragStart`, `onDragOver`
- *                      and `onDragEnd` events respectively.
- */
-export default function useScrollWhenDragging() {
+const PIXELS_PER_SECOND_PER_PERCENTAGE = 1e3;
+const VELOCITY_MULTIPLIER = PIXELS_PER_SECOND_PER_PERCENTAGE * (SCROLL_INTERVAL_MS / 1e3);
+function useScrollWhenDragging() {
   const dragStartYRef = useRef(null);
   const velocityYRef = useRef(null);
   const scrollParentYRef = useRef(null);
   const scrollEditorIntervalRef = useRef(null);
-
-  // Clear interval when unmounting.
-  useEffect(() => () => {
-    if (scrollEditorIntervalRef.current) {
-      clearInterval(scrollEditorIntervalRef.current);
-      scrollEditorIntervalRef.current = null;
-    }
-  }, []);
-  const startScrolling = useCallback(event => {
+  useEffect(
+    () => () => {
+      if (scrollEditorIntervalRef.current) {
+        clearInterval(scrollEditorIntervalRef.current);
+        scrollEditorIntervalRef.current = null;
+      }
+    },
+    []
+  );
+  const startScrolling = useCallback((event) => {
     dragStartYRef.current = event.clientY;
-
-    // Find nearest parent(s) to scroll.
     scrollParentYRef.current = getScrollContainer(event.target);
     scrollEditorIntervalRef.current = setInterval(() => {
       if (scrollParentYRef.current && velocityYRef.current) {
         const newTop = scrollParentYRef.current.scrollTop + velocityYRef.current;
-
-        // Setting `behavior: 'smooth'` as a scroll property seems to hurt performance.
-        // Better to use a small scroll interval.
         scrollParentYRef.current.scroll({
           top: newTop
         });
       }
     }, SCROLL_INTERVAL_MS);
   }, []);
-  const scrollOnDragOver = useCallback(event => {
+  const scrollOnDragOver = useCallback((event) => {
     if (!scrollParentYRef.current) {
       return;
     }
@@ -53,15 +38,25 @@ export default function useScrollWhenDragging() {
     const offsetDragStartPosition = dragStartYRef.current - scrollParentYRef.current.offsetTop;
     const offsetDragPosition = event.clientY - scrollParentYRef.current.offsetTop;
     if (event.clientY > offsetDragStartPosition) {
-      // User is dragging downwards.
-      const moveableDistance = Math.max(scrollParentHeight - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
-      const dragDistance = Math.max(offsetDragPosition - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
+      const moveableDistance = Math.max(
+        scrollParentHeight - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX,
+        0
+      );
+      const dragDistance = Math.max(
+        offsetDragPosition - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX,
+        0
+      );
       const distancePercentage = moveableDistance === 0 || dragDistance === 0 ? 0 : dragDistance / moveableDistance;
       velocityYRef.current = VELOCITY_MULTIPLIER * distancePercentage;
     } else if (event.clientY < offsetDragStartPosition) {
-      // User is dragging upwards.
-      const moveableDistance = Math.max(offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
-      const dragDistance = Math.max(offsetDragStartPosition - offsetDragPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
+      const moveableDistance = Math.max(
+        offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX,
+        0
+      );
+      const dragDistance = Math.max(
+        offsetDragStartPosition - offsetDragPosition - SCROLL_INACTIVE_DISTANCE_PX,
+        0
+      );
       const distancePercentage = moveableDistance === 0 || dragDistance === 0 ? 0 : dragDistance / moveableDistance;
       velocityYRef.current = -VELOCITY_MULTIPLIER * distancePercentage;
     } else {
@@ -78,4 +73,7 @@ export default function useScrollWhenDragging() {
   };
   return [startScrolling, scrollOnDragOver, stopScrolling];
 }
-//# sourceMappingURL=use-scroll-when-dragging.js.map
+export {
+  useScrollWhenDragging as default
+};
+//# sourceMappingURL=use-scroll-when-dragging.js.map

package/build-module/components/block-draggable/use-scroll-when-dragging.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getScrollContainer","useCallback","useEffect","useRef","SCROLL_INACTIVE_DISTANCE_PX","SCROLL_INTERVAL_MS","PIXELS_PER_SECOND_PER_PERCENTAGE","VELOCITY_MULTIPLIER","useScrollWhenDragging","dragStartYRef","velocityYRef","scrollParentYRef","scrollEditorIntervalRef","current","clearInterval","startScrolling","event","clientY","target","setInterval","newTop","scrollTop","scroll","top","scrollOnDragOver","scrollParentHeight","offsetHeight","offsetDragStartPosition","offsetTop","offsetDragPosition","moveableDistance","Math","max","dragDistance","distancePercentage","stopScrolling"],"sources":["@wordpress/block-editor/src/components/block-draggable/use-scroll-when-dragging.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getScrollContainer } from '@wordpress/dom';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\n\nconst SCROLL_INACTIVE_DISTANCE_PX = 50;\nconst SCROLL_INTERVAL_MS = 25;\nconst PIXELS_PER_SECOND_PER_PERCENTAGE = 1000;\nconst VELOCITY_MULTIPLIER =\n\tPIXELS_PER_SECOND_PER_PERCENTAGE * ( SCROLL_INTERVAL_MS / 1000 );\n\n/**\n * React hook that scrolls the scroll container when a block is being dragged.\n *\n * @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling`\n *                      functions to be called in `onDragStart`, `onDragOver`\n *                      and `onDragEnd` events respectively.\n */\nexport default function useScrollWhenDragging() {\n\tconst dragStartYRef = useRef( null );\n\tconst velocityYRef = useRef( null );\n\tconst scrollParentYRef = useRef( null );\n\tconst scrollEditorIntervalRef = useRef( null );\n\n\t// Clear interval when unmounting.\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif ( scrollEditorIntervalRef.current ) {\n\t\t\t\tclearInterval( scrollEditorIntervalRef.current );\n\t\t\t\tscrollEditorIntervalRef.current = null;\n\t\t\t}\n\t\t},\n\t\t[]\n\t);\n\n\tconst startScrolling = useCallback( ( event ) => {\n\t\tdragStartYRef.current = event.clientY;\n\n\t\t// Find nearest parent(s) to scroll.\n\t\tscrollParentYRef.current = getScrollContainer( event.target );\n\n\t\tscrollEditorIntervalRef.current = setInterval( () => {\n\t\t\tif ( scrollParentYRef.current && velocityYRef.current ) {\n\t\t\t\tconst newTop =\n\t\t\t\t\tscrollParentYRef.current.scrollTop + velocityYRef.current;\n\n\t\t\t\t// Setting `behavior: 'smooth'` as a scroll property seems to hurt performance.\n\t\t\t\t// Better to use a small scroll interval.\n\t\t\t\tscrollParentYRef.current.scroll( {\n\t\t\t\t\ttop: newTop,\n\t\t\t\t} );\n\t\t\t}\n\t\t}, SCROLL_INTERVAL_MS );\n\t}, [] );\n\n\tconst scrollOnDragOver = useCallback( ( event ) => {\n\t\tif ( ! scrollParentYRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst scrollParentHeight = scrollParentYRef.current.offsetHeight;\n\t\tconst offsetDragStartPosition =\n\t\t\tdragStartYRef.current - scrollParentYRef.current.offsetTop;\n\t\tconst offsetDragPosition =\n\t\t\tevent.clientY - scrollParentYRef.current.offsetTop;\n\n\t\tif ( event.clientY > offsetDragStartPosition ) {\n\t\t\t// User is dragging downwards.\n\t\t\tconst moveableDistance = Math.max(\n\t\t\t\tscrollParentHeight -\n\t\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst dragDistance = Math.max(\n\t\t\t\toffsetDragPosition -\n\t\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst distancePercentage =\n\t\t\t\tmoveableDistance === 0 || dragDistance === 0\n\t\t\t\t\t? 0\n\t\t\t\t\t: dragDistance / moveableDistance;\n\t\t\tvelocityYRef.current = VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else if ( event.clientY < offsetDragStartPosition ) {\n\t\t\t// User is dragging upwards.\n\t\t\tconst moveableDistance = Math.max(\n\t\t\t\toffsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst dragDistance = Math.max(\n\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\toffsetDragPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst distancePercentage =\n\t\t\t\tmoveableDistance === 0 || dragDistance === 0\n\t\t\t\t\t? 0\n\t\t\t\t\t: dragDistance / moveableDistance;\n\t\t\tvelocityYRef.current = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityYRef.current = 0;\n\t\t}\n\t}, [] );\n\n\tconst stopScrolling = () => {\n\t\tdragStartYRef.current = null;\n\t\tscrollParentYRef.current = null;\n\n\t\tif ( scrollEditorIntervalRef.current ) {\n\t\t\tclearInterval( scrollEditorIntervalRef.current );\n\t\t\tscrollEditorIntervalRef.current = null;\n\t\t}\n\t};\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling ];\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-draggable/use-scroll-when-dragging.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getScrollContainer } from '@wordpress/dom';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\n\nconst SCROLL_INACTIVE_DISTANCE_PX = 50;\nconst SCROLL_INTERVAL_MS = 25;\nconst PIXELS_PER_SECOND_PER_PERCENTAGE = 1000;\nconst VELOCITY_MULTIPLIER =\n\tPIXELS_PER_SECOND_PER_PERCENTAGE * ( SCROLL_INTERVAL_MS / 1000 );\n\n/**\n * React hook that scrolls the scroll container when a block is being dragged.\n *\n * @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling`\n *                      functions to be called in `onDragStart`, `onDragOver`\n *                      and `onDragEnd` events respectively.\n */\nexport default function useScrollWhenDragging() {\n\tconst dragStartYRef = useRef( null );\n\tconst velocityYRef = useRef( null );\n\tconst scrollParentYRef = useRef( null );\n\tconst scrollEditorIntervalRef = useRef( null );\n\n\t// Clear interval when unmounting.\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif ( scrollEditorIntervalRef.current ) {\n\t\t\t\tclearInterval( scrollEditorIntervalRef.current );\n\t\t\t\tscrollEditorIntervalRef.current = null;\n\t\t\t}\n\t\t},\n\t\t[]\n\t);\n\n\tconst startScrolling = useCallback( ( event ) => {\n\t\tdragStartYRef.current = event.clientY;\n\n\t\t// Find nearest parent(s) to scroll.\n\t\tscrollParentYRef.current = getScrollContainer( event.target );\n\n\t\tscrollEditorIntervalRef.current = setInterval( () => {\n\t\t\tif ( scrollParentYRef.current && velocityYRef.current ) {\n\t\t\t\tconst newTop =\n\t\t\t\t\tscrollParentYRef.current.scrollTop + velocityYRef.current;\n\n\t\t\t\t// Setting `behavior: 'smooth'` as a scroll property seems to hurt performance.\n\t\t\t\t// Better to use a small scroll interval.\n\t\t\t\tscrollParentYRef.current.scroll( {\n\t\t\t\t\ttop: newTop,\n\t\t\t\t} );\n\t\t\t}\n\t\t}, SCROLL_INTERVAL_MS );\n\t}, [] );\n\n\tconst scrollOnDragOver = useCallback( ( event ) => {\n\t\tif ( ! scrollParentYRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst scrollParentHeight = scrollParentYRef.current.offsetHeight;\n\t\tconst offsetDragStartPosition =\n\t\t\tdragStartYRef.current - scrollParentYRef.current.offsetTop;\n\t\tconst offsetDragPosition =\n\t\t\tevent.clientY - scrollParentYRef.current.offsetTop;\n\n\t\tif ( event.clientY > offsetDragStartPosition ) {\n\t\t\t// User is dragging downwards.\n\t\t\tconst moveableDistance = Math.max(\n\t\t\t\tscrollParentHeight -\n\t\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst dragDistance = Math.max(\n\t\t\t\toffsetDragPosition -\n\t\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst distancePercentage =\n\t\t\t\tmoveableDistance === 0 || dragDistance === 0\n\t\t\t\t\t? 0\n\t\t\t\t\t: dragDistance / moveableDistance;\n\t\t\tvelocityYRef.current = VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else if ( event.clientY < offsetDragStartPosition ) {\n\t\t\t// User is dragging upwards.\n\t\t\tconst moveableDistance = Math.max(\n\t\t\t\toffsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst dragDistance = Math.max(\n\t\t\t\toffsetDragStartPosition -\n\t\t\t\t\toffsetDragPosition -\n\t\t\t\t\tSCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t\t0\n\t\t\t);\n\t\t\tconst distancePercentage =\n\t\t\t\tmoveableDistance === 0 || dragDistance === 0\n\t\t\t\t\t? 0\n\t\t\t\t\t: dragDistance / moveableDistance;\n\t\t\tvelocityYRef.current = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityYRef.current = 0;\n\t\t}\n\t}, [] );\n\n\tconst stopScrolling = () => {\n\t\tdragStartYRef.current = null;\n\t\tscrollParentYRef.current = null;\n\n\t\tif ( scrollEditorIntervalRef.current ) {\n\t\t\tclearInterval( scrollEditorIntervalRef.current );\n\t\t\tscrollEditorIntervalRef.current = null;\n\t\t}\n\t};\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling ];\n}\n"],
+  "mappings": "AAGA,SAAS,0BAA0B;AACnC,SAAS,aAAa,WAAW,cAAc;AAE/C,MAAM,8BAA8B;AACpC,MAAM,qBAAqB;AAC3B,MAAM,mCAAmC;AACzC,MAAM,sBACL,oCAAqC,qBAAqB;AAS5C,SAAR,wBAAyC;AAC/C,QAAM,gBAAgB,OAAQ,IAAK;AACnC,QAAM,eAAe,OAAQ,IAAK;AAClC,QAAM,mBAAmB,OAAQ,IAAK;AACtC,QAAM,0BAA0B,OAAQ,IAAK;AAG7C;AAAA,IACC,MAAM,MAAM;AACX,UAAK,wBAAwB,SAAU;AACtC,sBAAe,wBAAwB,OAAQ;AAC/C,gCAAwB,UAAU;AAAA,MACnC;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,QAAM,iBAAiB,YAAa,CAAE,UAAW;AAChD,kBAAc,UAAU,MAAM;AAG9B,qBAAiB,UAAU,mBAAoB,MAAM,MAAO;AAE5D,4BAAwB,UAAU,YAAa,MAAM;AACpD,UAAK,iBAAiB,WAAW,aAAa,SAAU;AACvD,cAAM,SACL,iBAAiB,QAAQ,YAAY,aAAa;AAInD,yBAAiB,QAAQ,OAAQ;AAAA,UAChC,KAAK;AAAA,QACN,CAAE;AAAA,MACH;AAAA,IACD,GAAG,kBAAmB;AAAA,EACvB,GAAG,CAAC,CAAE;AAEN,QAAM,mBAAmB,YAAa,CAAE,UAAW;AAClD,QAAK,CAAE,iBAAiB,SAAU;AACjC;AAAA,IACD;AACA,UAAM,qBAAqB,iBAAiB,QAAQ;AACpD,UAAM,0BACL,cAAc,UAAU,iBAAiB,QAAQ;AAClD,UAAM,qBACL,MAAM,UAAU,iBAAiB,QAAQ;AAE1C,QAAK,MAAM,UAAU,yBAA0B;AAE9C,YAAM,mBAAmB,KAAK;AAAA,QAC7B,qBACC,0BACA;AAAA,QACD;AAAA,MACD;AACA,YAAM,eAAe,KAAK;AAAA,QACzB,qBACC,0BACA;AAAA,QACD;AAAA,MACD;AACA,YAAM,qBACL,qBAAqB,KAAK,iBAAiB,IACxC,IACA,eAAe;AACnB,mBAAa,UAAU,sBAAsB;AAAA,IAC9C,WAAY,MAAM,UAAU,yBAA0B;AAErD,YAAM,mBAAmB,KAAK;AAAA,QAC7B,0BAA0B;AAAA,QAC1B;AAAA,MACD;AACA,YAAM,eAAe,KAAK;AAAA,QACzB,0BACC,qBACA;AAAA,QACD;AAAA,MACD;AACA,YAAM,qBACL,qBAAqB,KAAK,iBAAiB,IACxC,IACA,eAAe;AACnB,mBAAa,UAAU,CAAC,sBAAsB;AAAA,IAC/C,OAAO;AACN,mBAAa,UAAU;AAAA,IACxB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,gBAAgB,MAAM;AAC3B,kBAAc,UAAU;AACxB,qBAAiB,UAAU;AAE3B,QAAK,wBAAwB,SAAU;AACtC,oBAAe,wBAAwB,OAAQ;AAC/C,8BAAwB,UAAU;AAAA,IACnC;AAAA,EACD;AAEA,SAAO,CAAE,gBAAgB,kBAAkB,aAAc;AAC1D;",
+  "names": []
+}

package/build-module/components/block-edit/context.js

@@ -1,29 +1,27 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-export const mayDisplayControlsKey = Symbol('mayDisplayControls');
-export const mayDisplayParentControlsKey = Symbol('mayDisplayParentControls');
-export const blockEditingModeKey = Symbol('blockEditingMode');
-export const blockBindingsKey = Symbol('blockBindings');
-export const isPreviewModeKey = Symbol('isPreviewMode');
-export const DEFAULT_BLOCK_EDIT_CONTEXT = {
-  name: '',
+import { createContext, useContext } from "@wordpress/element";
+const mayDisplayControlsKey = Symbol("mayDisplayControls");
+const mayDisplayParentControlsKey = Symbol("mayDisplayParentControls");
+const blockEditingModeKey = Symbol("blockEditingMode");
+const blockBindingsKey = Symbol("blockBindings");
+const isPreviewModeKey = Symbol("isPreviewMode");
+const DEFAULT_BLOCK_EDIT_CONTEXT = {
+  name: "",
   isSelected: false
 };
 const Context = createContext(DEFAULT_BLOCK_EDIT_CONTEXT);
-Context.displayName = 'BlockEditContext';
-const {
-  Provider
-} = Context;
-export { Provider as BlockEditContextProvider };
-
-/**
- * A hook that returns the block edit context.
- *
- * @return {Object} Block edit context
- */
-export function useBlockEditContext() {
+Context.displayName = "BlockEditContext";
+const { Provider } = Context;
+function useBlockEditContext() {
   return useContext(Context);
 }
-//# sourceMappingURL=context.js.map
+export {
+  Provider as BlockEditContextProvider,
+  DEFAULT_BLOCK_EDIT_CONTEXT,
+  blockBindingsKey,
+  blockEditingModeKey,
+  isPreviewModeKey,
+  mayDisplayControlsKey,
+  mayDisplayParentControlsKey,
+  useBlockEditContext
+};
+//# sourceMappingURL=context.js.map

package/build-module/components/block-edit/context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useContext","mayDisplayControlsKey","Symbol","mayDisplayParentControlsKey","blockEditingModeKey","blockBindingsKey","isPreviewModeKey","DEFAULT_BLOCK_EDIT_CONTEXT","name","isSelected","Context","displayName","Provider","BlockEditContextProvider","useBlockEditContext"],"sources":["@wordpress/block-editor/src/components/block-edit/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const mayDisplayControlsKey = Symbol( 'mayDisplayControls' );\nexport const mayDisplayParentControlsKey = Symbol( 'mayDisplayParentControls' );\nexport const blockEditingModeKey = Symbol( 'blockEditingMode' );\nexport const blockBindingsKey = Symbol( 'blockBindings' );\nexport const isPreviewModeKey = Symbol( 'isPreviewMode' );\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\nContext.displayName = 'BlockEditContext';\n\nconst { Provider } = Context;\n\nexport { Provider as BlockEditContextProvider };\n\n/**\n * A hook that returns the block edit context.\n *\n * @return {Object} Block edit context\n */\nexport function useBlockEditContext() {\n\treturn useContext( Context );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;AAE9D,OAAO,MAAMC,qBAAqB,GAAGC,MAAM,CAAE,oBAAqB,CAAC;AACnE,OAAO,MAAMC,2BAA2B,GAAGD,MAAM,CAAE,0BAA2B,CAAC;AAC/E,OAAO,MAAME,mBAAmB,GAAGF,MAAM,CAAE,kBAAmB,CAAC;AAC/D,OAAO,MAAMG,gBAAgB,GAAGH,MAAM,CAAE,eAAgB,CAAC;AACzD,OAAO,MAAMI,gBAAgB,GAAGJ,MAAM,CAAE,eAAgB,CAAC;AAEzD,OAAO,MAAMK,0BAA0B,GAAG;EACzCC,IAAI,EAAE,EAAE;EACRC,UAAU,EAAE;AACb,CAAC;AAED,MAAMC,OAAO,GAAGX,aAAa,CAAEQ,0BAA2B,CAAC;AAC3DG,OAAO,CAACC,WAAW,GAAG,kBAAkB;AAExC,MAAM;EAAEC;AAAS,CAAC,GAAGF,OAAO;AAE5B,SAASE,QAAQ,IAAIC,wBAAwB;;AAE7C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACrC,OAAOd,UAAU,CAAEU,OAAQ,CAAC;AAC7B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-edit/context.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const mayDisplayControlsKey = Symbol( 'mayDisplayControls' );\nexport const mayDisplayParentControlsKey = Symbol( 'mayDisplayParentControls' );\nexport const blockEditingModeKey = Symbol( 'blockEditingMode' );\nexport const blockBindingsKey = Symbol( 'blockBindings' );\nexport const isPreviewModeKey = Symbol( 'isPreviewMode' );\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\nContext.displayName = 'BlockEditContext';\n\nconst { Provider } = Context;\n\nexport { Provider as BlockEditContextProvider };\n\n/**\n * A hook that returns the block edit context.\n *\n * @return {Object} Block edit context\n */\nexport function useBlockEditContext() {\n\treturn useContext( Context );\n}\n"],
+  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,wBAAwB,OAAQ,oBAAqB;AAC3D,MAAM,8BAA8B,OAAQ,0BAA2B;AACvE,MAAM,sBAAsB,OAAQ,kBAAmB;AACvD,MAAM,mBAAmB,OAAQ,eAAgB;AACjD,MAAM,mBAAmB,OAAQ,eAAgB;AAEjD,MAAM,6BAA6B;AAAA,EACzC,MAAM;AAAA,EACN,YAAY;AACb;AAEA,MAAM,UAAU,cAAe,0BAA2B;AAC1D,QAAQ,cAAc;AAEtB,MAAM,EAAE,SAAS,IAAI;AASd,SAAS,sBAAsB;AACrC,SAAO,WAAY,OAAQ;AAC5B;",
+  "names": []
+}