@wordpress/block-editor 12.6.0 → 12.8.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/use-scroll-when-dragging.js"],"names":["SCROLL_INACTIVE_DISTANCE_PX","SCROLL_INTERVAL_MS","PIXELS_PER_SECOND_PER_PERCENTAGE","VELOCITY_MULTIPLIER","useScrollWhenDragging","dragStartY","velocityY","scrollParentY","scrollEditorInterval","current","clearInterval","startScrolling","event","clientY","target","setInterval","newTop","scrollTop","scroll","top","scrollOnDragOver","scrollParentHeight","offsetHeight","offsetDragStartPosition","offsetTop","offsetDragPosition","moveableDistance","Math","max","dragDistance","distancePercentage","stopScrolling"],"mappings":"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","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 dragStartY = useRef( null );\n\tconst velocityY = useRef( null );\n\tconst scrollParentY = useRef( null );\n\tconst scrollEditorInterval = useRef( null );\n\n\t// Clear interval when unmounting.\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif ( scrollEditorInterval.current ) {\n\t\t\t\tclearInterval( scrollEditorInterval.current );\n\t\t\t\tscrollEditorInterval.current = null;\n\t\t\t}\n\t\t},\n\t\t[]\n\t);\n\n\tconst startScrolling = useCallback( ( event ) => {\n\t\tdragStartY.current = event.clientY;\n\n\t\t// Find nearest parent(s) to scroll.\n\t\tscrollParentY.current = getScrollContainer( event.target );\n\n\t\tscrollEditorInterval.current = setInterval( () => {\n\t\t\tif ( scrollParentY.current && velocityY.current ) {\n\t\t\t\tconst newTop =\n\t\t\t\t\tscrollParentY.current.scrollTop + velocityY.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\tscrollParentY.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 ( ! scrollParentY.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst scrollParentHeight = scrollParentY.current.offsetHeight;\n\t\tconst offsetDragStartPosition =\n\t\t\tdragStartY.current - scrollParentY.current.offsetTop;\n\t\tconst offsetDragPosition =\n\t\t\tevent.clientY - scrollParentY.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\tvelocityY.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\tvelocityY.current = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityY.current = 0;\n\t\t}\n\t}, [] );\n\n\tconst stopScrolling = () => {\n\t\tdragStartY.current = null;\n\t\tscrollParentY.current = null;\n\n\t\tif ( scrollEditorInterval.current ) {\n\t\t\tclearInterval( scrollEditorInterval.current );\n\t\t\tscrollEditorInterval.current = null;\n\t\t}\n\t};\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling ];\n}\n"]}
+{"version":3,"names":["_dom","require","_element","SCROLL_INACTIVE_DISTANCE_PX","SCROLL_INTERVAL_MS","PIXELS_PER_SECOND_PER_PERCENTAGE","VELOCITY_MULTIPLIER","useScrollWhenDragging","dragStartY","useRef","velocityY","scrollParentY","scrollEditorInterval","useEffect","current","clearInterval","startScrolling","useCallback","event","clientY","getScrollContainer","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 dragStartY = useRef( null );\n\tconst velocityY = useRef( null );\n\tconst scrollParentY = useRef( null );\n\tconst scrollEditorInterval = useRef( null );\n\n\t// Clear interval when unmounting.\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif ( scrollEditorInterval.current ) {\n\t\t\t\tclearInterval( scrollEditorInterval.current );\n\t\t\t\tscrollEditorInterval.current = null;\n\t\t\t}\n\t\t},\n\t\t[]\n\t);\n\n\tconst startScrolling = useCallback( ( event ) => {\n\t\tdragStartY.current = event.clientY;\n\n\t\t// Find nearest parent(s) to scroll.\n\t\tscrollParentY.current = getScrollContainer( event.target );\n\n\t\tscrollEditorInterval.current = setInterval( () => {\n\t\t\tif ( scrollParentY.current && velocityY.current ) {\n\t\t\t\tconst newTop =\n\t\t\t\t\tscrollParentY.current.scrollTop + velocityY.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\tscrollParentY.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 ( ! scrollParentY.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst scrollParentHeight = scrollParentY.current.offsetHeight;\n\t\tconst offsetDragStartPosition =\n\t\t\tdragStartY.current - scrollParentY.current.offsetTop;\n\t\tconst offsetDragPosition =\n\t\t\tevent.clientY - scrollParentY.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\tvelocityY.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\tvelocityY.current = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityY.current = 0;\n\t\t}\n\t}, [] );\n\n\tconst stopScrolling = () => {\n\t\tdragStartY.current = null;\n\t\tscrollParentY.current = null;\n\n\t\tif ( scrollEditorInterval.current ) {\n\t\t\tclearInterval( scrollEditorInterval.current );\n\t\t\tscrollEditorInterval.current = null;\n\t\t}\n\t};\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling ];\n}\n"],"mappings":"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"}

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useScrollWhenDragging;
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = require("react-native-reanimated");
-
 var _blockListContext = require("../block-list/block-list-context");
-
 /**
  * External dependencies
  */
@@ -18,9 +14,11 @@ var _blockListContext = require("../block-list/block-list-context");
 /**
  * Internal dependencies
  */
+
 const SCROLL_INACTIVE_DISTANCE_PX = 50;
 const SCROLL_INTERVAL_MS = 1000;
 const VELOCITY_MULTIPLIER = 5000;
+
 /**
  * React hook that scrolls the scroll container when a block is being dragged.
  *
@@ -30,7 +28,6 @@ const VELOCITY_MULTIPLIER = 5000;
  * 						`scrollHandler` function is returned which should be
  * 						called in the `onScroll` event of the block list.
  */
-
 function useScrollWhenDragging() {
   const {
     scrollRef
@@ -50,7 +47,6 @@ function useScrollWhenDragging() {
     offsetY: (0, _reactNativeReanimated.useSharedValue)(0),
     maxOffsetY: (0, _reactNativeReanimated.useSharedValue)(0)
   };
-
   const scrollHandler = event => {
     'worklet';
 
@@ -62,7 +58,6 @@ function useScrollWhenDragging() {
     scroll.offsetY.value = contentOffset.y;
     scroll.maxOffsetY.value = contentSize.height - layoutMeasurement.height;
   };
-
   const stopScrolling = () => {
     'worklet';
 
@@ -71,7 +66,6 @@ function useScrollWhenDragging() {
     isScrollActive.value = false;
     velocityY.value = 0;
   };
-
   const startScrolling = y => {
     'worklet';
 
@@ -85,13 +79,11 @@ function useScrollWhenDragging() {
     }), -1, true);
     isAnimationTimerActive.value = true;
   };
-
   const scrollOnDragOver = y => {
     'worklet';
 
     const dragDistance = Math.max(Math.abs(y - dragStartY.value) - SCROLL_INACTIVE_DISTANCE_PX, 0);
     const distancePercentage = dragDistance / windowHeight;
-
     if (!isScrollActive.value) {
       isScrollActive.value = dragDistance > 0;
     } else if (y > dragStartY.value) {
@@ -104,15 +96,12 @@ function useScrollWhenDragging() {
       velocityY.value = 0;
     }
   };
-
   (0, _reactNativeReanimated.useAnimatedReaction)(() => animationTimer.value, (value, previous) => {
     if (velocityY.value === 0) {
       return;
     }
-
     const delta = Math.abs(value - previous);
     let newOffset = offsetY.value + delta * velocityY.value;
-
     if (scroll.maxOffsetY.value !== 0) {
       newOffset = Math.max(0, Math.min(scroll.maxOffsetY.value, newOffset));
     } else {
@@ -121,7 +110,6 @@ function useScrollWhenDragging() {
       // new offset value.
       newOffset = Math.max(0, newOffset);
     }
-
     offsetY.value = newOffset;
     (0, _reactNativeReanimated.scrollTo)(animatedScrollRef, 0, offsetY.value, false);
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/use-scroll-when-dragging.native.js"],"names":["SCROLL_INACTIVE_DISTANCE_PX","SCROLL_INTERVAL_MS","VELOCITY_MULTIPLIER","useScrollWhenDragging","scrollRef","animatedScrollRef","height","windowHeight","velocityY","offsetY","dragStartY","animationTimer","isAnimationTimerActive","isScrollActive","scroll","maxOffsetY","scrollHandler","event","contentSize","contentOffset","layoutMeasurement","value","y","stopScrolling","startScrolling","duration","easing","Easing","linear","scrollOnDragOver","dragDistance","Math","max","abs","distancePercentage","previous","delta","newOffset","min"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { useWindowDimensions } from 'react-native';\nimport {\n\tuseSharedValue,\n\tuseAnimatedRef,\n\tscrollTo,\n\tuseAnimatedReaction,\n\twithTiming,\n\twithRepeat,\n\tcancelAnimation,\n\tEasing,\n} from 'react-native-reanimated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockListContext } from '../block-list/block-list-context';\n\nconst SCROLL_INACTIVE_DISTANCE_PX = 50;\nconst SCROLL_INTERVAL_MS = 1000;\nconst VELOCITY_MULTIPLIER = 5000;\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. Additionally,\n * \t\t\t\t\t\t`scrollHandler` function is returned which should be\n * \t\t\t\t\t\tcalled in the `onScroll` event of the block list.\n */\nexport default function useScrollWhenDragging() {\n\tconst { scrollRef } = useBlockListContext();\n\tconst animatedScrollRef = useAnimatedRef();\n\tanimatedScrollRef( scrollRef );\n\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst velocityY = useSharedValue( 0 );\n\tconst offsetY = useSharedValue( 0 );\n\tconst dragStartY = useSharedValue( 0 );\n\tconst animationTimer = useSharedValue( 0 );\n\tconst isAnimationTimerActive = useSharedValue( false );\n\tconst isScrollActive = useSharedValue( false );\n\n\tconst scroll = {\n\t\toffsetY: useSharedValue( 0 ),\n\t\tmaxOffsetY: useSharedValue( 0 ),\n\t};\n\tconst scrollHandler = ( event ) => {\n\t\t'worklet';\n\t\tconst { contentSize, contentOffset, layoutMeasurement } = event;\n\t\tscroll.offsetY.value = contentOffset.y;\n\t\tscroll.maxOffsetY.value = contentSize.height - layoutMeasurement.height;\n\t};\n\n\tconst stopScrolling = () => {\n\t\t'worklet';\n\t\tcancelAnimation( animationTimer );\n\n\t\tisAnimationTimerActive.value = false;\n\t\tisScrollActive.value = false;\n\t\tvelocityY.value = 0;\n\t};\n\n\tconst startScrolling = ( y ) => {\n\t\t'worklet';\n\t\tstopScrolling();\n\t\toffsetY.value = scroll.offsetY.value;\n\t\tdragStartY.value = y;\n\n\t\tanimationTimer.value = 0;\n\t\tanimationTimer.value = withRepeat(\n\t\t\twithTiming( 1, {\n\t\t\t\tduration: SCROLL_INTERVAL_MS,\n\t\t\t\teasing: Easing.linear,\n\t\t\t} ),\n\t\t\t-1,\n\t\t\ttrue\n\t\t);\n\t\tisAnimationTimerActive.value = true;\n\t};\n\n\tconst scrollOnDragOver = ( y ) => {\n\t\t'worklet';\n\t\tconst dragDistance = Math.max(\n\t\t\tMath.abs( y - dragStartY.value ) - SCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t0\n\t\t);\n\t\tconst distancePercentage = dragDistance / windowHeight;\n\n\t\tif ( ! isScrollActive.value ) {\n\t\t\tisScrollActive.value = dragDistance > 0;\n\t\t} else if ( y > dragStartY.value ) {\n\t\t\t// User is dragging downwards.\n\t\t\tvelocityY.value = VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else if ( y < dragStartY.value ) {\n\t\t\t// User is dragging upwards.\n\t\t\tvelocityY.value = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityY.value = 0;\n\t\t}\n\t};\n\n\tuseAnimatedReaction(\n\t\t() => animationTimer.value,\n\t\t( value, previous ) => {\n\t\t\tif ( velocityY.value === 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst delta = Math.abs( value - previous );\n\t\t\tlet newOffset = offsetY.value + delta * velocityY.value;\n\n\t\t\tif ( scroll.maxOffsetY.value !== 0 ) {\n\t\t\t\tnewOffset = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min( scroll.maxOffsetY.value, newOffset )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t// Scroll values are empty until receiving the first scroll event.\n\t\t\t\t// In that case, the max offset is unknown and we can't clamp the\n\t\t\t\t// new offset value.\n\t\t\t\tnewOffset = Math.max( 0, newOffset );\n\t\t\t}\n\n\t\t\toffsetY.value = newOffset;\n\t\t\tscrollTo( animatedScrollRef, 0, offsetY.value, false );\n\t\t}\n\t);\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling, scrollHandler ];\n}\n"]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_blockListContext","SCROLL_INACTIVE_DISTANCE_PX","SCROLL_INTERVAL_MS","VELOCITY_MULTIPLIER","useScrollWhenDragging","scrollRef","useBlockListContext","animatedScrollRef","useAnimatedRef","height","windowHeight","useWindowDimensions","velocityY","useSharedValue","offsetY","dragStartY","animationTimer","isAnimationTimerActive","isScrollActive","scroll","maxOffsetY","scrollHandler","event","contentSize","contentOffset","layoutMeasurement","value","y","stopScrolling","cancelAnimation","startScrolling","withRepeat","withTiming","duration","easing","Easing","linear","scrollOnDragOver","dragDistance","Math","max","abs","distancePercentage","useAnimatedReaction","previous","delta","newOffset","min","scrollTo"],"sources":["@wordpress/block-editor/src/components/block-draggable/use-scroll-when-dragging.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useWindowDimensions } from 'react-native';\nimport {\n\tuseSharedValue,\n\tuseAnimatedRef,\n\tscrollTo,\n\tuseAnimatedReaction,\n\twithTiming,\n\twithRepeat,\n\tcancelAnimation,\n\tEasing,\n} from 'react-native-reanimated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockListContext } from '../block-list/block-list-context';\n\nconst SCROLL_INACTIVE_DISTANCE_PX = 50;\nconst SCROLL_INTERVAL_MS = 1000;\nconst VELOCITY_MULTIPLIER = 5000;\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. Additionally,\n * \t\t\t\t\t\t`scrollHandler` function is returned which should be\n * \t\t\t\t\t\tcalled in the `onScroll` event of the block list.\n */\nexport default function useScrollWhenDragging() {\n\tconst { scrollRef } = useBlockListContext();\n\tconst animatedScrollRef = useAnimatedRef();\n\tanimatedScrollRef( scrollRef );\n\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst velocityY = useSharedValue( 0 );\n\tconst offsetY = useSharedValue( 0 );\n\tconst dragStartY = useSharedValue( 0 );\n\tconst animationTimer = useSharedValue( 0 );\n\tconst isAnimationTimerActive = useSharedValue( false );\n\tconst isScrollActive = useSharedValue( false );\n\n\tconst scroll = {\n\t\toffsetY: useSharedValue( 0 ),\n\t\tmaxOffsetY: useSharedValue( 0 ),\n\t};\n\tconst scrollHandler = ( event ) => {\n\t\t'worklet';\n\t\tconst { contentSize, contentOffset, layoutMeasurement } = event;\n\t\tscroll.offsetY.value = contentOffset.y;\n\t\tscroll.maxOffsetY.value = contentSize.height - layoutMeasurement.height;\n\t};\n\n\tconst stopScrolling = () => {\n\t\t'worklet';\n\t\tcancelAnimation( animationTimer );\n\n\t\tisAnimationTimerActive.value = false;\n\t\tisScrollActive.value = false;\n\t\tvelocityY.value = 0;\n\t};\n\n\tconst startScrolling = ( y ) => {\n\t\t'worklet';\n\t\tstopScrolling();\n\t\toffsetY.value = scroll.offsetY.value;\n\t\tdragStartY.value = y;\n\n\t\tanimationTimer.value = 0;\n\t\tanimationTimer.value = withRepeat(\n\t\t\twithTiming( 1, {\n\t\t\t\tduration: SCROLL_INTERVAL_MS,\n\t\t\t\teasing: Easing.linear,\n\t\t\t} ),\n\t\t\t-1,\n\t\t\ttrue\n\t\t);\n\t\tisAnimationTimerActive.value = true;\n\t};\n\n\tconst scrollOnDragOver = ( y ) => {\n\t\t'worklet';\n\t\tconst dragDistance = Math.max(\n\t\t\tMath.abs( y - dragStartY.value ) - SCROLL_INACTIVE_DISTANCE_PX,\n\t\t\t0\n\t\t);\n\t\tconst distancePercentage = dragDistance / windowHeight;\n\n\t\tif ( ! isScrollActive.value ) {\n\t\t\tisScrollActive.value = dragDistance > 0;\n\t\t} else if ( y > dragStartY.value ) {\n\t\t\t// User is dragging downwards.\n\t\t\tvelocityY.value = VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else if ( y < dragStartY.value ) {\n\t\t\t// User is dragging upwards.\n\t\t\tvelocityY.value = -VELOCITY_MULTIPLIER * distancePercentage;\n\t\t} else {\n\t\t\tvelocityY.value = 0;\n\t\t}\n\t};\n\n\tuseAnimatedReaction(\n\t\t() => animationTimer.value,\n\t\t( value, previous ) => {\n\t\t\tif ( velocityY.value === 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst delta = Math.abs( value - previous );\n\t\t\tlet newOffset = offsetY.value + delta * velocityY.value;\n\n\t\t\tif ( scroll.maxOffsetY.value !== 0 ) {\n\t\t\t\tnewOffset = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min( scroll.maxOffsetY.value, newOffset )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t// Scroll values are empty until receiving the first scroll event.\n\t\t\t\t// In that case, the max offset is unknown and we can't clamp the\n\t\t\t\t// new offset value.\n\t\t\t\tnewOffset = Math.max( 0, newOffset );\n\t\t\t}\n\n\t\t\toffsetY.value = newOffset;\n\t\t\tscrollTo( animatedScrollRef, 0, offsetY.value, false );\n\t\t}\n\t);\n\n\treturn [ startScrolling, scrollOnDragOver, stopScrolling, scrollHandler ];\n}\n"],"mappings":"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"}

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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_BLOCK_EDIT_CONTEXT = exports.BlockEditContextProvider = void 0;
 exports.useBlockEditContext = useBlockEditContext;
-
 var _element = require("@wordpress/element");
-
 /**
  * WordPress dependencies
  */
+
 const DEFAULT_BLOCK_EDIT_CONTEXT = {
   name: '',
   isSelected: false
@@ -21,7 +20,6 @@ const {
   Provider
 } = Context;
 exports.BlockEditContextProvider = Provider;
-
 /**
  * A hook that returns the block edit context.
  *

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-edit/context.js"],"names":["DEFAULT_BLOCK_EDIT_CONTEXT","name","isSelected","Context","Provider","useBlockEditContext"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,0BAA0B,GAAG;AACzCC,EAAAA,IAAI,EAAE,EADmC;AAEzCC,EAAAA,UAAU,EAAE;AAF6B,CAAnC;;AAKP,MAAMC,OAAO,GAAG,4BAAeH,0BAAf,CAAhB;AACA,MAAM;AAAEI,EAAAA;AAAF,IAAeD,OAArB;;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAT,GAA+B;AACrC,SAAO,yBAAYF,OAAZ,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\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"]}
+{"version":3,"names":["_element","require","DEFAULT_BLOCK_EDIT_CONTEXT","name","isSelected","exports","Context","createContext","Provider","BlockEditContextProvider","useBlockEditContext","useContext"],"sources":["@wordpress/block-editor/src/components/block-edit/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\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,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,0BAA0B,GAAG;EACzCC,IAAI,EAAE,EAAE;EACRC,UAAU,EAAE;AACb,CAAC;AAACC,OAAA,CAAAH,0BAAA,GAAAA,0BAAA;AAEF,MAAMI,OAAO,GAAG,IAAAC,sBAAa,EAAEL,0BAA2B,CAAC;AAC3D,MAAM;EAAEM;AAAS,CAAC,GAAGF,OAAO;AAACD,OAAA,CAAAI,wBAAA,GAAAD,QAAA;AAI7B;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAAA,EAAG;EACrC,OAAO,IAAAC,mBAAU,EAAEL,OAAQ,CAAC;AAC7B"}

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _components = require("@wordpress/components");
-
 var _blocks = require("@wordpress/blocks");
-
 var _blockContext = _interopRequireDefault(require("../block-context"));
-
 /**
  * External dependencies
  */
@@ -38,58 +31,55 @@ var _blockContext = _interopRequireDefault(require("../block-context"));
  * @type {{}}
  */
 const DEFAULT_BLOCK_CONTEXT = {};
-
 const Edit = props => {
   const {
     name
   } = props;
   const blockType = (0, _blocks.getBlockType)(name);
-
   if (!blockType) {
     return null;
-  } // `edit` and `save` are functions or components describing the markup
+  }
+
+  // `edit` and `save` are functions or components describing the markup
   // with which a block is displayed. If `blockType` is valid, assign
   // them preferentially as the render value for the block.
-
-
   const Component = blockType.edit || blockType.save;
-  return (0, _element.createElement)(Component, { ...props
+  return (0, _element.createElement)(Component, {
+    ...props
   });
 };
-
 const EditWithFilters = (0, _components.withFilters)('editor.BlockEdit')(Edit);
-
 const EditWithGeneratedProps = props => {
   const {
     attributes = {},
     name
   } = props;
   const blockType = (0, _blocks.getBlockType)(name);
-  const blockContext = (0, _element.useContext)(_blockContext.default); // Assign context values using the block type's declared context needs.
+  const blockContext = (0, _element.useContext)(_blockContext.default);
 
+  // Assign context values using the block type's declared context needs.
   const context = (0, _element.useMemo)(() => {
     return blockType && blockType.usesContext ? Object.fromEntries(Object.entries(blockContext).filter(([key]) => blockType.usesContext.includes(key))) : DEFAULT_BLOCK_CONTEXT;
   }, [blockType, blockContext]);
-
   if (!blockType) {
     return null;
   }
-
   if (blockType.apiVersion > 1) {
-    return (0, _element.createElement)(EditWithFilters, { ...props,
+    return (0, _element.createElement)(EditWithFilters, {
+      ...props,
       context: context
     });
-  } // Generate a class name for the block's editable form.
-
+  }
 
+  // Generate a class name for the block's editable form.
   const generatedClassName = (0, _blocks.hasBlockSupport)(blockType, 'className', true) ? (0, _blocks.getBlockDefaultClassName)(name) : null;
   const className = (0, _classnames.default)(generatedClassName, attributes.className, props.className);
-  return (0, _element.createElement)(EditWithFilters, { ...props,
+  return (0, _element.createElement)(EditWithFilters, {
+    ...props,
     context: context,
     className: className
   });
 };
-
 var _default = EditWithGeneratedProps;
 exports.default = _default;
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-edit/edit.js"],"names":["DEFAULT_BLOCK_CONTEXT","Edit","props","name","blockType","Component","edit","save","EditWithFilters","EditWithGeneratedProps","attributes","blockContext","BlockContext","context","usesContext","Object","fromEntries","entries","filter","key","includes","apiVersion","generatedClassName","className"],"mappings":";;;;;;;;;AAcA;;AAXA;;AAKA;;AACA;;AAUA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,qBAAqB,GAAG,EAA9B;;AAEA,MAAMC,IAAI,GAAKC,KAAF,IAAa;AACzB,QAAM;AAAEC,IAAAA;AAAF,MAAWD,KAAjB;AACA,QAAME,SAAS,GAAG,0BAAcD,IAAd,CAAlB;;AAEA,MAAK,CAAEC,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA,GANwB,CAQzB;AACA;AACA;;;AACA,QAAMC,SAAS,GAAGD,SAAS,CAACE,IAAV,IAAkBF,SAAS,CAACG,IAA9C;AAEA,SAAO,4BAAC,SAAD,OAAgBL;AAAhB,IAAP;AACA,CAdD;;AAgBA,MAAMM,eAAe,GAAG,6BAAa,kBAAb,EAAmCP,IAAnC,CAAxB;;AAEA,MAAMQ,sBAAsB,GAAKP,KAAF,IAAa;AAC3C,QAAM;AAAEQ,IAAAA,UAAU,GAAG,EAAf;AAAmBP,IAAAA;AAAnB,MAA4BD,KAAlC;AACA,QAAME,SAAS,GAAG,0BAAcD,IAAd,CAAlB;AACA,QAAMQ,YAAY,GAAG,yBAAYC,qBAAZ,CAArB,CAH2C,CAK3C;;AACA,QAAMC,OAAO,GAAG,sBAAS,MAAM;AAC9B,WAAOT,SAAS,IAAIA,SAAS,CAACU,WAAvB,GACJC,MAAM,CAACC,WAAP,CACAD,MAAM,CAACE,OAAP,CAAgBN,YAAhB,EAA+BO,MAA/B,CAAuC,CAAE,CAAEC,GAAF,CAAF,KACtCf,SAAS,CAACU,WAAV,CAAsBM,QAAtB,CAAgCD,GAAhC,CADD,CADA,CADI,GAMJnB,qBANH;AAOA,GARe,EAQb,CAAEI,SAAF,EAAaO,YAAb,CARa,CAAhB;;AAUA,MAAK,CAAEP,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,MAAKA,SAAS,CAACiB,UAAV,GAAuB,CAA5B,EAAgC;AAC/B,WAAO,4BAAC,eAAD,OAAsBnB,KAAtB;AAA8B,MAAA,OAAO,EAAGW;AAAxC,MAAP;AACA,GAtB0C,CAwB3C;;;AACA,QAAMS,kBAAkB,GAAG,6BAAiBlB,SAAjB,EAA4B,WAA5B,EAAyC,IAAzC,IACxB,sCAA0BD,IAA1B,CADwB,GAExB,IAFH;AAGA,QAAMoB,SAAS,GAAG,yBACjBD,kBADiB,EAEjBZ,UAAU,CAACa,SAFM,EAGjBrB,KAAK,CAACqB,SAHW,CAAlB;AAMA,SACC,4BAAC,eAAD,OACMrB,KADN;AAEC,IAAA,OAAO,EAAGW,OAFX;AAGC,IAAA,SAAS,EAAGU;AAHb,IADD;AAOA,CAzCD;;eA2Ced,sB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\nimport {\n\tgetBlockDefaultClassName,\n\thasBlockSupport,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\n/**\n * Default value used for blocks which do not define their own context needs,\n * used to guarantee that a block's `context` prop will always be an object. It\n * is assigned as a constant since it is always expected to be an empty object,\n * and in order to avoid unnecessary React reconciliations of a changing object.\n *\n * @type {{}}\n */\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nconst Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\t// `edit` and `save` are functions or components describing the markup\n\t// with which a block is displayed. If `blockType` is valid, assign\n\t// them preferentially as the render value for the block.\n\tconst Component = blockType.edit || blockType.save;\n\n\treturn <Component { ...props } />;\n};\n\nconst EditWithFilters = withFilters( 'editor.BlockEdit' )( Edit );\n\nconst EditWithGeneratedProps = ( props ) => {\n\tconst { attributes = {}, name } = props;\n\tconst blockType = getBlockType( name );\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn blockType && blockType.usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tblockType.usesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ blockType, blockContext ] );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tif ( blockType.apiVersion > 1 ) {\n\t\treturn <EditWithFilters { ...props } context={ context } />;\n\t}\n\n\t// Generate a class name for the block's editable form.\n\tconst generatedClassName = hasBlockSupport( blockType, 'className', true )\n\t\t? getBlockDefaultClassName( name )\n\t\t: null;\n\tconst className = classnames(\n\t\tgeneratedClassName,\n\t\tattributes.className,\n\t\tprops.className\n\t);\n\n\treturn (\n\t\t<EditWithFilters\n\t\t\t{ ...props }\n\t\t\tcontext={ context }\n\t\t\tclassName={ className }\n\t\t/>\n\t);\n};\n\nexport default EditWithGeneratedProps;\n"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_blocks","_blockContext","DEFAULT_BLOCK_CONTEXT","Edit","props","name","blockType","getBlockType","Component","edit","save","createElement","EditWithFilters","withFilters","EditWithGeneratedProps","attributes","blockContext","useContext","BlockContext","context","useMemo","usesContext","Object","fromEntries","entries","filter","key","includes","apiVersion","generatedClassName","hasBlockSupport","getBlockDefaultClassName","className","classnames","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-edit/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\nimport {\n\tgetBlockDefaultClassName,\n\thasBlockSupport,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\n/**\n * Default value used for blocks which do not define their own context needs,\n * used to guarantee that a block's `context` prop will always be an object. It\n * is assigned as a constant since it is always expected to be an empty object,\n * and in order to avoid unnecessary React reconciliations of a changing object.\n *\n * @type {{}}\n */\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nconst Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\t// `edit` and `save` are functions or components describing the markup\n\t// with which a block is displayed. If `blockType` is valid, assign\n\t// them preferentially as the render value for the block.\n\tconst Component = blockType.edit || blockType.save;\n\n\treturn <Component { ...props } />;\n};\n\nconst EditWithFilters = withFilters( 'editor.BlockEdit' )( Edit );\n\nconst EditWithGeneratedProps = ( props ) => {\n\tconst { attributes = {}, name } = props;\n\tconst blockType = getBlockType( name );\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn blockType && blockType.usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tblockType.usesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ blockType, blockContext ] );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tif ( blockType.apiVersion > 1 ) {\n\t\treturn <EditWithFilters { ...props } context={ context } />;\n\t}\n\n\t// Generate a class name for the block's editable form.\n\tconst generatedClassName = hasBlockSupport( blockType, 'className', true )\n\t\t? getBlockDefaultClassName( name )\n\t\t: null;\n\tconst className = classnames(\n\t\tgeneratedClassName,\n\t\tattributes.className,\n\t\tprops.className\n\t);\n\n\treturn (\n\t\t<EditWithFilters\n\t\t\t{ ...props }\n\t\t\tcontext={ context }\n\t\t\tclassName={ className }\n\t\t/>\n\t);\n};\n\nexport default EditWithGeneratedProps;\n"],"mappings":";;;;;;;AAcA,IAAAA,QAAA,GAAAC,OAAA;AAXA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAUA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,MAAMC,IAAI,GAAKC,KAAK,IAAM;EACzB,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,SAAS,GAAG,IAAAC,oBAAY,EAAEF,IAAK,CAAC;EAEtC,IAAK,CAAEC,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;;EAEA;EACA;EACA;EACA,MAAME,SAAS,GAAGF,SAAS,CAACG,IAAI,IAAIH,SAAS,CAACI,IAAI;EAElD,OAAO,IAAAf,QAAA,CAAAgB,aAAA,EAACH,SAAS;IAAA,GAAMJ;EAAK,CAAI,CAAC;AAClC,CAAC;AAED,MAAMQ,eAAe,GAAG,IAAAC,uBAAW,EAAE,kBAAmB,CAAC,CAAEV,IAAK,CAAC;AAEjE,MAAMW,sBAAsB,GAAKV,KAAK,IAAM;EAC3C,MAAM;IAAEW,UAAU,GAAG,CAAC,CAAC;IAAEV;EAAK,CAAC,GAAGD,KAAK;EACvC,MAAME,SAAS,GAAG,IAAAC,oBAAY,EAAEF,IAAK,CAAC;EACtC,MAAMW,YAAY,GAAG,IAAAC,mBAAU,EAAEC,qBAAa,CAAC;;EAE/C;EACA,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAOd,SAAS,IAAIA,SAAS,CAACe,WAAW,GACtCC,MAAM,CAACC,WAAW,CAClBD,MAAM,CAACE,OAAO,CAAER,YAAa,CAAC,CAACS,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC/CpB,SAAS,CAACe,WAAW,CAACM,QAAQ,CAAED,GAAI,CACrC,CACA,CAAC,GACDxB,qBAAqB;EACzB,CAAC,EAAE,CAAEI,SAAS,EAAEU,YAAY,CAAG,CAAC;EAEhC,IAAK,CAAEV,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,IAAKA,SAAS,CAACsB,UAAU,GAAG,CAAC,EAAG;IAC/B,OAAO,IAAAjC,QAAA,CAAAgB,aAAA,EAACC,eAAe;MAAA,GAAMR,KAAK;MAAGe,OAAO,EAAGA;IAAS,CAAE,CAAC;EAC5D;;EAEA;EACA,MAAMU,kBAAkB,GAAG,IAAAC,uBAAe,EAAExB,SAAS,EAAE,WAAW,EAAE,IAAK,CAAC,GACvE,IAAAyB,gCAAwB,EAAE1B,IAAK,CAAC,GAChC,IAAI;EACP,MAAM2B,SAAS,GAAG,IAAAC,mBAAU,EAC3BJ,kBAAkB,EAClBd,UAAU,CAACiB,SAAS,EACpB5B,KAAK,CAAC4B,SACP,CAAC;EAED,OACC,IAAArC,QAAA,CAAAgB,aAAA,EAACC,eAAe;IAAA,GACVR,KAAK;IACVe,OAAO,EAAGA,OAAS;IACnBa,SAAS,EAAGA;EAAW,CACvB,CAAC;AAEJ,CAAC;AAAC,IAAAE,QAAA,GAEapB,sBAAsB;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-edit/edit.native.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Edit = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _blocks = require("@wordpress/blocks");
-
 var _blockContext = _interopRequireDefault(require("../block-context"));
-
 /**
  * WordPress dependencies
  */
@@ -32,31 +26,27 @@ var _blockContext = _interopRequireDefault(require("../block-context"));
  * @type {{}}
  */
 const DEFAULT_BLOCK_CONTEXT = {};
-
 const Edit = props => {
   const {
     name
   } = props;
   const blockType = (0, _blocks.getBlockType)(name);
-  const blockContext = (0, _element.useContext)(_blockContext.default); // Assign context values using the block type's declared context needs.
+  const blockContext = (0, _element.useContext)(_blockContext.default);
 
+  // Assign context values using the block type's declared context needs.
   const context = (0, _element.useMemo)(() => {
     return blockType && blockType.usesContext ? Object.fromEntries(Object.entries(blockContext).filter(([key]) => blockType.usesContext.includes(key))) : DEFAULT_BLOCK_CONTEXT;
   }, [blockType, blockContext]);
-
   if (!blockType) {
     return null;
   }
-
   const Component = blockType.edit;
-  return (0, _element.createElement)(Component, { ...props,
+  return (0, _element.createElement)(Component, {
+    ...props,
     context: context
   });
 };
-
 exports.Edit = Edit;
-
 var _default = (0, _components.withFilters)('editor.BlockEdit')(Edit);
-
 exports.default = _default;
 //# sourceMappingURL=edit.native.js.map

package/build/components/block-edit/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-edit/edit.native.js"],"names":["DEFAULT_BLOCK_CONTEXT","Edit","props","name","blockType","blockContext","BlockContext","context","usesContext","Object","fromEntries","entries","filter","key","includes","Component","edit"],"mappings":";;;;;;;;;AAKA;;AAFA;;AACA;;AAMA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,qBAAqB,GAAG,EAA9B;;AAEO,MAAMC,IAAI,GAAKC,KAAF,IAAa;AAChC,QAAM;AAAEC,IAAAA;AAAF,MAAWD,KAAjB;AACA,QAAME,SAAS,GAAG,0BAAcD,IAAd,CAAlB;AAEA,QAAME,YAAY,GAAG,yBAAYC,qBAAZ,CAArB,CAJgC,CAMhC;;AACA,QAAMC,OAAO,GAAG,sBAAS,MAAM;AAC9B,WAAOH,SAAS,IAAIA,SAAS,CAACI,WAAvB,GACJC,MAAM,CAACC,WAAP,CACAD,MAAM,CAACE,OAAP,CAAgBN,YAAhB,EAA+BO,MAA/B,CAAuC,CAAE,CAAEC,GAAF,CAAF,KACtCT,SAAS,CAACI,WAAV,CAAsBM,QAAtB,CAAgCD,GAAhC,CADD,CADA,CADI,GAMJb,qBANH;AAOA,GARe,EAQb,CAAEI,SAAF,EAAaC,YAAb,CARa,CAAhB;;AAUA,MAAK,CAAED,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,QAAMW,SAAS,GAAGX,SAAS,CAACY,IAA5B;AAEA,SAAO,4BAAC,SAAD,OAAgBd,KAAhB;AAAwB,IAAA,OAAO,EAAGK;AAAlC,IAAP;AACA,CAxBM;;;;eA0BQ,6BAAa,kBAAb,EAAmCN,IAAnC,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\n/**\n * Default value used for blocks which do not define their own context needs,\n * used to guarantee that a block's `context` prop will always be an object. It\n * is assigned as a constant since it is always expected to be an empty object,\n * and in order to avoid unnecessary React reconciliations of a changing object.\n *\n * @type {{}}\n */\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nexport const Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn blockType && blockType.usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tblockType.usesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ blockType, blockContext ] );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tconst Component = blockType.edit;\n\n\treturn <Component { ...props } context={ context } />;\n};\n\nexport default withFilters( 'editor.BlockEdit' )( Edit );\n"]}
+{"version":3,"names":["_element","require","_components","_blocks","_blockContext","_interopRequireDefault","DEFAULT_BLOCK_CONTEXT","Edit","props","name","blockType","getBlockType","blockContext","useContext","BlockContext","context","useMemo","usesContext","Object","fromEntries","entries","filter","key","includes","Component","edit","createElement","exports","_default","withFilters","default"],"sources":["@wordpress/block-editor/src/components/block-edit/edit.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\n/**\n * Default value used for blocks which do not define their own context needs,\n * used to guarantee that a block's `context` prop will always be an object. It\n * is assigned as a constant since it is always expected to be an empty object,\n * and in order to avoid unnecessary React reconciliations of a changing object.\n *\n * @type {{}}\n */\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nexport const Edit = ( props ) => {\n\tconst { name } = props;\n\tconst blockType = getBlockType( name );\n\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn blockType && blockType.usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tblockType.usesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ blockType, blockContext ] );\n\n\tif ( ! blockType ) {\n\t\treturn null;\n\t}\n\n\tconst Component = blockType.edit;\n\n\treturn <Component { ...props } context={ context } />;\n};\n\nexport default withFilters( 'editor.BlockEdit' )( Edit );\n"],"mappings":";;;;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAFA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,qBAAqB,GAAG,CAAC,CAAC;AAEzB,MAAMC,IAAI,GAAKC,KAAK,IAAM;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,SAAS,GAAG,IAAAC,oBAAY,EAAEF,IAAK,CAAC;EAEtC,MAAMG,YAAY,GAAG,IAAAC,mBAAU,EAAEC,qBAAa,CAAC;;EAE/C;EACA,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAON,SAAS,IAAIA,SAAS,CAACO,WAAW,GACtCC,MAAM,CAACC,WAAW,CAClBD,MAAM,CAACE,OAAO,CAAER,YAAa,CAAC,CAACS,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC/CZ,SAAS,CAACO,WAAW,CAACM,QAAQ,CAAED,GAAI,CACrC,CACA,CAAC,GACDhB,qBAAqB;EACzB,CAAC,EAAE,CAAEI,SAAS,EAAEE,YAAY,CAAG,CAAC;EAEhC,IAAK,CAAEF,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMc,SAAS,GAAGd,SAAS,CAACe,IAAI;EAEhC,OAAO,IAAAzB,QAAA,CAAA0B,aAAA,EAACF,SAAS;IAAA,GAAMhB,KAAK;IAAGO,OAAO,EAAGA;EAAS,CAAE,CAAC;AACtD,CAAC;AAACY,OAAA,CAAApB,IAAA,GAAAA,IAAA;AAAA,IAAAqB,QAAA,GAEa,IAAAC,uBAAW,EAAE,kBAAmB,CAAC,CAAEtB,IAAK,CAAC;AAAAoB,OAAA,CAAAG,OAAA,GAAAF,QAAA"}

package/build/components/block-edit/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,15 +11,10 @@ Object.defineProperty(exports, "useBlockEditContext", {
     return _context.useBlockEditContext;
   }
 });
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _edit = _interopRequireDefault(require("./edit"));
-
 var _context = require("./context");
-
 /**
  * WordPress dependencies
  */
@@ -37,6 +31,7 @@ var _context = require("./context");
  *
  * @return {Object} Block edit context
  */
+
 function BlockEdit(props) {
   const {
     name,
@@ -56,12 +51,14 @@ function BlockEdit(props) {
     layout: layoutSupport ? layout : null,
     __unstableLayoutClassNames
   };
-  return (0, _element.createElement)(_context.BlockEditContextProvider // It is important to return the same object if props haven't
+  return (0, _element.createElement)(_context.BlockEditContextProvider
+  // It is important to return the same object if props haven't
   // changed to avoid  unnecessary rerenders.
   // See https://reactjs.org/docs/context.html#caveats.
   , {
     value: (0, _element.useMemo)(() => context, Object.values(context))
-  }, (0, _element.createElement)(_edit.default, { ...props
+  }, (0, _element.createElement)(_edit.default, {
+    ...props
   }));
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-edit/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-edit/index.js"],"names":["BlockEdit","props","name","isSelected","clientId","attributes","__unstableLayoutClassNames","layout","layoutSupport","context","Object","values"],"mappings":";;;;;;;;;;;;;;;AAGA;;AAEA;;AAIA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGe,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAC1C,QAAM;AACLC,IAAAA,IADK;AAELC,IAAAA,UAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,UAAU,GAAG,EAJR;AAKLC,IAAAA;AALK,MAMFL,KANJ;AAOA,QAAM;AAAEM,IAAAA,MAAM,GAAG;AAAX,MAAoBF,UAA1B;AACA,QAAMG,aAAa,GAClB,6BAAiBN,IAAjB,EAAuB,QAAvB,EAAiC,KAAjC,KACA,6BAAiBA,IAAjB,EAAuB,sBAAvB,EAA+C,KAA/C,CAFD;AAGA,QAAMO,OAAO,GAAG;AACfP,IAAAA,IADe;AAEfC,IAAAA,UAFe;AAGfC,IAAAA,QAHe;AAIfG,IAAAA,MAAM,EAAEC,aAAa,GAAGD,MAAH,GAAY,IAJlB;AAKfD,IAAAA;AALe,GAAhB;AAOA,SACC,4BAAC,iCAAD,CACC;AACA;AACA;AAHD;AAIC,IAAA,KAAK,EAAG,sBAAS,MAAMG,OAAf,EAAwBC,MAAM,CAACC,MAAP,CAAeF,OAAf,CAAxB;AAJT,KAMC,4BAAC,aAAD,OAAWR;AAAX,IAND,CADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\nimport { hasBlockSupport } from '@wordpress/blocks';\n/**\n * Internal dependencies\n */\nimport Edit from './edit';\nimport { BlockEditContextProvider, useBlockEditContext } from './context';\n\n/**\n * The `useBlockEditContext` hook provides information about the block this hook is being used in.\n * It returns an object with the `name`, `isSelected` state, and the `clientId` of the block.\n * It is useful if you want to create custom hooks that need access to the current blocks clientId\n * but don't want to rely on the data getting passed in as a parameter.\n *\n * @return {Object} Block edit context\n */\nexport { useBlockEditContext };\n\nexport default function BlockEdit( props ) {\n\tconst {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tattributes = {},\n\t\t__unstableLayoutClassNames,\n\t} = props;\n\tconst { layout = null } = attributes;\n\tconst layoutSupport =\n\t\thasBlockSupport( name, 'layout', false ) ||\n\t\thasBlockSupport( name, '__experimentalLayout', false );\n\tconst context = {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tlayout: layoutSupport ? layout : null,\n\t\t__unstableLayoutClassNames,\n\t};\n\treturn (\n\t\t<BlockEditContextProvider\n\t\t\t// It is important to return the same object if props haven't\n\t\t\t// changed to avoid  unnecessary rerenders.\n\t\t\t// See https://reactjs.org/docs/context.html#caveats.\n\t\t\tvalue={ useMemo( () => context, Object.values( context ) ) }\n\t\t>\n\t\t\t<Edit { ...props } />\n\t\t</BlockEditContextProvider>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_blocks","_edit","_interopRequireDefault","_context","BlockEdit","props","name","isSelected","clientId","attributes","__unstableLayoutClassNames","layout","layoutSupport","hasBlockSupport","context","createElement","BlockEditContextProvider","value","useMemo","Object","values","default"],"sources":["@wordpress/block-editor/src/components/block-edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\nimport { hasBlockSupport } from '@wordpress/blocks';\n/**\n * Internal dependencies\n */\nimport Edit from './edit';\nimport { BlockEditContextProvider, useBlockEditContext } from './context';\n\n/**\n * The `useBlockEditContext` hook provides information about the block this hook is being used in.\n * It returns an object with the `name`, `isSelected` state, and the `clientId` of the block.\n * It is useful if you want to create custom hooks that need access to the current blocks clientId\n * but don't want to rely on the data getting passed in as a parameter.\n *\n * @return {Object} Block edit context\n */\nexport { useBlockEditContext };\n\nexport default function BlockEdit( props ) {\n\tconst {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tattributes = {},\n\t\t__unstableLayoutClassNames,\n\t} = props;\n\tconst { layout = null } = attributes;\n\tconst layoutSupport =\n\t\thasBlockSupport( name, 'layout', false ) ||\n\t\thasBlockSupport( name, '__experimentalLayout', false );\n\tconst context = {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tlayout: layoutSupport ? layout : null,\n\t\t__unstableLayoutClassNames,\n\t};\n\treturn (\n\t\t<BlockEditContextProvider\n\t\t\t// It is important to return the same object if props haven't\n\t\t\t// changed to avoid  unnecessary rerenders.\n\t\t\t// See https://reactjs.org/docs/context.html#caveats.\n\t\t\tvalue={ useMemo( () => context, Object.values( context ) ) }\n\t\t>\n\t\t\t<Edit { ...props } />\n\t\t</BlockEditContextProvider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGe,SAASK,SAASA,CAAEC,KAAK,EAAG;EAC1C,MAAM;IACLC,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRC,UAAU,GAAG,CAAC,CAAC;IACfC;EACD,CAAC,GAAGL,KAAK;EACT,MAAM;IAAEM,MAAM,GAAG;EAAK,CAAC,GAAGF,UAAU;EACpC,MAAMG,aAAa,GAClB,IAAAC,uBAAe,EAAEP,IAAI,EAAE,QAAQ,EAAE,KAAM,CAAC,IACxC,IAAAO,uBAAe,EAAEP,IAAI,EAAE,sBAAsB,EAAE,KAAM,CAAC;EACvD,MAAMQ,OAAO,GAAG;IACfR,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRG,MAAM,EAAEC,aAAa,GAAGD,MAAM,GAAG,IAAI;IACrCD;EACD,CAAC;EACD,OACC,IAAAZ,QAAA,CAAAiB,aAAA,EAACZ,QAAA,CAAAa;EACA;EACA;EACA;EAAA;IACAC,KAAK,EAAG,IAAAC,gBAAO,EAAE,MAAMJ,OAAO,EAAEK,MAAM,CAACC,MAAM,CAAEN,OAAQ,CAAE;EAAG,GAE5D,IAAAhB,QAAA,CAAAiB,aAAA,EAACd,KAAA,CAAAoB,OAAI;IAAA,GAAMhB;EAAK,CAAI,CACK,CAAC;AAE7B"}

package/build/components/block-edit-visually-button/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockEditVisuallyButton;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _data = require("@wordpress/data");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 function BlockEditVisuallyButton({
   clientIds
 }) {
@@ -31,11 +26,9 @@ function BlockEditVisuallyButton({
   const {
     toggleBlockMode
   } = (0, _data.useDispatch)(_store.store);
-
   if (!canEditVisually) {
     return null;
   }
-
   return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
     onClick: () => {
       toggleBlockMode(clientId);

package/build/components/block-edit-visually-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-edit-visually-button/index.js"],"names":["BlockEditVisuallyButton","clientIds","clientId","length","undefined","canEditVisually","select","blockEditorStore","getBlockMode","toggleBlockMode"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,uBAAT,CAAkC;AAAEC,EAAAA;AAAF,CAAlC,EAAkD;AAChE;AACA,QAAMC,QAAQ,GAAGD,SAAS,CAACE,MAAV,KAAqB,CAArB,GAAyBF,SAAS,CAAE,CAAF,CAAlC,GAA0CG,SAA3D;AACA,QAAMC,eAAe,GAAG,qBACrBC,MAAF,IACC,CAAC,CAAEJ,QAAH,IACAI,MAAM,CAAEC,YAAF,CAAN,CAA2BC,YAA3B,CAAyCN,QAAzC,MAAwD,MAHlC,EAIvB,CAAEA,QAAF,CAJuB,CAAxB;AAMA,QAAM;AAAEO,IAAAA;AAAF,MAAsB,uBAAaF,YAAb,CAA5B;;AAEA,MAAK,CAAEF,eAAP,EAAyB;AACxB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,wBAAD,QACC,4BAAC,yBAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACfI,MAAAA,eAAe,CAAEP,QAAF,CAAf;AACA;AAHF,KAKG,cAAI,eAAJ,CALH,CADD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}
+{"version":3,"names":["_components","require","_i18n","_data","_store","BlockEditVisuallyButton","clientIds","clientId","length","undefined","canEditVisually","useSelect","select","blockEditorStore","getBlockMode","toggleBlockMode","useDispatch","_element","createElement","ToolbarGroup","ToolbarButton","onClick","__"],"sources":["@wordpress/block-editor/src/components/block-edit-visually-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASI,uBAAuBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAChE;EACA,MAAMC,QAAQ,GAAGD,SAAS,CAACE,MAAM,KAAK,CAAC,GAAGF,SAAS,CAAE,CAAC,CAAE,GAAGG,SAAS;EACpE,MAAMC,eAAe,GAAG,IAAAC,eAAS,EAC9BC,MAAM,IACP,CAAC,CAAEL,QAAQ,IACXK,MAAM,CAAEC,YAAiB,CAAC,CAACC,YAAY,CAAEP,QAAS,CAAC,KAAK,MAAM,EAC/D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEQ;EAAgB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAE3D,IAAK,CAAEH,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAO,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,YAAY,QACZ,IAAAF,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAoB,aAAa;IACbC,OAAO,EAAGA,CAAA,KAAM;MACfN,eAAe,CAAER,QAAS,CAAC;IAC5B;EAAG,GAED,IAAAe,QAAE,EAAE,eAAgB,CACR,CACF,CAAC;AAEjB"}

package/build/components/block-editing-mode/index.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBlockEditingMode = useBlockEditingMode;
-
 var _data = require("@wordpress/data");
-
 var _element = require("@wordpress/element");
-
 var _store = require("../../store");
-
-var _lockUnlock = require("../../lock-unlock");
-
 var _blockListBlockContext = require("../block-list/block-list-block-context");
-
 /**
  * WordPress dependencies
  */
@@ -59,26 +52,24 @@ var _blockListBlockContext = require("../block-list/block-list-block-context");
  */
 function useBlockEditingMode(mode) {
   var _useContext;
-
   const {
     clientId = ''
   } = (_useContext = (0, _element.useContext)(_blockListBlockContext.BlockListBlockContext)) !== null && _useContext !== void 0 ? _useContext : {};
-  const blockEditingMode = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getBlockEditingMode(clientId), [clientId]);
+  const blockEditingMode = (0, _data.useSelect)(select => select(_store.store).getBlockEditingMode(clientId), [clientId]);
   const {
     setBlockEditingMode,
     unsetBlockEditingMode
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  } = (0, _data.useDispatch)(_store.store);
   (0, _element.useEffect)(() => {
     if (mode) {
       setBlockEditingMode(clientId, mode);
     }
-
     return () => {
       if (mode) {
         unsetBlockEditingMode(clientId);
       }
     };
-  }, [clientId, mode]);
+  }, [clientId, mode, setBlockEditingMode, unsetBlockEditingMode]);
   return blockEditingMode;
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-editing-mode/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-editing-mode/index.js"],"names":["useBlockEditingMode","mode","clientId","BlockListBlockContext","blockEditingMode","select","blockEditorStore","getBlockEditingMode","setBlockEditingMode","unsetBlockEditingMode"],"mappings":";;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAT,CAA8BC,IAA9B,EAAqC;AAAA;;AAC3C,QAAM;AAAEC,IAAAA,QAAQ,GAAG;AAAb,qBAAoB,yBAAYC,4CAAZ,CAApB,qDAA2D,EAAjE;AACA,QAAMC,gBAAgB,GAAG,qBACtBC,MAAF,IACC,wBAAQA,MAAM,CAAEC,YAAF,CAAd,EAAqCC,mBAArC,CACCL,QADD,CAFuB,EAKxB,CAAEA,QAAF,CALwB,CAAzB;AAOA,QAAM;AAAEM,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MAAiD,wBACtD,uBAAaH,YAAb,CADsD,CAAvD;AAGA,0BAAW,MAAM;AAChB,QAAKL,IAAL,EAAY;AACXO,MAAAA,mBAAmB,CAAEN,QAAF,EAAYD,IAAZ,CAAnB;AACA;;AACD,WAAO,MAAM;AACZ,UAAKA,IAAL,EAAY;AACXQ,QAAAA,qBAAqB,CAAEP,QAAF,CAArB;AACA;AACD,KAJD;AAKA,GATD,EASG,CAAEA,QAAF,EAAYD,IAAZ,CATH;AAUA,SAAOG,gBAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { BlockListBlockContext } from '../block-list/block-list-block-context';\n\n/**\n * @typedef {'disabled'|'contentOnly'|'default'} BlockEditingMode\n */\n\n/**\n * Allows a block to restrict the user interface that is displayed for editing\n * that block and its inner blocks.\n *\n * @example\n * ```js\n * function MyBlock( { attributes, setAttributes } ) {\n *     useBlockEditingMode( 'disabled' );\n *     return <div { ...useBlockProps() }></div>;\n * }\n * ```\n *\n * `mode` can be one of three options:\n *\n * - `'disabled'`: Prevents editing the block entirely, i.e. it cannot be\n *   selected.\n * - `'contentOnly'`: Hides all non-content UI, e.g. auxiliary controls in the\n *   toolbar, the block movers, block settings.\n * - `'default'`: Allows editing the block as normal.\n *\n * The mode is inherited by all of the block's inner blocks, unless they have\n * their own mode.\n *\n * If called outside of a block context, the mode is applied to all blocks.\n *\n * @param {?BlockEditingMode} mode The editing mode to apply. If undefined, the\n *                                 current editing mode is not changed.\n *\n * @return {BlockEditingMode} The current editing mode.\n */\nexport function useBlockEditingMode( mode ) {\n\tconst { clientId = '' } = useContext( BlockListBlockContext ) ?? {};\n\tconst blockEditingMode = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getBlockEditingMode(\n\t\t\t\tclientId\n\t\t\t),\n\t\t[ clientId ]\n\t);\n\tconst { setBlockEditingMode, unsetBlockEditingMode } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\tuseEffect( () => {\n\t\tif ( mode ) {\n\t\t\tsetBlockEditingMode( clientId, mode );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( mode ) {\n\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t}\n\t\t};\n\t}, [ clientId, mode ] );\n\treturn blockEditingMode;\n}\n"]}
+{"version":3,"names":["_data","require","_element","_store","_blockListBlockContext","useBlockEditingMode","mode","_useContext","clientId","useContext","BlockListBlockContext","blockEditingMode","useSelect","select","blockEditorStore","getBlockEditingMode","setBlockEditingMode","unsetBlockEditingMode","useDispatch","useEffect"],"sources":["@wordpress/block-editor/src/components/block-editing-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { BlockListBlockContext } from '../block-list/block-list-block-context';\n\n/**\n * @typedef {'disabled'|'contentOnly'|'default'} BlockEditingMode\n */\n\n/**\n * Allows a block to restrict the user interface that is displayed for editing\n * that block and its inner blocks.\n *\n * @example\n * ```js\n * function MyBlock( { attributes, setAttributes } ) {\n *     useBlockEditingMode( 'disabled' );\n *     return <div { ...useBlockProps() }></div>;\n * }\n * ```\n *\n * `mode` can be one of three options:\n *\n * - `'disabled'`: Prevents editing the block entirely, i.e. it cannot be\n *   selected.\n * - `'contentOnly'`: Hides all non-content UI, e.g. auxiliary controls in the\n *   toolbar, the block movers, block settings.\n * - `'default'`: Allows editing the block as normal.\n *\n * The mode is inherited by all of the block's inner blocks, unless they have\n * their own mode.\n *\n * If called outside of a block context, the mode is applied to all blocks.\n *\n * @param {?BlockEditingMode} mode The editing mode to apply. If undefined, the\n *                                 current editing mode is not changed.\n *\n * @return {BlockEditingMode} The current editing mode.\n */\nexport function useBlockEditingMode( mode ) {\n\tconst { clientId = '' } = useContext( BlockListBlockContext ) ?? {};\n\tconst blockEditingMode = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlockEditingMode( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { setBlockEditingMode, unsetBlockEditingMode } =\n\t\tuseDispatch( blockEditorStore );\n\tuseEffect( () => {\n\t\tif ( mode ) {\n\t\t\tsetBlockEditingMode( clientId, mode );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( mode ) {\n\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t}\n\t\t};\n\t}, [ clientId, mode, setBlockEditingMode, unsetBlockEditingMode ] );\n\treturn blockEditingMode;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,mBAAmBA,CAAEC,IAAI,EAAG;EAAA,IAAAC,WAAA;EAC3C,MAAM;IAAEC,QAAQ,GAAG;EAAG,CAAC,IAAAD,WAAA,GAAG,IAAAE,mBAAU,EAAEC,4CAAsB,CAAC,cAAAH,WAAA,cAAAA,WAAA,GAAI,CAAC,CAAC;EACnE,MAAMI,gBAAgB,GAAG,IAAAC,eAAS,EAC/BC,MAAM,IACPA,MAAM,CAAEC,YAAiB,CAAC,CAACC,mBAAmB,CAAEP,QAAS,CAAC,EAC3D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEQ,mBAAmB;IAAEC;EAAsB,CAAC,GACnD,IAAAC,iBAAW,EAAEJ,YAAiB,CAAC;EAChC,IAAAK,kBAAS,EAAE,MAAM;IAChB,IAAKb,IAAI,EAAG;MACXU,mBAAmB,CAAER,QAAQ,EAAEF,IAAK,CAAC;IACtC;IACA,OAAO,MAAM;MACZ,IAAKA,IAAI,EAAG;QACXW,qBAAqB,CAAET,QAAS,CAAC;MAClC;IACD,CAAC;EACF,CAAC,EAAE,CAAEA,QAAQ,EAAEF,IAAI,EAAEU,mBAAmB,EAAEC,qBAAqB,CAAG,CAAC;EACnE,OAAON,gBAAgB;AACxB"}

package/build/components/block-full-height-alignment-control/index.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 /**
  * WordPress dependencies
  */
+
 function BlockFullHeightAlignmentControl({
   isActive,
   label = (0, _i18n.__)('Toggle full height'),
@@ -30,7 +26,6 @@ function BlockFullHeightAlignmentControl({
     disabled: isDisabled
   });
 }
-
 var _default = BlockFullHeightAlignmentControl;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/block-full-height-alignment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-full-height-alignment-control/index.js"],"names":["BlockFullHeightAlignmentControl","isActive","label","onToggle","isDisabled","fullscreen"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,SAASA,+BAAT,CAA0C;AACzCC,EAAAA,QADyC;AAEzCC,EAAAA,KAAK,GAAG,cAAI,oBAAJ,CAFiC;AAGzCC,EAAAA,QAHyC;AAIzCC,EAAAA;AAJyC,CAA1C,EAKI;AACH,SACC,4BAAC,yBAAD;AACC,IAAA,QAAQ,EAAGH,QADZ;AAEC,IAAA,IAAI,EAAGI,iBAFR;AAGC,IAAA,KAAK,EAAGH,KAHT;AAIC,IAAA,OAAO,EAAG,MAAMC,QAAQ,CAAE,CAAEF,QAAJ,CAJzB;AAKC,IAAA,QAAQ,EAAGG;AALZ,IADD;AASA;;eAEcJ,+B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { fullscreen } from '@wordpress/icons';\n\nfunction BlockFullHeightAlignmentControl( {\n\tisActive,\n\tlabel = __( 'Toggle full height' ),\n\tonToggle,\n\tisDisabled,\n} ) {\n\treturn (\n\t\t<ToolbarButton\n\t\t\tisActive={ isActive }\n\t\t\ticon={ fullscreen }\n\t\t\tlabel={ label }\n\t\t\tonClick={ () => onToggle( ! isActive ) }\n\t\t\tdisabled={ isDisabled }\n\t\t/>\n\t);\n}\n\nexport default BlockFullHeightAlignmentControl;\n"]}
+{"version":3,"names":["_i18n","require","_components","_icons","BlockFullHeightAlignmentControl","isActive","label","__","onToggle","isDisabled","_element","createElement","ToolbarButton","icon","fullscreen","onClick","disabled","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-full-height-alignment-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { fullscreen } from '@wordpress/icons';\n\nfunction BlockFullHeightAlignmentControl( {\n\tisActive,\n\tlabel = __( 'Toggle full height' ),\n\tonToggle,\n\tisDisabled,\n} ) {\n\treturn (\n\t\t<ToolbarButton\n\t\t\tisActive={ isActive }\n\t\t\ticon={ fullscreen }\n\t\t\tlabel={ label }\n\t\t\tonClick={ () => onToggle( ! isActive ) }\n\t\t\tdisabled={ isDisabled }\n\t\t/>\n\t);\n}\n\nexport default BlockFullHeightAlignmentControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,+BAA+BA,CAAE;EACzCC,QAAQ;EACRC,KAAK,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAClCC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,aAAa;IACbP,QAAQ,EAAGA,QAAU;IACrBQ,IAAI,EAAGC,iBAAY;IACnBR,KAAK,EAAGA,KAAO;IACfS,OAAO,EAAGA,CAAA,KAAMP,QAAQ,CAAE,CAAEH,QAAS,CAAG;IACxCW,QAAQ,EAAGP;EAAY,CACvB,CAAC;AAEJ;AAAC,IAAAQ,QAAA,GAEcb,+BAA+B;AAAAc,OAAA,CAAAC,OAAA,GAAAF,QAAA"}