@wordpress/block-editor 12.7.0 → 12.8.1

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

@@ -2,20 +2,20 @@
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useContext } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { __unstableGetBlockProps as getBlockProps, getBlockType, store as blocksStore } from '@wordpress/blocks';
 import { useMergeRefs, useDisabled } from '@wordpress/compose';
 import { useSelect } from '@wordpress/data';
 import warning from '@wordpress/warning';
+
 /**
  * Internal dependencies
  */
-
 import useMovingAnimation from '../../use-moving-animation';
 import { BlockListBlockContext } from '../block-list-block-context';
 import { useFocusFirstElement } from './use-focus-first-element';
@@ -33,12 +33,13 @@ import { useIntersectionObserver } from './use-intersection-observer';
 import { store as blockEditorStore } from '../../../store';
 import useBlockOverlayActive from '../../block-content-overlay';
 import { unlock } from '../../../lock-unlock';
+
 /**
  * If the block count exceeds the threshold, we disable the reordering animation
  * to avoid laginess.
  */
-
 const BLOCK_ANIMATION_THRESHOLD = 200;
+
 /**
  * This hook is used to lightly mark an element as a block element. The element
  * should be the outermost element of a block. Call this hook and pass the
@@ -48,6 +49,32 @@ const BLOCK_ANIMATION_THRESHOLD = 200;
  * also pass any other props through this hook, and they will be merged and
  * returned.
  *
+ * Use of this hook on the outermost element of a block is required if using API >= v2.
+ *
+ * @example
+ * ```js
+ * import { useBlockProps } from '@wordpress/block-editor';
+ *
+ * export default function Edit() {
+ *
+ *   const blockProps = useBlockProps(
+ *     className: 'my-custom-class',
+ *     style: {
+ *       color: '#222222',
+ *       backgroundColor: '#eeeeee'
+ *     }
+ *   )
+ *
+ *   return (
+ *	    <div { ...blockProps }>
+ *
+ *     </div>
+ *   )
+ * }
+ *
+ * ```
+ *
+ *
  * @param {Object}  props                    Optional. Props to pass to the element. Must contain
  *                                           the ref if one is defined.
  * @param {Object}  options                  Options for internal use only.
@@ -55,7 +82,6 @@ const BLOCK_ANIMATION_THRESHOLD = 200;
  *
  * @return {Object} Props to pass to the element to mark as a block.
  */
-
 export function useBlockProps(props = {}, {
   __unstableIsHtml
 } = {}) {
@@ -110,8 +136,9 @@ export function useBlockProps(props = {}, {
       isSubtreeDisabled: isBlockSubtreeDisabled(clientId)
     };
   }, [clientId]);
-  const hasOverlay = useBlockOverlayActive(clientId); // translators: %s: Type of block (i.e. Text, Image etc)
+  const hasOverlay = useBlockOverlayActive(clientId);
 
+  // translators: %s: Type of block (i.e. Text, Image etc)
   const blockLabel = sprintf(__('Block: %s'), blockTitle);
   const htmlSuffix = mode === 'html' && !__unstableIsHtml ? '-visual' : '';
   const mergedRefs = useMergeRefs([props.ref, useFocusFirstElement(clientId), useBlockRefProvider(clientId), useFocusHandler(clientId), useEventHandlers(clientId), useNavModeExit(clientId), useIsHovered(), useIntersectionObserver(), useMovingAnimation({
@@ -122,12 +149,11 @@ export function useBlockProps(props = {}, {
   }), useDisabled({
     isDisabled: !hasOverlay
   })]);
-  const blockEditContext = useBlockEditContext(); // Ensures it warns only inside the `edit` implementation for the block.
-
+  const blockEditContext = useBlockEditContext();
+  // Ensures it warns only inside the `edit` implementation for the block.
   if (blockApiVersion < 2 && clientId === blockEditContext.clientId) {
-    typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? warning(`Block type "${name}" must support API version 2 or higher to work correctly with "useBlockProps" method.`) : void 0;
+    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warning(`Block type "${name}" must support API version 2 or higher to work correctly with "useBlockProps" method.`) : void 0;
   }
-
   return {
     tabIndex: 0,
     ...wrapperProps,
@@ -140,21 +166,23 @@ export function useBlockProps(props = {}, {
     'data-type': name,
     'data-title': blockTitle,
     inert: isSubtreeDisabled ? 'true' : undefined,
-    className: classnames( // The wp-block className is important for editor styles.
+    className: classnames(
+    // The wp-block className is important for editor styles.
     classnames('block-editor-block-list__block', {
       'wp-block': !isAligned,
       'has-block-overlay': hasOverlay
     }), className, props.className, wrapperProps.className, useBlockClassNames(clientId), useBlockDefaultClassName(clientId), useBlockCustomClassName(clientId), useBlockMovingModeClassNames(clientId)),
-    style: { ...wrapperProps.style,
+    style: {
+      ...wrapperProps.style,
       ...props.style
     }
   };
 }
+
 /**
  * Call within a save function to get the props for the block wrapper.
  *
  * @param {Object} props Optional. Props to pass to the element.
  */
-
 useBlockProps.save = getBlockProps;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.js"],"names":["classnames","useContext","__","sprintf","__unstableGetBlockProps","getBlockProps","getBlockType","store","blocksStore","useMergeRefs","useDisabled","useSelect","warning","useMovingAnimation","BlockListBlockContext","useFocusFirstElement","useIsHovered","useBlockEditContext","useBlockClassNames","useBlockDefaultClassName","useBlockCustomClassName","useBlockMovingModeClassNames","useFocusHandler","useEventHandlers","useNavModeExit","useBlockRefProvider","useIntersectionObserver","blockEditorStore","useBlockOverlayActive","unlock","BLOCK_ANIMATION_THRESHOLD","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isPartOfSelection","adjustScrolling","enableAnimation","isSubtreeDisabled","select","getBlockAttributes","getBlockIndex","getBlockMode","getBlockName","isTyping","getGlobalBlockCount","isBlockSelected","isBlockMultiSelected","isAncestorMultiSelected","isFirstMultiSelectedBlock","isBlockSubtreeDisabled","getActiveBlockVariation","isSelected","isPartOfMultiSelection","blockName","blockType","attributes","match","apiVersion","title","hasOverlay","blockLabel","htmlSuffix","mergedRefs","ref","triggerAnimationOnChange","isDisabled","blockEditContext","tabIndex","id","role","inert","undefined","style","save"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__unstableGetBlockProps as getBlockProps,\n\tgetBlockType,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../../use-moving-animation';\nimport { BlockListBlockContext } from '../block-list-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport { useBlockEditContext } from '../../block-edit/context';\nimport { useBlockClassNames } from './use-block-class-names';\nimport { useBlockDefaultClassName } from './use-block-default-class-name';\nimport { useBlockCustomClassName } from './use-block-custom-class-name';\nimport { useBlockMovingModeClassNames } from './use-block-moving-mode-class-names';\nimport { useFocusHandler } from './use-focus-handler';\nimport { useEventHandlers } from './use-selected-block-event-handlers';\nimport { useNavModeExit } from './use-nav-mode-exit';\nimport { useBlockRefProvider } from './use-block-refs';\nimport { useIntersectionObserver } from './use-intersection-observer';\nimport { store as blockEditorStore } from '../../../store';\nimport useBlockOverlayActive from '../../block-content-overlay';\nimport { unlock } from '../../../lock-unlock';\n\n/**\n * If the block count exceeds the threshold, we disable the reordering animation\n * to avoid laginess.\n */\nconst BLOCK_ANIMATION_THRESHOLD = 200;\n\n/**\n * This hook is used to lightly mark an element as a block element. The element\n * should be the outermost element of a block. Call this hook and pass the\n * returned props to the element to mark as a block. If you define a ref for the\n * element, it is important to pass the ref to this hook, which the hook in turn\n * will pass to the component through the props it returns. Optionally, you can\n * also pass any other props through this hook, and they will be merged and\n * returned.\n *\n * @param {Object}  props                    Optional. Props to pass to the element. Must contain\n *                                           the ref if one is defined.\n * @param {Object}  options                  Options for internal use only.\n * @param {boolean} options.__unstableIsHtml\n *\n * @return {Object} Props to pass to the element to mark as a block.\n */\nexport function useBlockProps( props = {}, { __unstableIsHtml } = {} ) {\n\tconst {\n\t\tclientId,\n\t\tclassName,\n\t\twrapperProps = {},\n\t\tisAligned,\n\t} = useContext( BlockListBlockContext );\n\tconst {\n\t\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisPartOfSelection,\n\t\tadjustScrolling,\n\t\tenableAnimation,\n\t\tisSubtreeDisabled,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockMode,\n\t\t\t\tgetBlockName,\n\t\t\t\tisTyping,\n\t\t\t\tgetGlobalBlockCount,\n\t\t\t\tisBlockSelected,\n\t\t\t\tisBlockMultiSelected,\n\t\t\t\tisAncestorMultiSelected,\n\t\t\t\tisFirstMultiSelectedBlock,\n\t\t\t\tisBlockSubtreeDisabled,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst { getActiveBlockVariation } = select( blocksStore );\n\t\t\tconst isSelected = isBlockSelected( clientId );\n\t\t\tconst isPartOfMultiSelection =\n\t\t\t\tisBlockMultiSelected( clientId ) ||\n\t\t\t\tisAncestorMultiSelected( clientId );\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst match = getActiveBlockVariation( blockName, attributes );\n\n\t\t\treturn {\n\t\t\t\tindex: getBlockIndex( clientId ),\n\t\t\t\tmode: getBlockMode( clientId ),\n\t\t\t\tname: blockName,\n\t\t\t\tblockApiVersion: blockType?.apiVersion || 1,\n\t\t\t\tblockTitle: match?.title || blockType?.title,\n\t\t\t\tisPartOfSelection: isSelected || isPartOfMultiSelection,\n\t\t\t\tadjustScrolling:\n\t\t\t\t\tisSelected || isFirstMultiSelectedBlock( clientId ),\n\t\t\t\tenableAnimation:\n\t\t\t\t\t! isTyping() &&\n\t\t\t\t\tgetGlobalBlockCount() <= BLOCK_ANIMATION_THRESHOLD,\n\t\t\t\tisSubtreeDisabled: isBlockSubtreeDisabled( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst hasOverlay = useBlockOverlayActive( clientId );\n\n\t// translators: %s: Type of block (i.e. Text, Image etc)\n\tconst blockLabel = sprintf( __( 'Block: %s' ), blockTitle );\n\tconst htmlSuffix = mode === 'html' && ! __unstableIsHtml ? '-visual' : '';\n\tconst mergedRefs = useMergeRefs( [\n\t\tprops.ref,\n\t\tuseFocusFirstElement( clientId ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( clientId ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered(),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( {\n\t\t\tisSelected: isPartOfSelection,\n\t\t\tadjustScrolling,\n\t\t\tenableAnimation,\n\t\t\ttriggerAnimationOnChange: index,\n\t\t} ),\n\t\tuseDisabled( { isDisabled: ! hasOverlay } ),\n\t] );\n\n\tconst blockEditContext = useBlockEditContext();\n\t// Ensures it warns only inside the `edit` implementation for the block.\n\tif ( blockApiVersion < 2 && clientId === blockEditContext.clientId ) {\n\t\twarning(\n\t\t\t`Block type \"${ name }\" must support API version 2 or higher to work correctly with \"useBlockProps\" method.`\n\t\t);\n\t}\n\n\treturn {\n\t\ttabIndex: 0,\n\t\t...wrapperProps,\n\t\t...props,\n\t\tref: mergedRefs,\n\t\tid: `block-${ clientId }${ htmlSuffix }`,\n\t\trole: 'document',\n\t\t'aria-label': blockLabel,\n\t\t'data-block': clientId,\n\t\t'data-type': name,\n\t\t'data-title': blockTitle,\n\t\tinert: isSubtreeDisabled ? 'true' : undefined,\n\t\tclassName: classnames(\n\t\t\t// The wp-block className is important for editor styles.\n\t\t\tclassnames( 'block-editor-block-list__block', {\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t} ),\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tuseBlockClassNames( clientId ),\n\t\t\tuseBlockDefaultClassName( clientId ),\n\t\t\tuseBlockCustomClassName( clientId ),\n\t\t\tuseBlockMovingModeClassNames( clientId )\n\t\t),\n\t\tstyle: { ...wrapperProps.style, ...props.style },\n\t};\n}\n\n/**\n * Call within a save function to get the props for the block wrapper.\n *\n * @param {Object} props Optional. Props to pass to the element.\n */\nuseBlockProps.save = getBlockProps;\n"]}
+{"version":3,"names":["classnames","useContext","__","sprintf","__unstableGetBlockProps","getBlockProps","getBlockType","store","blocksStore","useMergeRefs","useDisabled","useSelect","warning","useMovingAnimation","BlockListBlockContext","useFocusFirstElement","useIsHovered","useBlockEditContext","useBlockClassNames","useBlockDefaultClassName","useBlockCustomClassName","useBlockMovingModeClassNames","useFocusHandler","useEventHandlers","useNavModeExit","useBlockRefProvider","useIntersectionObserver","blockEditorStore","useBlockOverlayActive","unlock","BLOCK_ANIMATION_THRESHOLD","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isPartOfSelection","adjustScrolling","enableAnimation","isSubtreeDisabled","select","getBlockAttributes","getBlockIndex","getBlockMode","getBlockName","isTyping","getGlobalBlockCount","isBlockSelected","isBlockMultiSelected","isAncestorMultiSelected","isFirstMultiSelectedBlock","isBlockSubtreeDisabled","getActiveBlockVariation","isSelected","isPartOfMultiSelection","blockName","blockType","attributes","match","apiVersion","title","hasOverlay","blockLabel","htmlSuffix","mergedRefs","ref","triggerAnimationOnChange","isDisabled","blockEditContext","SCRIPT_DEBUG","tabIndex","id","role","inert","undefined","style","save"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__unstableGetBlockProps as getBlockProps,\n\tgetBlockType,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../../use-moving-animation';\nimport { BlockListBlockContext } from '../block-list-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport { useBlockEditContext } from '../../block-edit/context';\nimport { useBlockClassNames } from './use-block-class-names';\nimport { useBlockDefaultClassName } from './use-block-default-class-name';\nimport { useBlockCustomClassName } from './use-block-custom-class-name';\nimport { useBlockMovingModeClassNames } from './use-block-moving-mode-class-names';\nimport { useFocusHandler } from './use-focus-handler';\nimport { useEventHandlers } from './use-selected-block-event-handlers';\nimport { useNavModeExit } from './use-nav-mode-exit';\nimport { useBlockRefProvider } from './use-block-refs';\nimport { useIntersectionObserver } from './use-intersection-observer';\nimport { store as blockEditorStore } from '../../../store';\nimport useBlockOverlayActive from '../../block-content-overlay';\nimport { unlock } from '../../../lock-unlock';\n\n/**\n * If the block count exceeds the threshold, we disable the reordering animation\n * to avoid laginess.\n */\nconst BLOCK_ANIMATION_THRESHOLD = 200;\n\n/**\n * This hook is used to lightly mark an element as a block element. The element\n * should be the outermost element of a block. Call this hook and pass the\n * returned props to the element to mark as a block. If you define a ref for the\n * element, it is important to pass the ref to this hook, which the hook in turn\n * will pass to the component through the props it returns. Optionally, you can\n * also pass any other props through this hook, and they will be merged and\n * returned.\n *\n * Use of this hook on the outermost element of a block is required if using API >= v2.\n *\n * @example\n * ```js\n * import { useBlockProps } from '@wordpress/block-editor';\n *\n * export default function Edit() {\n *\n *   const blockProps = useBlockProps(\n *     className: 'my-custom-class',\n *     style: {\n *       color: '#222222',\n *       backgroundColor: '#eeeeee'\n *     }\n *   )\n *\n *   return (\n *\t    <div { ...blockProps }>\n *\n *     </div>\n *   )\n * }\n *\n * ```\n *\n *\n * @param {Object}  props                    Optional. Props to pass to the element. Must contain\n *                                           the ref if one is defined.\n * @param {Object}  options                  Options for internal use only.\n * @param {boolean} options.__unstableIsHtml\n *\n * @return {Object} Props to pass to the element to mark as a block.\n */\nexport function useBlockProps( props = {}, { __unstableIsHtml } = {} ) {\n\tconst {\n\t\tclientId,\n\t\tclassName,\n\t\twrapperProps = {},\n\t\tisAligned,\n\t} = useContext( BlockListBlockContext );\n\tconst {\n\t\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisPartOfSelection,\n\t\tadjustScrolling,\n\t\tenableAnimation,\n\t\tisSubtreeDisabled,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockMode,\n\t\t\t\tgetBlockName,\n\t\t\t\tisTyping,\n\t\t\t\tgetGlobalBlockCount,\n\t\t\t\tisBlockSelected,\n\t\t\t\tisBlockMultiSelected,\n\t\t\t\tisAncestorMultiSelected,\n\t\t\t\tisFirstMultiSelectedBlock,\n\t\t\t\tisBlockSubtreeDisabled,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst { getActiveBlockVariation } = select( blocksStore );\n\t\t\tconst isSelected = isBlockSelected( clientId );\n\t\t\tconst isPartOfMultiSelection =\n\t\t\t\tisBlockMultiSelected( clientId ) ||\n\t\t\t\tisAncestorMultiSelected( clientId );\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst match = getActiveBlockVariation( blockName, attributes );\n\n\t\t\treturn {\n\t\t\t\tindex: getBlockIndex( clientId ),\n\t\t\t\tmode: getBlockMode( clientId ),\n\t\t\t\tname: blockName,\n\t\t\t\tblockApiVersion: blockType?.apiVersion || 1,\n\t\t\t\tblockTitle: match?.title || blockType?.title,\n\t\t\t\tisPartOfSelection: isSelected || isPartOfMultiSelection,\n\t\t\t\tadjustScrolling:\n\t\t\t\t\tisSelected || isFirstMultiSelectedBlock( clientId ),\n\t\t\t\tenableAnimation:\n\t\t\t\t\t! isTyping() &&\n\t\t\t\t\tgetGlobalBlockCount() <= BLOCK_ANIMATION_THRESHOLD,\n\t\t\t\tisSubtreeDisabled: isBlockSubtreeDisabled( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst hasOverlay = useBlockOverlayActive( clientId );\n\n\t// translators: %s: Type of block (i.e. Text, Image etc)\n\tconst blockLabel = sprintf( __( 'Block: %s' ), blockTitle );\n\tconst htmlSuffix = mode === 'html' && ! __unstableIsHtml ? '-visual' : '';\n\tconst mergedRefs = useMergeRefs( [\n\t\tprops.ref,\n\t\tuseFocusFirstElement( clientId ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( clientId ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered(),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( {\n\t\t\tisSelected: isPartOfSelection,\n\t\t\tadjustScrolling,\n\t\t\tenableAnimation,\n\t\t\ttriggerAnimationOnChange: index,\n\t\t} ),\n\t\tuseDisabled( { isDisabled: ! hasOverlay } ),\n\t] );\n\n\tconst blockEditContext = useBlockEditContext();\n\t// Ensures it warns only inside the `edit` implementation for the block.\n\tif ( blockApiVersion < 2 && clientId === blockEditContext.clientId ) {\n\t\twarning(\n\t\t\t`Block type \"${ name }\" must support API version 2 or higher to work correctly with \"useBlockProps\" method.`\n\t\t);\n\t}\n\n\treturn {\n\t\ttabIndex: 0,\n\t\t...wrapperProps,\n\t\t...props,\n\t\tref: mergedRefs,\n\t\tid: `block-${ clientId }${ htmlSuffix }`,\n\t\trole: 'document',\n\t\t'aria-label': blockLabel,\n\t\t'data-block': clientId,\n\t\t'data-type': name,\n\t\t'data-title': blockTitle,\n\t\tinert: isSubtreeDisabled ? 'true' : undefined,\n\t\tclassName: classnames(\n\t\t\t// The wp-block className is important for editor styles.\n\t\t\tclassnames( 'block-editor-block-list__block', {\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t} ),\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tuseBlockClassNames( clientId ),\n\t\t\tuseBlockDefaultClassName( clientId ),\n\t\t\tuseBlockCustomClassName( clientId ),\n\t\t\tuseBlockMovingModeClassNames( clientId )\n\t\t),\n\t\tstyle: { ...wrapperProps.style, ...props.style },\n\t};\n}\n\n/**\n * Call within a save function to get the props for the block wrapper.\n *\n * @param {Object} props Optional. Props to pass to the element.\n */\nuseBlockProps.save = getBlockProps;\n"],"mappings":"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"}

package/build-module/components/block-list/use-block-props/index.native.js

@@ -3,8 +3,10 @@
  */
 import { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';
 export function useBlockProps(props = {}) {
-  return { ...props,
-    style: { ...{
+  return {
+    ...props,
+    style: {
+      ...{
         flex: 1
       },
       ...props.style

package/build-module/components/block-list/use-block-props/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.native.js"],"names":["__unstableGetBlockProps","getBlockProps","useBlockProps","props","style","flex","save"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,aAApC,QAAyD,mBAAzD;AAEA,OAAO,SAASC,aAAT,CAAwBC,KAAK,GAAG,EAAhC,EAAqC;AAC3C,SAAO,EAAE,GAAGA,KAAL;AAAYC,IAAAA,KAAK,EAAE,EAAE,GAAG;AAAEC,QAAAA,IAAI,EAAE;AAAR,OAAL;AAAkB,SAAGF,KAAK,CAACC;AAA3B;AAAnB,GAAP;AACA;AAEDF,aAAa,CAACI,IAAd,GAAqBL,aAArB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\n\nexport function useBlockProps( props = {} ) {\n\treturn { ...props, style: { ...{ flex: 1 }, ...props.style } };\n}\n\nuseBlockProps.save = getBlockProps;\n"]}
+{"version":3,"names":["__unstableGetBlockProps","getBlockProps","useBlockProps","props","style","flex","save"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\n\nexport function useBlockProps( props = {} ) {\n\treturn { ...props, style: { ...{ flex: 1 }, ...props.style } };\n}\n\nuseBlockProps.save = getBlockProps;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,aAAa,QAAQ,mBAAmB;AAE5E,OAAO,SAASC,aAAaA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAG;EAC3C,OAAO;IAAE,GAAGA,KAAK;IAAEC,KAAK,EAAE;MAAE,GAAG;QAAEC,IAAI,EAAE;MAAE,CAAC;MAAE,GAAGF,KAAK,CAACC;IAAM;EAAE,CAAC;AAC/D;AAEAF,aAAa,CAACI,IAAI,GAAGL,aAAa"}

package/build-module/components/block-list/use-block-props/use-block-class-names.js

@@ -2,17 +2,18 @@
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useSelect } from '@wordpress/data';
 import { isReusableBlock, getBlockType } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Returns the class names used for the different states of the block.
  *
@@ -20,7 +21,6 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @return {string} The class names.
  */
-
 export function useBlockClassNames(clientId) {
   return useSelect(select => {
     const {
@@ -41,8 +41,8 @@ export function useBlockClassNames(clientId) {
     const isDragging = isBlockBeingDragged(clientId);
     const isSelected = isBlockSelected(clientId);
     const name = getBlockName(clientId);
-    const checkDeep = true; // "ancestor" is the more appropriate label due to "deep" check.
-
+    const checkDeep = true;
+    // "ancestor" is the more appropriate label due to "deep" check.
     const isAncestorOfSelectedBlock = hasSelectedInnerBlock(clientId, checkDeep);
     const isMultiSelected = isBlockMultiSelected(clientId);
     return classnames({

package/build-module/components/block-list/use-block-props/use-block-class-names.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-class-names.js"],"names":["classnames","useSelect","isReusableBlock","getBlockType","store","blockEditorStore","useBlockClassNames","clientId","select","isBlockBeingDragged","isBlockHighlighted","isBlockSelected","isBlockMultiSelected","getBlockName","getSettings","hasSelectedInnerBlock","isTyping","__unstableIsFullySelected","__unstableSelectionHasUnmergeableBlock","outlineMode","isDragging","isSelected","name","checkDeep","isAncestorOfSelectedBlock","isMultiSelected"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,eAAT,EAA0BC,YAA1B,QAA8C,mBAA9C;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,kBAAT,CAA6BC,QAA7B,EAAwC;AAC9C,SAAON,SAAS,CACbO,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,mBADK;AAELC,MAAAA,kBAFK;AAGLC,MAAAA,eAHK;AAILC,MAAAA,oBAJK;AAKLC,MAAAA,YALK;AAMLC,MAAAA,WANK;AAOLC,MAAAA,qBAPK;AAQLC,MAAAA,QARK;AASLC,MAAAA,yBATK;AAULC,MAAAA;AAVK,QAWFV,MAAM,CAAEH,gBAAF,CAXV;AAYA,UAAM;AAAEc,MAAAA;AAAF,QAAkBL,WAAW,EAAnC;AACA,UAAMM,UAAU,GAAGX,mBAAmB,CAAEF,QAAF,CAAtC;AACA,UAAMc,UAAU,GAAGV,eAAe,CAAEJ,QAAF,CAAlC;AACA,UAAMe,IAAI,GAAGT,YAAY,CAAEN,QAAF,CAAzB;AACA,UAAMgB,SAAS,GAAG,IAAlB,CAjBa,CAkBb;;AACA,UAAMC,yBAAyB,GAAGT,qBAAqB,CACtDR,QADsD,EAEtDgB,SAFsD,CAAvD;AAIA,UAAME,eAAe,GAAGb,oBAAoB,CAAEL,QAAF,CAA5C;AACA,WAAOP,UAAU,CAAE;AAClB,qBAAeqB,UADG;AAElB,wBAAkBX,kBAAkB,CAAEH,QAAF,CAFlB;AAGlB,2BAAqBkB,eAHH;AAIlB,+BACCA,eAAe,IACf,CAAER,yBAAyB,EAD3B,IAEA,CAAEC,sCAAsC,EAPvB;AAQlB,qBAAehB,eAAe,CAAEC,YAAY,CAAEmB,IAAF,CAAd,CARZ;AASlB,qBAAeF,UATG;AAUlB,4BAAsBI,yBAVJ;AAWlB,wBAAkBH,UAAU,IAAIF,WAAd,IAA6BH,QAAQ;AAXrC,KAAF,CAAjB;AAaA,GAtCc,EAuCf,CAAET,QAAF,CAvCe,CAAhB;AAyCA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { isReusableBlock, getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the class names used for the different states of the block.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The class names.\n */\nexport function useBlockClassNames( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockBeingDragged,\n\t\t\t\tisBlockHighlighted,\n\t\t\t\tisBlockSelected,\n\t\t\t\tisBlockMultiSelected,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetSettings,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tisTyping,\n\t\t\t\t__unstableIsFullySelected,\n\t\t\t\t__unstableSelectionHasUnmergeableBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { outlineMode } = getSettings();\n\t\t\tconst isDragging = isBlockBeingDragged( clientId );\n\t\t\tconst isSelected = isBlockSelected( clientId );\n\t\t\tconst name = getBlockName( clientId );\n\t\t\tconst checkDeep = true;\n\t\t\t// \"ancestor\" is the more appropriate label due to \"deep\" check.\n\t\t\tconst isAncestorOfSelectedBlock = hasSelectedInnerBlock(\n\t\t\t\tclientId,\n\t\t\t\tcheckDeep\n\t\t\t);\n\t\t\tconst isMultiSelected = isBlockMultiSelected( clientId );\n\t\t\treturn classnames( {\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isBlockHighlighted( clientId ),\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected':\n\t\t\t\t\tisMultiSelected &&\n\t\t\t\t\t! __unstableIsFullySelected() &&\n\t\t\t\t\t! __unstableSelectionHasUnmergeableBlock(),\n\t\t\t\t'is-reusable': isReusableBlock( getBlockType( name ) ),\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': isAncestorOfSelectedBlock,\n\t\t\t\t'remove-outline': isSelected && outlineMode && isTyping(),\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"names":["classnames","useSelect","isReusableBlock","getBlockType","store","blockEditorStore","useBlockClassNames","clientId","select","isBlockBeingDragged","isBlockHighlighted","isBlockSelected","isBlockMultiSelected","getBlockName","getSettings","hasSelectedInnerBlock","isTyping","__unstableIsFullySelected","__unstableSelectionHasUnmergeableBlock","outlineMode","isDragging","isSelected","name","checkDeep","isAncestorOfSelectedBlock","isMultiSelected"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-class-names.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { isReusableBlock, getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the class names used for the different states of the block.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The class names.\n */\nexport function useBlockClassNames( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockBeingDragged,\n\t\t\t\tisBlockHighlighted,\n\t\t\t\tisBlockSelected,\n\t\t\t\tisBlockMultiSelected,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetSettings,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tisTyping,\n\t\t\t\t__unstableIsFullySelected,\n\t\t\t\t__unstableSelectionHasUnmergeableBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { outlineMode } = getSettings();\n\t\t\tconst isDragging = isBlockBeingDragged( clientId );\n\t\t\tconst isSelected = isBlockSelected( clientId );\n\t\t\tconst name = getBlockName( clientId );\n\t\t\tconst checkDeep = true;\n\t\t\t// \"ancestor\" is the more appropriate label due to \"deep\" check.\n\t\t\tconst isAncestorOfSelectedBlock = hasSelectedInnerBlock(\n\t\t\t\tclientId,\n\t\t\t\tcheckDeep\n\t\t\t);\n\t\t\tconst isMultiSelected = isBlockMultiSelected( clientId );\n\t\t\treturn classnames( {\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isBlockHighlighted( clientId ),\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected':\n\t\t\t\t\tisMultiSelected &&\n\t\t\t\t\t! __unstableIsFullySelected() &&\n\t\t\t\t\t! __unstableSelectionHasUnmergeableBlock(),\n\t\t\t\t'is-reusable': isReusableBlock( getBlockType( name ) ),\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': isAncestorOfSelectedBlock,\n\t\t\t\t'remove-outline': isSelected && outlineMode && isTyping(),\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,EAAEC,YAAY,QAAQ,mBAAmB;;AAEjE;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAEC,QAAQ,EAAG;EAC9C,OAAON,SAAS,CACbO,MAAM,IAAM;IACb,MAAM;MACLC,mBAAmB;MACnBC,kBAAkB;MAClBC,eAAe;MACfC,oBAAoB;MACpBC,YAAY;MACZC,WAAW;MACXC,qBAAqB;MACrBC,QAAQ;MACRC,yBAAyB;MACzBC;IACD,CAAC,GAAGV,MAAM,CAAEH,gBAAiB,CAAC;IAC9B,MAAM;MAAEc;IAAY,CAAC,GAAGL,WAAW,CAAC,CAAC;IACrC,MAAMM,UAAU,GAAGX,mBAAmB,CAAEF,QAAS,CAAC;IAClD,MAAMc,UAAU,GAAGV,eAAe,CAAEJ,QAAS,CAAC;IAC9C,MAAMe,IAAI,GAAGT,YAAY,CAAEN,QAAS,CAAC;IACrC,MAAMgB,SAAS,GAAG,IAAI;IACtB;IACA,MAAMC,yBAAyB,GAAGT,qBAAqB,CACtDR,QAAQ,EACRgB,SACD,CAAC;IACD,MAAME,eAAe,GAAGb,oBAAoB,CAAEL,QAAS,CAAC;IACxD,OAAOP,UAAU,CAAE;MAClB,aAAa,EAAEqB,UAAU;MACzB,gBAAgB,EAAEX,kBAAkB,CAAEH,QAAS,CAAC;MAChD,mBAAmB,EAAEkB,eAAe;MACpC,uBAAuB,EACtBA,eAAe,IACf,CAAER,yBAAyB,CAAC,CAAC,IAC7B,CAAEC,sCAAsC,CAAC,CAAC;MAC3C,aAAa,EAAEhB,eAAe,CAAEC,YAAY,CAAEmB,IAAK,CAAE,CAAC;MACtD,aAAa,EAAEF,UAAU;MACzB,oBAAoB,EAAEI,yBAAyB;MAC/C,gBAAgB,EAAEH,UAAU,IAAIF,WAAW,IAAIH,QAAQ,CAAC;IACzD,CAAE,CAAC;EACJ,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-block-custom-class-name.js

@@ -3,11 +3,12 @@
  */
 import { useSelect } from '@wordpress/data';
 import { getBlockType } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Returns the custom class name if the block is a light block.
  *
@@ -15,7 +16,6 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @return {string} The custom class name.
  */
-
 export function useBlockCustomClassName(clientId) {
   // It's good for this to be a separate selector because it will be executed
   // on every attribute change, while the other selectors are not re-evaluated
@@ -26,18 +26,14 @@ export function useBlockCustomClassName(clientId) {
       getBlockAttributes
     } = select(blockEditorStore);
     const attributes = getBlockAttributes(clientId);
-
     if (!attributes?.className) {
       return;
     }
-
     const blockType = getBlockType(getBlockName(clientId));
     const hasLightBlockWrapper = blockType?.apiVersion > 1;
-
     if (!hasLightBlockWrapper) {
       return;
     }
-
     return attributes.className;
   }, [clientId]);
 }

package/build-module/components/block-list/use-block-props/use-block-custom-class-name.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-custom-class-name.js"],"names":["useSelect","getBlockType","store","blockEditorStore","useBlockCustomClassName","clientId","select","getBlockName","getBlockAttributes","attributes","className","blockType","hasLightBlockWrapper","apiVersion"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,YAAT,QAA6B,mBAA7B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,uBAAT,CAAkCC,QAAlC,EAA6C;AACnD;AACA;AACA;AACA,SAAOL,SAAS,CACbM,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QACLF,MAAM,CAAEH,gBAAF,CADP;AAEA,UAAMM,UAAU,GAAGD,kBAAkB,CAAEH,QAAF,CAArC;;AAEA,QAAK,CAAEI,UAAU,EAAEC,SAAnB,EAA+B;AAC9B;AACA;;AAED,UAAMC,SAAS,GAAGV,YAAY,CAAEM,YAAY,CAAEF,QAAF,CAAd,CAA9B;AACA,UAAMO,oBAAoB,GAAGD,SAAS,EAAEE,UAAX,GAAwB,CAArD;;AAEA,QAAK,CAAED,oBAAP,EAA8B;AAC7B;AACA;;AAED,WAAOH,UAAU,CAACC,SAAlB;AACA,GAlBc,EAmBf,CAAEL,QAAF,CAnBe,CAAhB;AAqBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the custom class name if the block is a light block.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The custom class name.\n */\nexport function useBlockCustomClassName( clientId ) {\n\t// It's good for this to be a separate selector because it will be executed\n\t// on every attribute change, while the other selectors are not re-evaluated\n\t// as much.\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\n\t\t\tif ( ! attributes?.className ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst blockType = getBlockType( getBlockName( clientId ) );\n\t\t\tconst hasLightBlockWrapper = blockType?.apiVersion > 1;\n\n\t\t\tif ( ! hasLightBlockWrapper ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn attributes.className;\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","getBlockType","store","blockEditorStore","useBlockCustomClassName","clientId","select","getBlockName","getBlockAttributes","attributes","className","blockType","hasLightBlockWrapper","apiVersion"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-custom-class-name.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the custom class name if the block is a light block.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The custom class name.\n */\nexport function useBlockCustomClassName( clientId ) {\n\t// It's good for this to be a separate selector because it will be executed\n\t// on every attribute change, while the other selectors are not re-evaluated\n\t// as much.\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\n\t\t\tif ( ! attributes?.className ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst blockType = getBlockType( getBlockName( clientId ) );\n\t\t\tconst hasLightBlockWrapper = blockType?.apiVersion > 1;\n\n\t\t\tif ( ! hasLightBlockWrapper ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn attributes.className;\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,YAAY,QAAQ,mBAAmB;;AAEhD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAEC,QAAQ,EAAG;EACnD;EACA;EACA;EACA,OAAOL,SAAS,CACbM,MAAM,IAAM;IACb,MAAM;MAAEC,YAAY;MAAEC;IAAmB,CAAC,GACzCF,MAAM,CAAEH,gBAAiB,CAAC;IAC3B,MAAMM,UAAU,GAAGD,kBAAkB,CAAEH,QAAS,CAAC;IAEjD,IAAK,CAAEI,UAAU,EAAEC,SAAS,EAAG;MAC9B;IACD;IAEA,MAAMC,SAAS,GAAGV,YAAY,CAAEM,YAAY,CAAEF,QAAS,CAAE,CAAC;IAC1D,MAAMO,oBAAoB,GAAGD,SAAS,EAAEE,UAAU,GAAG,CAAC;IAEtD,IAAK,CAAED,oBAAoB,EAAG;MAC7B;IACD;IAEA,OAAOH,UAAU,CAACC,SAAS;EAC5B,CAAC,EACD,CAAEL,QAAQ,CACX,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-block-default-class-name.js

@@ -3,11 +3,12 @@
  */
 import { useSelect } from '@wordpress/data';
 import { getBlockType, getBlockDefaultClassName } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Returns the default class name if the block is a light block and it supports
  * `className`.
@@ -16,17 +17,14 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @return {string} The class name, e.g. `wp-block-paragraph`.
  */
-
 export function useBlockDefaultClassName(clientId) {
   return useSelect(select => {
     const name = select(blockEditorStore).getBlockName(clientId);
     const blockType = getBlockType(name);
     const hasLightBlockWrapper = blockType?.apiVersion > 1;
-
     if (!hasLightBlockWrapper) {
       return;
     }
-
     return getBlockDefaultClassName(name);
   }, [clientId]);
 }

package/build-module/components/block-list/use-block-props/use-block-default-class-name.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-default-class-name.js"],"names":["useSelect","getBlockType","getBlockDefaultClassName","store","blockEditorStore","useBlockDefaultClassName","clientId","select","name","getBlockName","blockType","hasLightBlockWrapper","apiVersion"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,YAAT,EAAuBC,wBAAvB,QAAuD,mBAAvD;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,wBAAT,CAAmCC,QAAnC,EAA8C;AACpD,SAAON,SAAS,CACbO,MAAF,IAAc;AACb,UAAMC,IAAI,GAAGD,MAAM,CAAEH,gBAAF,CAAN,CAA2BK,YAA3B,CAAyCH,QAAzC,CAAb;AACA,UAAMI,SAAS,GAAGT,YAAY,CAAEO,IAAF,CAA9B;AACA,UAAMG,oBAAoB,GAAGD,SAAS,EAAEE,UAAX,GAAwB,CAArD;;AAEA,QAAK,CAAED,oBAAP,EAA8B;AAC7B;AACA;;AAED,WAAOT,wBAAwB,CAAEM,IAAF,CAA/B;AACA,GAXc,EAYf,CAAEF,QAAF,CAZe,CAAhB;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getBlockType, getBlockDefaultClassName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the default class name if the block is a light block and it supports\n * `className`.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The class name, e.g. `wp-block-paragraph`.\n */\nexport function useBlockDefaultClassName( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst name = select( blockEditorStore ).getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( name );\n\t\t\tconst hasLightBlockWrapper = blockType?.apiVersion > 1;\n\n\t\t\tif ( ! hasLightBlockWrapper ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn getBlockDefaultClassName( name );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","getBlockType","getBlockDefaultClassName","store","blockEditorStore","useBlockDefaultClassName","clientId","select","name","getBlockName","blockType","hasLightBlockWrapper","apiVersion"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-default-class-name.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getBlockType, getBlockDefaultClassName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the default class name if the block is a light block and it supports\n * `className`.\n *\n * @param {string} clientId The block client ID.\n *\n * @return {string} The class name, e.g. `wp-block-paragraph`.\n */\nexport function useBlockDefaultClassName( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst name = select( blockEditorStore ).getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( name );\n\t\t\tconst hasLightBlockWrapper = blockType?.apiVersion > 1;\n\n\t\t\tif ( ! hasLightBlockWrapper ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn getBlockDefaultClassName( name );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,wBAAwB,QAAQ,mBAAmB;;AAE1E;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAEC,QAAQ,EAAG;EACpD,OAAON,SAAS,CACbO,MAAM,IAAM;IACb,MAAMC,IAAI,GAAGD,MAAM,CAAEH,gBAAiB,CAAC,CAACK,YAAY,CAAEH,QAAS,CAAC;IAChE,MAAMI,SAAS,GAAGT,YAAY,CAAEO,IAAK,CAAC;IACtC,MAAMG,oBAAoB,GAAGD,SAAS,EAAEE,UAAU,GAAG,CAAC;IAEtD,IAAK,CAAED,oBAAoB,EAAG;MAC7B;IACD;IAEA,OAAOT,wBAAwB,CAAEM,IAAK,CAAC;EACxC,CAAC,EACD,CAAEF,QAAQ,CACX,CAAC;AACF"}

package/build-module/components/block-list/use-block-props/use-block-moving-mode-class-names.js

@@ -2,16 +2,17 @@
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../../store';
+
 /**
  * Returns the class names used for block moving mode.
  *
@@ -19,7 +20,6 @@ import { store as blockEditorStore } from '../../../store';
  *
  * @return {string} The class names.
  */
-
 export function useBlockMovingModeClassNames(clientId) {
   return useSelect(select => {
     const {
@@ -28,19 +28,17 @@ export function useBlockMovingModeClassNames(clientId) {
       getBlockName,
       getBlockRootClientId,
       isBlockSelected
-    } = select(blockEditorStore); // The classes are only relevant for the selected block. Avoid
-    // re-rendering all blocks!
+    } = select(blockEditorStore);
 
+    // The classes are only relevant for the selected block. Avoid
+    // re-rendering all blocks!
     if (!isBlockSelected(clientId)) {
       return;
     }
-
     const movingClientId = hasBlockMovingClientId();
-
     if (!movingClientId) {
       return;
     }
-
     return classnames('is-block-moving-mode', {
       'can-insert-moving-block': canInsertBlockType(getBlockName(movingClientId), getBlockRootClientId(clientId))
     });

package/build-module/components/block-list/use-block-props/use-block-moving-mode-class-names.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-moving-mode-class-names.js"],"names":["classnames","useSelect","store","blockEditorStore","useBlockMovingModeClassNames","clientId","select","hasBlockMovingClientId","canInsertBlockType","getBlockName","getBlockRootClientId","isBlockSelected","movingClientId"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,gBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,4BAAT,CAAuCC,QAAvC,EAAkD;AACxD,SAAOJ,SAAS,CACbK,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,sBADK;AAELC,MAAAA,kBAFK;AAGLC,MAAAA,YAHK;AAILC,MAAAA,oBAJK;AAKLC,MAAAA;AALK,QAMFL,MAAM,CAAEH,gBAAF,CANV,CADa,CASb;AACA;;AACA,QAAK,CAAEQ,eAAe,CAAEN,QAAF,CAAtB,EAAqC;AACpC;AACA;;AAED,UAAMO,cAAc,GAAGL,sBAAsB,EAA7C;;AAEA,QAAK,CAAEK,cAAP,EAAwB;AACvB;AACA;;AAED,WAAOZ,UAAU,CAAE,sBAAF,EAA0B;AAC1C,iCAA2BQ,kBAAkB,CAC5CC,YAAY,CAAEG,cAAF,CADgC,EAE5CF,oBAAoB,CAAEL,QAAF,CAFwB;AADH,KAA1B,CAAjB;AAMA,GA5Bc,EA6Bf,CAAEA,QAAF,CA7Be,CAAhB;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the class names used for block moving mode.\n *\n * @param {string} clientId The block client ID to insert above.\n *\n * @return {string} The class names.\n */\nexport function useBlockMovingModeClassNames( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasBlockMovingClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tisBlockSelected,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\t// The classes are only relevant for the selected block. Avoid\n\t\t\t// re-rendering all blocks!\n\t\t\tif ( ! isBlockSelected( clientId ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst movingClientId = hasBlockMovingClientId();\n\n\t\t\tif ( ! movingClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn classnames( 'is-block-moving-mode', {\n\t\t\t\t'can-insert-moving-block': canInsertBlockType(\n\t\t\t\t\tgetBlockName( movingClientId ),\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"names":["classnames","useSelect","store","blockEditorStore","useBlockMovingModeClassNames","clientId","select","hasBlockMovingClientId","canInsertBlockType","getBlockName","getBlockRootClientId","isBlockSelected","movingClientId"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-moving-mode-class-names.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Returns the class names used for block moving mode.\n *\n * @param {string} clientId The block client ID to insert above.\n *\n * @return {string} The class names.\n */\nexport function useBlockMovingModeClassNames( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasBlockMovingClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tisBlockSelected,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\t// The classes are only relevant for the selected block. Avoid\n\t\t\t// re-rendering all blocks!\n\t\t\tif ( ! isBlockSelected( clientId ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst movingClientId = hasBlockMovingClientId();\n\n\t\t\tif ( ! movingClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn classnames( 'is-block-moving-mode', {\n\t\t\t\t'can-insert-moving-block': canInsertBlockType(\n\t\t\t\t\tgetBlockName( movingClientId ),\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t),\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAAEC,QAAQ,EAAG;EACxD,OAAOJ,SAAS,CACbK,MAAM,IAAM;IACb,MAAM;MACLC,sBAAsB;MACtBC,kBAAkB;MAClBC,YAAY;MACZC,oBAAoB;MACpBC;IACD,CAAC,GAAGL,MAAM,CAAEH,gBAAiB,CAAC;;IAE9B;IACA;IACA,IAAK,CAAEQ,eAAe,CAAEN,QAAS,CAAC,EAAG;MACpC;IACD;IAEA,MAAMO,cAAc,GAAGL,sBAAsB,CAAC,CAAC;IAE/C,IAAK,CAAEK,cAAc,EAAG;MACvB;IACD;IAEA,OAAOZ,UAAU,CAAE,sBAAsB,EAAE;MAC1C,yBAAyB,EAAEQ,kBAAkB,CAC5CC,YAAY,CAAEG,cAAe,CAAC,EAC9BF,oBAAoB,CAAEL,QAAS,CAChC;IACD,CAAE,CAAC;EACJ,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;AACF"}

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

@@ -3,13 +3,13 @@
  */
 import { useContext, useLayoutEffect, useMemo, useRef, useState } from '@wordpress/element';
 import { useRefEffect } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { BlockRefs } from '../../provider/block-refs-provider';
-/** @typedef {import('@wordpress/element').RefCallback} RefCallback */
 
+/** @typedef {import('@wordpress/element').RefCallback} RefCallback */
 /** @typedef {import('@wordpress/element').RefObject} RefObject */
 
 /**
@@ -19,7 +19,6 @@ import { BlockRefs } from '../../provider/block-refs-provider';
  *
  * @return {RefCallback} Ref callback.
  */
-
 export function useBlockRefProvider(clientId) {
   const {
     refs,
@@ -34,8 +33,8 @@ export function useBlockRefProvider(clientId) {
   }, [clientId]);
   return useRefEffect(element => {
     // Update the ref in the provider.
-    ref.current = element; // Call any update functions.
-
+    ref.current = element;
+    // Call any update functions.
     callbacks.forEach((id, setElement) => {
       if (clientId === id) {
         setElement(element);
@@ -43,6 +42,7 @@ export function useBlockRefProvider(clientId) {
     });
   }, [clientId]);
 }
+
 /**
  * Gets a ref pointing to the current block element. Continues to return a
  * stable ref even if the block client ID changes.
@@ -51,31 +51,30 @@ export function useBlockRefProvider(clientId) {
  *
  * @return {RefObject} A ref containing the element.
  */
-
 function useBlockRef(clientId) {
   const {
     refs
   } = useContext(BlockRefs);
   const freshClientId = useRef();
-  freshClientId.current = clientId; // Always return an object, even if no ref exists for a given client ID, so
+  freshClientId.current = clientId;
+  // Always return an object, even if no ref exists for a given client ID, so
   // that `current` works at a later point.
-
   return useMemo(() => ({
     get current() {
-      let element = null; // Multiple refs may be created for a single block. Find the
-      // first that has an element set.
+      let element = null;
 
+      // Multiple refs may be created for a single block. Find the
+      // first that has an element set.
       for (const [ref, id] of refs.entries()) {
         if (id === freshClientId.current && ref.current) {
           element = ref.current;
         }
       }
-
       return element;
     }
-
   }), []);
 }
+
 /**
  * Return the element for a given client ID. Updates whenever the element
  * changes, becomes available, or disappears.
@@ -84,8 +83,6 @@ function useBlockRef(clientId) {
  *
  * @return {Element|null} The block's wrapper element.
  */
-
-
 function useBlockElement(clientId) {
   const {
     callbacks
@@ -96,7 +93,6 @@ function useBlockElement(clientId) {
     if (!clientId) {
       return;
     }
-
     callbacks.set(setElement, clientId);
     return () => {
       callbacks.delete(setElement);
@@ -104,7 +100,6 @@ function useBlockElement(clientId) {
   }, [clientId]);
   return ref.current || element;
 }
-
 export { useBlockRef as __unstableUseBlockRef };
 export { useBlockElement as __unstableUseBlockElement };
 //# sourceMappingURL=use-block-refs.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-refs.js"],"names":["useContext","useLayoutEffect","useMemo","useRef","useState","useRefEffect","BlockRefs","useBlockRefProvider","clientId","refs","callbacks","ref","set","delete","element","current","forEach","id","setElement","useBlockRef","freshClientId","entries","useBlockElement","__unstableUseBlockRef","__unstableUseBlockElement"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,UADD,EAECC,eAFD,EAGCC,OAHD,EAICC,MAJD,EAKCC,QALD,QAMO,oBANP;AAOA,SAASC,YAAT,QAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,oCAA1B;AAEA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,mBAAT,CAA8BC,QAA9B,EAAyC;AAC/C,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAsBV,UAAU,CAAEM,SAAF,CAAtC;AACA,QAAMK,GAAG,GAAGR,MAAM,EAAlB;AACAF,EAAAA,eAAe,CAAE,MAAM;AACtBQ,IAAAA,IAAI,CAACG,GAAL,CAAUD,GAAV,EAAeH,QAAf;AACA,WAAO,MAAM;AACZC,MAAAA,IAAI,CAACI,MAAL,CAAaF,GAAb;AACA,KAFD;AAGA,GALc,EAKZ,CAAEH,QAAF,CALY,CAAf;AAMA,SAAOH,YAAY,CAChBS,OAAF,IAAe;AACd;AACAH,IAAAA,GAAG,CAACI,OAAJ,GAAcD,OAAd,CAFc,CAGd;;AACAJ,IAAAA,SAAS,CAACM,OAAV,CAAmB,CAAEC,EAAF,EAAMC,UAAN,KAAsB;AACxC,UAAKV,QAAQ,KAAKS,EAAlB,EAAuB;AACtBC,QAAAA,UAAU,CAAEJ,OAAF,CAAV;AACA;AACD,KAJD;AAKA,GAViB,EAWlB,CAAEN,QAAF,CAXkB,CAAnB;AAaA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASW,WAAT,CAAsBX,QAAtB,EAAiC;AAChC,QAAM;AAAEC,IAAAA;AAAF,MAAWT,UAAU,CAAEM,SAAF,CAA3B;AACA,QAAMc,aAAa,GAAGjB,MAAM,EAA5B;AACAiB,EAAAA,aAAa,CAACL,OAAd,GAAwBP,QAAxB,CAHgC,CAIhC;AACA;;AACA,SAAON,OAAO,CACb,OAAQ;AACP,QAAIa,OAAJ,GAAc;AACb,UAAID,OAAO,GAAG,IAAd,CADa,CAGb;AACA;;AACA,WAAM,MAAM,CAAEH,GAAF,EAAOM,EAAP,CAAZ,IAA2BR,IAAI,CAACY,OAAL,EAA3B,EAA4C;AAC3C,YAAKJ,EAAE,KAAKG,aAAa,CAACL,OAArB,IAAgCJ,GAAG,CAACI,OAAzC,EAAmD;AAClDD,UAAAA,OAAO,GAAGH,GAAG,CAACI,OAAd;AACA;AACD;;AAED,aAAOD,OAAP;AACA;;AAbM,GAAR,CADa,EAgBb,EAhBa,CAAd;AAkBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASQ,eAAT,CAA0Bd,QAA1B,EAAqC;AACpC,QAAM;AAAEE,IAAAA;AAAF,MAAgBV,UAAU,CAAEM,SAAF,CAAhC;AACA,QAAMK,GAAG,GAAGQ,WAAW,CAAEX,QAAF,CAAvB;AACA,QAAM,CAAEM,OAAF,EAAWI,UAAX,IAA0Bd,QAAQ,CAAE,IAAF,CAAxC;AAEAH,EAAAA,eAAe,CAAE,MAAM;AACtB,QAAK,CAAEO,QAAP,EAAkB;AACjB;AACA;;AAEDE,IAAAA,SAAS,CAACE,GAAV,CAAeM,UAAf,EAA2BV,QAA3B;AACA,WAAO,MAAM;AACZE,MAAAA,SAAS,CAACG,MAAV,CAAkBK,UAAlB;AACA,KAFD;AAGA,GATc,EASZ,CAAEV,QAAF,CATY,CAAf;AAWA,SAAOG,GAAG,CAACI,OAAJ,IAAeD,OAAtB;AACA;;AAED,SAASK,WAAW,IAAII,qBAAxB;AACA,SAASD,eAAe,IAAIE,yBAA5B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { BlockRefs } from '../../provider/block-refs-provider';\n\n/** @typedef {import('@wordpress/element').RefCallback} RefCallback */\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Provides a ref to the BlockRefs context.\n *\n * @param {string} clientId The client ID of the element ref.\n *\n * @return {RefCallback} Ref callback.\n */\nexport function useBlockRefProvider( clientId ) {\n\tconst { refs, callbacks } = useContext( BlockRefs );\n\tconst ref = useRef();\n\tuseLayoutEffect( () => {\n\t\trefs.set( ref, clientId );\n\t\treturn () => {\n\t\t\trefs.delete( ref );\n\t\t};\n\t}, [ clientId ] );\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\t// Update the ref in the provider.\n\t\t\tref.current = element;\n\t\t\t// Call any update functions.\n\t\t\tcallbacks.forEach( ( id, setElement ) => {\n\t\t\t\tif ( clientId === id ) {\n\t\t\t\t\tsetElement( element );\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\n/**\n * Gets a ref pointing to the current block element. Continues to return a\n * stable ref even if the block client ID changes.\n *\n * @param {string} clientId The client ID to get a ref for.\n *\n * @return {RefObject} A ref containing the element.\n */\nfunction useBlockRef( clientId ) {\n\tconst { refs } = useContext( BlockRefs );\n\tconst freshClientId = useRef();\n\tfreshClientId.current = clientId;\n\t// Always return an object, even if no ref exists for a given client ID, so\n\t// that `current` works at a later point.\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tget current() {\n\t\t\t\tlet element = null;\n\n\t\t\t\t// Multiple refs may be created for a single block. Find the\n\t\t\t\t// first that has an element set.\n\t\t\t\tfor ( const [ ref, id ] of refs.entries() ) {\n\t\t\t\t\tif ( id === freshClientId.current && ref.current ) {\n\t\t\t\t\t\telement = ref.current;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn element;\n\t\t\t},\n\t\t} ),\n\t\t[]\n\t);\n}\n\n/**\n * Return the element for a given client ID. Updates whenever the element\n * changes, becomes available, or disappears.\n *\n * @param {string} clientId The client ID to an element for.\n *\n * @return {Element|null} The block's wrapper element.\n */\nfunction useBlockElement( clientId ) {\n\tconst { callbacks } = useContext( BlockRefs );\n\tconst ref = useBlockRef( clientId );\n\tconst [ element, setElement ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! clientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tcallbacks.set( setElement, clientId );\n\t\treturn () => {\n\t\t\tcallbacks.delete( setElement );\n\t\t};\n\t}, [ clientId ] );\n\n\treturn ref.current || element;\n}\n\nexport { useBlockRef as __unstableUseBlockRef };\nexport { useBlockElement as __unstableUseBlockElement };\n"]}
+{"version":3,"names":["useContext","useLayoutEffect","useMemo","useRef","useState","useRefEffect","BlockRefs","useBlockRefProvider","clientId","refs","callbacks","ref","set","delete","element","current","forEach","id","setElement","useBlockRef","freshClientId","entries","useBlockElement","__unstableUseBlockRef","__unstableUseBlockElement"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-refs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { BlockRefs } from '../../provider/block-refs-provider';\n\n/** @typedef {import('@wordpress/element').RefCallback} RefCallback */\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Provides a ref to the BlockRefs context.\n *\n * @param {string} clientId The client ID of the element ref.\n *\n * @return {RefCallback} Ref callback.\n */\nexport function useBlockRefProvider( clientId ) {\n\tconst { refs, callbacks } = useContext( BlockRefs );\n\tconst ref = useRef();\n\tuseLayoutEffect( () => {\n\t\trefs.set( ref, clientId );\n\t\treturn () => {\n\t\t\trefs.delete( ref );\n\t\t};\n\t}, [ clientId ] );\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\t// Update the ref in the provider.\n\t\t\tref.current = element;\n\t\t\t// Call any update functions.\n\t\t\tcallbacks.forEach( ( id, setElement ) => {\n\t\t\t\tif ( clientId === id ) {\n\t\t\t\t\tsetElement( element );\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\n/**\n * Gets a ref pointing to the current block element. Continues to return a\n * stable ref even if the block client ID changes.\n *\n * @param {string} clientId The client ID to get a ref for.\n *\n * @return {RefObject} A ref containing the element.\n */\nfunction useBlockRef( clientId ) {\n\tconst { refs } = useContext( BlockRefs );\n\tconst freshClientId = useRef();\n\tfreshClientId.current = clientId;\n\t// Always return an object, even if no ref exists for a given client ID, so\n\t// that `current` works at a later point.\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tget current() {\n\t\t\t\tlet element = null;\n\n\t\t\t\t// Multiple refs may be created for a single block. Find the\n\t\t\t\t// first that has an element set.\n\t\t\t\tfor ( const [ ref, id ] of refs.entries() ) {\n\t\t\t\t\tif ( id === freshClientId.current && ref.current ) {\n\t\t\t\t\t\telement = ref.current;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn element;\n\t\t\t},\n\t\t} ),\n\t\t[]\n\t);\n}\n\n/**\n * Return the element for a given client ID. Updates whenever the element\n * changes, becomes available, or disappears.\n *\n * @param {string} clientId The client ID to an element for.\n *\n * @return {Element|null} The block's wrapper element.\n */\nfunction useBlockElement( clientId ) {\n\tconst { callbacks } = useContext( BlockRefs );\n\tconst ref = useBlockRef( clientId );\n\tconst [ element, setElement ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! clientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tcallbacks.set( setElement, clientId );\n\t\treturn () => {\n\t\t\tcallbacks.delete( setElement );\n\t\t};\n\t}, [ clientId ] );\n\n\treturn ref.current || element;\n}\n\nexport { useBlockRef as __unstableUseBlockRef };\nexport { useBlockElement as __unstableUseBlockElement };\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,eAAe,EACfC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACF,oBAAoB;AAC3B,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oCAAoC;;AAE9D;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAEC,QAAQ,EAAG;EAC/C,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGV,UAAU,CAAEM,SAAU,CAAC;EACnD,MAAMK,GAAG,GAAGR,MAAM,CAAC,CAAC;EACpBF,eAAe,CAAE,MAAM;IACtBQ,IAAI,CAACG,GAAG,CAAED,GAAG,EAAEH,QAAS,CAAC;IACzB,OAAO,MAAM;MACZC,IAAI,CAACI,MAAM,CAAEF,GAAI,CAAC;IACnB,CAAC;EACF,CAAC,EAAE,CAAEH,QAAQ,CAAG,CAAC;EACjB,OAAOH,YAAY,CAChBS,OAAO,IAAM;IACd;IACAH,GAAG,CAACI,OAAO,GAAGD,OAAO;IACrB;IACAJ,SAAS,CAACM,OAAO,CAAE,CAAEC,EAAE,EAAEC,UAAU,KAAM;MACxC,IAAKV,QAAQ,KAAKS,EAAE,EAAG;QACtBC,UAAU,CAAEJ,OAAQ,CAAC;MACtB;IACD,CAAE,CAAC;EACJ,CAAC,EACD,CAAEN,QAAQ,CACX,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASW,WAAWA,CAAEX,QAAQ,EAAG;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGT,UAAU,CAAEM,SAAU,CAAC;EACxC,MAAMc,aAAa,GAAGjB,MAAM,CAAC,CAAC;EAC9BiB,aAAa,CAACL,OAAO,GAAGP,QAAQ;EAChC;EACA;EACA,OAAON,OAAO,CACb,OAAQ;IACP,IAAIa,OAAOA,CAAA,EAAG;MACb,IAAID,OAAO,GAAG,IAAI;;MAElB;MACA;MACA,KAAM,MAAM,CAAEH,GAAG,EAAEM,EAAE,CAAE,IAAIR,IAAI,CAACY,OAAO,CAAC,CAAC,EAAG;QAC3C,IAAKJ,EAAE,KAAKG,aAAa,CAACL,OAAO,IAAIJ,GAAG,CAACI,OAAO,EAAG;UAClDD,OAAO,GAAGH,GAAG,CAACI,OAAO;QACtB;MACD;MAEA,OAAOD,OAAO;IACf;EACD,CAAC,CAAE,EACH,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASQ,eAAeA,CAAEd,QAAQ,EAAG;EACpC,MAAM;IAAEE;EAAU,CAAC,GAAGV,UAAU,CAAEM,SAAU,CAAC;EAC7C,MAAMK,GAAG,GAAGQ,WAAW,CAAEX,QAAS,CAAC;EACnC,MAAM,CAAEM,OAAO,EAAEI,UAAU,CAAE,GAAGd,QAAQ,CAAE,IAAK,CAAC;EAEhDH,eAAe,CAAE,MAAM;IACtB,IAAK,CAAEO,QAAQ,EAAG;MACjB;IACD;IAEAE,SAAS,CAACE,GAAG,CAAEM,UAAU,EAAEV,QAAS,CAAC;IACrC,OAAO,MAAM;MACZE,SAAS,CAACG,MAAM,CAAEK,UAAW,CAAC;IAC/B,CAAC;EACF,CAAC,EAAE,CAAEV,QAAQ,CAAG,CAAC;EAEjB,OAAOG,GAAG,CAACI,OAAO,IAAID,OAAO;AAC9B;AAEA,SAASK,WAAW,IAAII,qBAAqB;AAC7C,SAASD,eAAe,IAAIE,yBAAyB"}