npm - @wordpress/block-editor - Versions diffs - 12.18.1 → 12.19.0 - Mend

@wordpress/block-editor 12.18.1 → 12.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (912) hide show

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

@@ -25,6 +25,7 @@ import { useEventHandlers } from './use-selected-block-event-handlers';
 import { useNavModeExit } from './use-nav-mode-exit';
 import { useBlockRefProvider } from './use-block-refs';
 import { useIntersectionObserver } from './use-intersection-observer';
+import { useFlashEditableBlocks } from '../../use-flash-editable-blocks';
 /**
  * This hook is used to lightly mark an element as a block element. The element
@@ -97,8 +98,10 @@ export function useBlockProps(props = {}, {
     isBlockMovingMode,
     canInsertMovingBlock,
     isEditingDisabled,
+    hasEditableOutline,
     isTemporarilyEditingAsBlocks,
-    defaultClassName
+    defaultClassName,
+    templateLock
   } = useContext(PrivateBlockContext);
   // translators: %s: Type of block (i.e. Text, Image etc)
@@ -117,6 +120,9 @@ export function useBlockProps(props = {}, {
     clientId
   }), useDisabled({
     isDisabled: !hasOverlay
+  }), useFlashEditableBlocks({
+    clientId,
+    isEnabled: name === 'core/block' || templateLock === 'contentOnly'
   })]);
   const blockEditContext = useBlockEditContext();
   // Ensures it warns only inside the `edit` implementation for the block.
@@ -150,6 +156,7 @@ export function useBlockProps(props = {}, {
       'is-block-moving-mode': isBlockMovingMode,
       'can-insert-moving-block': canInsertMovingBlock,
       'is-editing-disabled': isEditingDisabled,
+      'has-editable-outline': hasEditableOutline,
       'is-content-locked-temporarily-editing-as-blocks': isTemporarilyEditingAsBlocks
     }, className, props.className, wrapperProps.className, defaultClassName),
     style: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useContext","__","sprintf","__unstableGetBlockProps","getBlockProps","useMergeRefs","useDisabled","warning","useMovingAnimation","PrivateBlockContext","useFocusFirstElement","useIsHovered","useBlockEditContext","useFocusHandler","useEventHandlers","useNavModeExit","useBlockRefProvider","useIntersectionObserver","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isSelected","isSubtreeDisabled","isOutlineEnabled","hasOverlay","initialPosition","blockEditingMode","isHighlighted","isMultiSelected","isPartiallySelected","isReusable","isDragging","hasChildSelected","removeOutline","isBlockMovingMode","canInsertMovingBlock","isEditingDisabled","isTemporarilyEditingAsBlocks","defaultClassName","blockLabel","htmlSuffix","mergedRefs","ref","isEnabled","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 { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport warning from '@wordpress/warning';\n\n/\n Internal dependencies\n /\nimport useMovingAnimation from '../../use-moving-animation';\nimport { PrivateBlockContext } from '../private-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport { useBlockEditContext } from '../../block-edit/context';\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';\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\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisSelected,\n\t\tisSubtreeDisabled,\n\t\tisOutlineEnabled,\n\t\thasOverlay,\n\t\tinitialPosition,\n\t\tblockEditingMode,\n\t\tisHighlighted,\n\t\tisMultiSelected,\n\t\tisPartiallySelected,\n\t\tisReusable,\n\t\tisDragging,\n\t\thasChildSelected,\n\t\tremoveOutline,\n\t\tisBlockMovingMode,\n\t\tcanInsertMovingBlock,\n\t\tisEditingDisabled,\n\t\tisTemporarilyEditingAsBlocks,\n\t\tdefaultClassName,\n\t} = useContext( PrivateBlockContext );\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, initialPosition } ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( { clientId, isSelected } ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered( { isEnabled: isOutlineEnabled } ),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( { triggerAnimationOnChange: index, clientId } ),\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: blockEditingMode === 'disabled' ? -1 : 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'block-editor-block-list__block',\n\t\t\t{\n\t\t\t\t// The wp-block className is important for editor styles.\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isHighlighted,\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected': isPartiallySelected,\n\t\t\t\t'is-reusable': isReusable,\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': hasChildSelected,\n\t\t\t\t'remove-outline': removeOutline,\n\t\t\t\t'is-block-moving-mode': isBlockMovingMode,\n\t\t\t\t'can-insert-moving-block': canInsertMovingBlock,\n\t\t\t\t'is-editing-disabled': isEditingDisabled,\n\t\t\t\t'is-content-locked-temporarily-editing-as-blocks':\n\t\t\t\t\tisTemporarilyEditingAsBlocks,\n\t\t\t},\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tdefaultClassName\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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"}
1	+ {"version":3,"names":["classnames","useContext","__","sprintf","__unstableGetBlockProps","getBlockProps","useMergeRefs","useDisabled","warning","useMovingAnimation","PrivateBlockContext","useFocusFirstElement","useIsHovered","useBlockEditContext","useFocusHandler","useEventHandlers","useNavModeExit","useBlockRefProvider","useIntersectionObserver","useFlashEditableBlocks","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isSelected","isSubtreeDisabled","isOutlineEnabled","hasOverlay","initialPosition","blockEditingMode","isHighlighted","isMultiSelected","isPartiallySelected","isReusable","isDragging","hasChildSelected","removeOutline","isBlockMovingMode","canInsertMovingBlock","isEditingDisabled","hasEditableOutline","isTemporarilyEditingAsBlocks","defaultClassName","templateLock","blockLabel","htmlSuffix","mergedRefs","ref","isEnabled","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 { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport warning from '@wordpress/warning';\n\n/\n Internal dependencies\n /\nimport useMovingAnimation from '../../use-moving-animation';\nimport { PrivateBlockContext } from '../private-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport { useBlockEditContext } from '../../block-edit/context';\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 { useFlashEditableBlocks } from '../../use-flash-editable-blocks';\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\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisSelected,\n\t\tisSubtreeDisabled,\n\t\tisOutlineEnabled,\n\t\thasOverlay,\n\t\tinitialPosition,\n\t\tblockEditingMode,\n\t\tisHighlighted,\n\t\tisMultiSelected,\n\t\tisPartiallySelected,\n\t\tisReusable,\n\t\tisDragging,\n\t\thasChildSelected,\n\t\tremoveOutline,\n\t\tisBlockMovingMode,\n\t\tcanInsertMovingBlock,\n\t\tisEditingDisabled,\n\t\thasEditableOutline,\n\t\tisTemporarilyEditingAsBlocks,\n\t\tdefaultClassName,\n\t\ttemplateLock,\n\t} = useContext( PrivateBlockContext );\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, initialPosition } ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( { clientId, isSelected } ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered( { isEnabled: isOutlineEnabled } ),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( { triggerAnimationOnChange: index, clientId } ),\n\t\tuseDisabled( { isDisabled: ! hasOverlay } ),\n\t\tuseFlashEditableBlocks( {\n\t\t\tclientId,\n\t\t\tisEnabled: name === 'core/block' \|\| templateLock === 'contentOnly',\n\t\t} ),\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: blockEditingMode === 'disabled' ? -1 : 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'block-editor-block-list__block',\n\t\t\t{\n\t\t\t\t// The wp-block className is important for editor styles.\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isHighlighted,\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected': isPartiallySelected,\n\t\t\t\t'is-reusable': isReusable,\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': hasChildSelected,\n\t\t\t\t'remove-outline': removeOutline,\n\t\t\t\t'is-block-moving-mode': isBlockMovingMode,\n\t\t\t\t'can-insert-moving-block': canInsertMovingBlock,\n\t\t\t\t'is-editing-disabled': isEditingDisabled,\n\t\t\t\t'has-editable-outline': hasEditableOutline,\n\t\t\t\t'is-content-locked-temporarily-editing-as-blocks':\n\t\t\t\t\tisTemporarilyEditingAsBlocks,\n\t\t\t},\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tdefaultClassName\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-appender/index.js CHANGED Viewed

@@ -34,56 +34,12 @@ function DefaultAppender({
     className: "block-list-appender__toggle"
   });
 }
-function useAppender(rootClientId, CustomAppender) {
-  const isVisible = useSelect(select => {
-    const {
-      getTemplateLock,
-      getSelectedBlockClientId,
-      __unstableGetEditorMode,
-      getBlockEditingMode
-    } = select(blockEditorStore);
-    if (!CustomAppender) {
-      const selectedBlockClientId = getSelectedBlockClientId();
-      const isParentSelected = rootClientId === selectedBlockClientId || !rootClientId && !selectedBlockClientId;
-      if (!isParentSelected) {
-        return false;
-      }
-    }
-    if (getTemplateLock(rootClientId) || getBlockEditingMode(rootClientId) === 'disabled' || __unstableGetEditorMode() === 'zoom-out') {
-      return false;
-    }
-    return true;
-  }, [rootClientId, CustomAppender]);
-  if (!isVisible) {
-    return null;
-  }
-  return CustomAppender ? createElement(CustomAppender, null) : createElement(DefaultAppender, {
-    rootClientId: rootClientId
-  });
-}
-function BlockListAppender({
+export default function BlockListAppender({
   rootClientId,
-  renderAppender,
+  CustomAppender,
   className,
   tagName: TagName = 'div'
 }) {
-  if (renderAppender === false) {
-    return null;
-  }
-  return createElement(BlockListAppenderInner, {
-    rootClientId: rootClientId,
-    renderAppender: renderAppender,
-    className: className,
-    tagName: TagName
-  });
-}
-function BlockListAppenderInner({
-  rootClientId,
-  renderAppender,
-  className,
-  tagName: TagName
-}) {
-  const appender = useAppender(rootClientId, renderAppender);
   const isDragOver = useSelect(select => {
     const {
       getBlockInsertionPoint,
@@ -96,9 +52,6 @@ function BlockListAppenderInner({
     // the DnD utility hooks.
     return isBlockInsertionPointVisible() && rootClientId === insertionPoint?.rootClientId && getBlockCount(rootClientId) === 0;
   }, [rootClientId]);
-  if (!appender) {
-    return null;
-  }
   return createElement(TagName
   // A `tabIndex` is used on the wrapping `div` element in order to
   // force a focus event to occur when an appender `button` element
@@ -128,7 +81,8 @@ function BlockListAppenderInner({
     // have commonly targeted that attribute for margins.
     ,
     "data-block": true
-  }, appender);
+  }, CustomAppender ? createElement(CustomAppender, null) : createElement(DefaultAppender, {
+    rootClientId: rootClientId
+  }));
 }
-export default BlockListAppender;
 //# sourceMappingURL=index.js.map

package/build-module/components/block-list-appender/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useSelect","getDefaultBlockName","DefaultBlockAppender","ButtonBlockAppender","store","blockEditorStore","DefaultAppender","rootClientId","canInsertDefaultBlock","select","canInsertBlockType","createElement","className","~~useAppender~~","CustomAppender","~~isVisible","getTemplateLock","getSelectedBlockClientId","__unstableGetEditorMode","getBlockEditingMode","selectedBlockClientId","isParentSelected","BlockListAppender","renderAppender","~~tagName","TagName","~~BlockListAppenderInner","appender","~~isDragOver","getBlockInsertionPoint","isBlockInsertionPointVisible","getBlockCount","insertionPoint","tabIndex","contentEditable"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\~~nfunction~~ ~~useAppender(~~ ~~rootClientId,~~ CustomAppender ) {\n\tconst isVisible = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetTemplateLock,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tif ( ! CustomAppender ) {\n\t\t\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\t\t\tconst isParentSelected =\n\t\t\t\t\trootClientId === selectedBlockClientId \|\|\n\t\t\t\t\t( ! rootClientId && ! selectedBlockClientId );\n\t\t\t\tif ( ! isParentSelected ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tgetTemplateLock( rootClientId ) \|\|\n\t\t\t\tgetBlockEditingMode( rootClientId ) === 'disabled' \|\|\n\t\t\t\t__unstableGetEditorMode() === 'zoom-out'\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\t\t[ rootClientId, CustomAppender ]\n\t);\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn CustomAppender ? (\n\t\t<CustomAppender />\n\t) : (\n\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t);\n}\n\nfunction BlockListAppender( {\n\trootClientId,\n\~~trenderAppender~~,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tif ( renderAppender === false ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockListAppenderInner\n\t\t\trootClientId={ rootClientId }\n\t\t\trenderAppender={ renderAppender }\n\t\t\tclassName={ className }\n\t\t\ttagName={ TagName }\n\t\t/>\n\t);\n}\n\nfunction BlockListAppenderInner( {\n\trootClientId,\n\trenderAppender,\n\tclassName,\n\ttagName: TagName,\n} ) {\n\tconst ~~appender = useAppender( rootClientId, renderAppender );\n\tconst~~ isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\~~tif ( ! appender ) {\n\t\~~treturn ~~null;\n\t}\n\n\treturn~~ (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ classnames( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ ~~appender~~ }\n\t\t</TagName>\n\t);\n}\n~~\nexport default BlockListAppender;\n~~"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,mBAAmB,QAAQ,mBAAmB;;AAEvD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,eAAeA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC5C,MAAMC,qBAAqB,GAAGR,SAAS,CAAIS,MAAM,IAChDA,MAAM,CAAEJ,gBAAiB,CAAC,CAACK,kBAAkB,CAC5CT,mBAAmB,CAAC,CAAC,EACrBM,YACD,CACD,CAAC;EAED,IAAKC,qBAAqB,EAAG;IAC5B;IACA;IACA,OAAOG,aAAA,CAACT,oBAAoB;MAACK,YAAY,EAAGA;IAAc,CAAE,CAAC;EAC9D;;EAEA;EACA,OACCI,aAAA,CAACR,mBAAmB;IACnBI,YAAY,EAAGA,YAAc;IAC7BK,SAAS,EAAC;EAA6B,CACvC,CAAC;AAEJ;AAEA,~~SAASC,WAAWA,CAAEN,YAAY,EAAEO,cAAc,EAAG;EACpD,MAAMC,SAAS,GAAGf,SAAS,CACxBS,MAAM,IAAM;IACb,MAAM;MACLO,~~eAAe~~;MACfC~~,~~wBAAwB;MACxBC~~,uBAAuB;MACvBC;IACD,CAAC,GAAGV,MAAM,CAAEJ,gBAAiB,CAAC;IAE9B,IAAK,CAAES,cAAc,EAAG;MACvB,MAAMM,qBAAqB,GAAGH,wBAAwB,CAAC,CAAC;MACxD,MAAMI,gBAAgB,GACrBd,YAAY,KAAKa,qBAAqB,IACpC,CAAEb,YAAY,IAAI,CAAEa,qBAAuB;MAC9C,IAAK,CAAEC,gBAAgB,EAAG;QACzB,OAAO,KAAK;MACb;IACD;IAEA,IACCL,eAAe,CAAET,YAAa,CAAC,IAC/BY,mBAAmB,CAAEZ,YAAa,CAAC,KAAK,UAAU,IAClDW,uBAAuB,CAAC,CAAC,KAAK,UAAU,EACvC;MACD,OAAO,KAAK;IACb;IAEA,OAAO,IAAI;EACZ,CAAC,EACD,CAAEX,YAAY,EAAEO,cAAc,CAC/B,CAAC;EAED,IAAK,CAAEC,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OAAOD,cAAc,GACpBH,aAAA,CAACG,cAAc,MAAE,CAAC,GAElBH,aAAA,CAACL,eAAe;IAACC,YAAY,EAAGA;EAAc,CAAE,CAChD;AACF;AAEA,SAASe,iBAAiBA,CAAE;~~EAC3Bf~~,YAAY;~~EACZgB~~,cAAc;~~EACdX~~,SAAS;~~EACTY~~,OAAO,EAAEC,OAAO,GAAG;AACpB,CAAC,EAAG;EACH,~~IAAKF~~,cAAc,KAAK,KAAK,EAAG;IAC/B,OAAO,IAAI;EACZ;EAEA,OACCZ,aAAA,CAACe,sBAAsB;IACtBnB,YAAY,EAAGA,YAAc;IAC7BgB,cAAc,EAAGA,cAAgB;IACjCX,SAAS,EAAGA,SAAW;IACvBY,OAAO,EAAGC;EAAS,CACnB,CAAC;AAEJ;AAEA,SAASC,sBAAsBA,CAAE;EAChCnB,YAAY;EACZgB,cAAc;EACdX,SAAS;EACTY,OAAO,EAAEC;AACV,CAAC,EAAG;EACH,MAAME,QAAQ,GAAGd,WAAW,CAAEN,YAAY,EAAEgB,cAAe,CAAC;EAC5D,MAAMK,UAAU,~~GAAG5B~~,SAAS,CACzBS,MAAM,IAAM;IACb,MAAM;~~MACLoB~~,sBAAsB;MACtBC,4BAA4B;MAC5BC;IACD,CAAC,~~GAAGtB~~,MAAM,CAAEJ,gBAAiB,CAAC;IAC9B,~~MAAM2B~~,cAAc,GAAGH,sBAAsB,CAAC,CAAC;IAC/C;IACA;IACA;IACA,OACCC,4BAA4B,CAAC,CAAC,~~IAC9BvB~~,YAAY,~~KAAKyB~~,cAAc,~~EAAEzB~~,YAAY,~~IAC7CwB~~,aAAa,~~CAAExB~~,YAAa,CAAC,KAAK,CAAC;EAErC,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,~~IAAK~~,~~CAAEoB,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACChB,~~aAAA,~~CAACc~~;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;~~IACAQ~~,QAAQ,EAAG,CAAC,CAAG;~~IACfrB~~,SAAS,EAAGb,UAAU,CAAE,8BAA8B,EAAEa,SAAS,EAAE;MAClE,cAAc,~~EAAEgB~~;IACjB,CAAE;IACF;IACA;IACA;IACA;IAAA;IACAM,eAAe,EAAG;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IAAA;IACA;EAAU,~~GAERP~~,~~QACM~~,CAAC;~~AAEZ~~;~~AAEA~~,~~eAAeL~~,~~iBAAiB~~"}
1	+ {"version":3,"names":["classnames","useSelect","getDefaultBlockName","DefaultBlockAppender","ButtonBlockAppender","store","blockEditorStore","DefaultAppender","rootClientId","canInsertDefaultBlock","select","canInsertBlockType","createElement","className","BlockListAppender","CustomAppender","tagName","TagName","isDragOver","getBlockInsertionPoint","isBlockInsertionPointVisible","getBlockCount","insertionPoint","tabIndex","contentEditable"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ classnames( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,mBAAmB,QAAQ,mBAAmB;;AAEvD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,eAAeA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC5C,MAAMC,qBAAqB,GAAGR,SAAS,CAAIS,MAAM,IAChDA,MAAM,CAAEJ,gBAAiB,CAAC,CAACK,kBAAkB,CAC5CT,mBAAmB,CAAC,CAAC,EACrBM,YACD,CACD,CAAC;EAED,IAAKC,qBAAqB,EAAG;IAC5B;IACA;IACA,OAAOG,aAAA,CAACT,oBAAoB;MAACK,YAAY,EAAGA;IAAc,CAAE,CAAC;EAC9D;;EAEA;EACA,OACCI,aAAA,CAACR,mBAAmB;IACnBI,YAAY,EAAGA,YAAc;IAC7BK,SAAS,EAAC;EAA6B,CACvC,CAAC;AAEJ;AAEA,eAAe,SAASC,iBAAiBA,CAAE;EAC1CN,YAAY;EACZO,cAAc;EACdF,SAAS;EACTG,OAAO,EAAEC,OAAO,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGjB,SAAS,CACzBS,MAAM,IAAM;IACb,MAAM;MACLS,sBAAsB;MACtBC,4BAA4B;MAC5BC;IACD,CAAC,GAAGX,MAAM,CAAEJ,gBAAiB,CAAC;IAC9B,MAAMgB,cAAc,GAAGH,sBAAsB,CAAC,CAAC;IAC/C;IACA;IACA;IACA,OACCC,4BAA4B,CAAC,CAAC,IAC9BZ,YAAY,KAAKc,cAAc,EAAEd,YAAY,IAC7Ca,aAAa,CAAEb,YAAa,CAAC,KAAK,CAAC;EAErC,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,OACCI,aAAA,CAACK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IACAM,QAAQ,EAAG,CAAC,CAAG;IACfV,SAAS,EAAGb,UAAU,CAAE,8BAA8B,EAAEa,SAAS,EAAE;MAClE,cAAc,EAAEK;IACjB,CAAE;IACF;IACA;IACA;IACA;IAAA;IACAM,eAAe,EAAG;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IAAA;IACA;EAAU,GAERT,cAAc,GACfH,aAAA,CAACG,cAAc,MAAE,CAAC,GAElBH,aAAA,CAACL,eAAe;IAACC,YAAY,EAAGA;EAAc,CAAE,CAEzC,CAAC;AAEZ"}

package/build-module/components/block-mover/mover-description.native.js CHANGED Viewed

@@ -59,10 +59,8 @@ function switchButtonPropIfRTL(isBackwardButton, forwardButtonProp, backwardButt
     if (isBackwardButton) {
       return forwardButtonProp; // Set forwardButtonProp for backward button.
     }
     return backwardButtonProp; // Set backwardButtonProp for forward button.
   }
   return isBackwardButton ? backwardButtonProp : forwardButtonProp;
 }
 function getSetup() {

package/build-module/components/block-mover/mover-description.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["I18nManager","__","sprintf","arrowUp","arrowDown","arrowLeft","arrowRight","horizontalMover","backwardButtonIcon","forwardButtonIcon","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","backwardButtonTitle","forwardButtonTitle","verticalMover","KEYS","SETUP_GETTER","description","getMoverDescription","icon","getArrowIcon","title","getMoverButtonTitle","actionTitle","getMoverActionTitle","getMoversSetup","isStackedHorizontally","firstIndex","keys","reduce","setup","key","includes","Object","assign","getSetup","switchButtonPropIfRTL","isBackwardButton","forwardButtonProp","backwardButtonProp","isRTL","args","arguments","apply","applyRTLSetup","backward","forward","actionTitlePrev","actionTitleNext","getIndexes","fromIndex","direction","toIndex","buttonTitlePrev","buttonTitleNext"],"sources":["@wordpress/block-editor/src/components/block-mover/mover-description.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { I18nManager } from 'react-native';\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { arrowUp, arrowDown, arrowLeft, arrowRight } from '@wordpress/icons';\n\nconst horizontalMover = {\n\tbackwardButtonIcon: arrowLeft,\n\tforwardButtonIcon: arrowRight,\n\tbackwardButtonHint: __( 'Double tap to move the block to the left' ),\n\tforwardButtonHint: __( 'Double tap to move the block to the right' ),\n\tfirstBlockTitle: __( 'Move block left' ),\n\tlastBlockTitle: __( 'Move block right' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tbackwardButtonTitle: __(\n\t\t'Move block left from position %1$s to position %2$s'\n\t),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tforwardButtonTitle: __(\n\t\t'Move block right from position %1$s to position %2$s'\n\t),\n};\n\nconst verticalMover = {\n\tbackwardButtonIcon: arrowUp,\n\tforwardButtonIcon: arrowDown,\n\tbackwardButtonHint: __( 'Double tap to move the block up' ),\n\tforwardButtonHint: __( 'Double tap to move the block down' ),\n\tfirstBlockTitle: __( 'Move block up' ),\n\tlastBlockTitle: __( 'Move block down' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tbackwardButtonTitle: __( 'Move block up from row %1$s to row %2$s' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) */\n\tforwardButtonTitle: __( 'Move block down from row %1$s to row %2$s' ),\n};\n\nconst KEYS = [ 'description', 'icon', 'title', 'actionTitle' ];\n\nconst SETUP_GETTER = {\n\tdescription: getMoverDescription,\n\ticon: getArrowIcon,\n\ttitle: getMoverButtonTitle,\n\tactionTitle: getMoverActionTitle,\n};\n\nexport function getMoversSetup(\n\tisStackedHorizontally,\n\t{ firstIndex, keys = KEYS }\n) {\n\treturn keys.reduce( ( setup, key ) => {\n\t\tif ( KEYS.includes( key ) ) {\n\t\t\tObject.assign( setup, {\n\t\t\t\t[ key ]: getSetup( key, isStackedHorizontally, {\n\t\t\t\t\tfirstIndex,\n\t\t\t\t} ),\n\t\t\t} );\n\t\t}\n\t\treturn setup;\n\t}, {} );\n}\n\nfunction switchButtonPropIfRTL(\n\tisBackwardButton,\n\tforwardButtonProp,\n\tbackwardButtonProp,\n\tisStackedHorizontally\n) {\n\tif ( I18nManager.isRTL && isStackedHorizontally ) {\n\t\t// For RTL and horizontal direction switch prop between forward and backward button.\n\t\tif ( isBackwardButton ) {\n\t\t\treturn forwardButtonProp; // Set forwardButtonProp for backward button.\n\t\t}\n\t\treturn backwardButtonProp; // Set backwardButtonProp for forward button.\n\t}\n\n\treturn isBackwardButton ? backwardButtonProp : forwardButtonProp;\n}\n\nfunction getSetup() {\n\tconst [ key, ...args ] = arguments;\n\treturn SETUP_GETTER[ key ].apply( null, [ ...args ] );\n}\n\nfunction applyRTLSetup( isBackwardButton, args ) {\n\treturn switchButtonPropIfRTL.apply( null, [ isBackwardButton, ...args ] );\n}\n\nfunction getMoverDescription( isStackedHorizontally ) {\n\treturn isStackedHorizontally ? horizontalMover : verticalMover;\n}\n\nfunction getArrowIcon( isStackedHorizontally ) {\n\tconst { forwardButtonIcon, backwardButtonIcon } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [\n\t\tforwardButtonIcon,\n\t\tbackwardButtonIcon,\n\t\tisStackedHorizontally,\n\t];\n\n\treturn {\n\t\tbackward: applyRTLSetup( true, args ),\n\t\tforward: applyRTLSetup( false, args ),\n\t};\n}\n\nfunction getMoverActionTitle( isStackedHorizontally ) {\n\tconst { firstBlockTitle, lastBlockTitle } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [ lastBlockTitle, firstBlockTitle, isStackedHorizontally ];\n\n\tconst actionTitlePrev = applyRTLSetup( true, args );\n\tconst actionTitleNext = applyRTLSetup( false, args );\n\n\treturn {\n\t\tbackward: sprintf( actionTitlePrev, firstBlockTitle ),\n\t\tforward: sprintf( actionTitleNext, lastBlockTitle ),\n\t};\n}\n\nfunction getMoverButtonTitle( isStackedHorizontally, { firstIndex } ) {\n\tconst getIndexes = ( isBackwardButton ) => {\n\t\tconst fromIndex = firstIndex + 1; // Current position based on index\n\t\t// for backwardButton decrease index (move left/up) for forwardButton increase index (move right/down)\n\t\tconst direction = isBackwardButton ? -1 : 1;\n\t\tconst toIndex = fromIndex + direction; // Position after move.\n\t\treturn [ fromIndex, toIndex ];\n\t};\n\n\tconst { backwardButtonTitle, forwardButtonTitle } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [\n\t\tforwardButtonTitle,\n\t\tbackwardButtonTitle,\n\t\tisStackedHorizontally,\n\t];\n\n\tconst buttonTitlePrev = applyRTLSetup( true, args );\n\tconst buttonTitleNext = applyRTLSetup( false, args );\n\n\treturn {\n\t\tbackward: sprintf( buttonTitlePrev, ...getIndexes( true ) ),\n\t\tforward: sprintf( buttonTitleNext, ...getIndexes( false ) ),\n\t};\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["I18nManager","__","sprintf","arrowUp","arrowDown","arrowLeft","arrowRight","horizontalMover","backwardButtonIcon","forwardButtonIcon","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","backwardButtonTitle","forwardButtonTitle","verticalMover","KEYS","SETUP_GETTER","description","getMoverDescription","icon","getArrowIcon","title","getMoverButtonTitle","actionTitle","getMoverActionTitle","getMoversSetup","isStackedHorizontally","firstIndex","keys","reduce","setup","key","includes","Object","assign","getSetup","switchButtonPropIfRTL","isBackwardButton","forwardButtonProp","backwardButtonProp","isRTL","args","arguments","apply","applyRTLSetup","backward","forward","actionTitlePrev","actionTitleNext","getIndexes","fromIndex","direction","toIndex","buttonTitlePrev","buttonTitleNext"],"sources":["@wordpress/block-editor/src/components/block-mover/mover-description.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { I18nManager } from 'react-native';\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { arrowUp, arrowDown, arrowLeft, arrowRight } from '@wordpress/icons';\n\nconst horizontalMover = {\n\tbackwardButtonIcon: arrowLeft,\n\tforwardButtonIcon: arrowRight,\n\tbackwardButtonHint: __( 'Double tap to move the block to the left' ),\n\tforwardButtonHint: __( 'Double tap to move the block to the right' ),\n\tfirstBlockTitle: __( 'Move block left' ),\n\tlastBlockTitle: __( 'Move block right' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tbackwardButtonTitle: __(\n\t\t'Move block left from position %1$s to position %2$s'\n\t),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tforwardButtonTitle: __(\n\t\t'Move block right from position %1$s to position %2$s'\n\t),\n};\n\nconst verticalMover = {\n\tbackwardButtonIcon: arrowUp,\n\tforwardButtonIcon: arrowDown,\n\tbackwardButtonHint: __( 'Double tap to move the block up' ),\n\tforwardButtonHint: __( 'Double tap to move the block down' ),\n\tfirstBlockTitle: __( 'Move block up' ),\n\tlastBlockTitle: __( 'Move block down' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) /\n\tbackwardButtonTitle: __( 'Move block up from row %1$s to row %2$s' ),\n\t/ translators: accessibility text. %1: current block position (number). %2: next block position (number) */\n\tforwardButtonTitle: __( 'Move block down from row %1$s to row %2$s' ),\n};\n\nconst KEYS = [ 'description', 'icon', 'title', 'actionTitle' ];\n\nconst SETUP_GETTER = {\n\tdescription: getMoverDescription,\n\ticon: getArrowIcon,\n\ttitle: getMoverButtonTitle,\n\tactionTitle: getMoverActionTitle,\n};\n\nexport function getMoversSetup(\n\tisStackedHorizontally,\n\t{ firstIndex, keys = KEYS }\n) {\n\treturn keys.reduce( ( setup, key ) => {\n\t\tif ( KEYS.includes( key ) ) {\n\t\t\tObject.assign( setup, {\n\t\t\t\t[ key ]: getSetup( key, isStackedHorizontally, {\n\t\t\t\t\tfirstIndex,\n\t\t\t\t} ),\n\t\t\t} );\n\t\t}\n\t\treturn setup;\n\t}, {} );\n}\n\nfunction switchButtonPropIfRTL(\n\tisBackwardButton,\n\tforwardButtonProp,\n\tbackwardButtonProp,\n\tisStackedHorizontally\n) {\n\tif ( I18nManager.isRTL && isStackedHorizontally ) {\n\t\t// For RTL and horizontal direction switch prop between forward and backward button.\n\t\tif ( isBackwardButton ) {\n\t\t\treturn forwardButtonProp; // Set forwardButtonProp for backward button.\n\t\t}\n\t\treturn backwardButtonProp; // Set backwardButtonProp for forward button.\n\t}\n\n\treturn isBackwardButton ? backwardButtonProp : forwardButtonProp;\n}\n\nfunction getSetup() {\n\tconst [ key, ...args ] = arguments;\n\treturn SETUP_GETTER[ key ].apply( null, [ ...args ] );\n}\n\nfunction applyRTLSetup( isBackwardButton, args ) {\n\treturn switchButtonPropIfRTL.apply( null, [ isBackwardButton, ...args ] );\n}\n\nfunction getMoverDescription( isStackedHorizontally ) {\n\treturn isStackedHorizontally ? horizontalMover : verticalMover;\n}\n\nfunction getArrowIcon( isStackedHorizontally ) {\n\tconst { forwardButtonIcon, backwardButtonIcon } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [\n\t\tforwardButtonIcon,\n\t\tbackwardButtonIcon,\n\t\tisStackedHorizontally,\n\t];\n\n\treturn {\n\t\tbackward: applyRTLSetup( true, args ),\n\t\tforward: applyRTLSetup( false, args ),\n\t};\n}\n\nfunction getMoverActionTitle( isStackedHorizontally ) {\n\tconst { firstBlockTitle, lastBlockTitle } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [ lastBlockTitle, firstBlockTitle, isStackedHorizontally ];\n\n\tconst actionTitlePrev = applyRTLSetup( true, args );\n\tconst actionTitleNext = applyRTLSetup( false, args );\n\n\treturn {\n\t\tbackward: sprintf( actionTitlePrev, firstBlockTitle ),\n\t\tforward: sprintf( actionTitleNext, lastBlockTitle ),\n\t};\n}\n\nfunction getMoverButtonTitle( isStackedHorizontally, { firstIndex } ) {\n\tconst getIndexes = ( isBackwardButton ) => {\n\t\tconst fromIndex = firstIndex + 1; // Current position based on index\n\t\t// for backwardButton decrease index (move left/up) for forwardButton increase index (move right/down)\n\t\tconst direction = isBackwardButton ? -1 : 1;\n\t\tconst toIndex = fromIndex + direction; // Position after move.\n\t\treturn [ fromIndex, toIndex ];\n\t};\n\n\tconst { backwardButtonTitle, forwardButtonTitle } = getMoverDescription(\n\t\tisStackedHorizontally\n\t);\n\n\tconst args = [\n\t\tforwardButtonTitle,\n\t\tbackwardButtonTitle,\n\t\tisStackedHorizontally,\n\t];\n\n\tconst buttonTitlePrev = applyRTLSetup( true, args );\n\tconst buttonTitleNext = applyRTLSetup( false, args );\n\n\treturn {\n\t\tbackward: sprintf( buttonTitlePrev, ...getIndexes( true ) ),\n\t\tforward: sprintf( buttonTitleNext, ...getIndexes( false ) ),\n\t};\n}\n"],"mappings":"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"}

package/build-module/components/block-popover/inbetween.js CHANGED Viewed

@@ -188,6 +188,5 @@ function BlockPopoverInbetween({
   }, children));
   /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */
 }
 export default BlockPopoverInbetween;
 //# sourceMappingURL=inbetween.js.map

package/build-module/components/block-popover/inbetween.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useSelect","useMemo","createContext","useReducer","useLayoutEffect","Popover","isRTL","store","blockEditorStore","__unstableUseBlockElement","useBlockElement","usePopoverScroll","MAX_POPOVER_RECOMPUTE_COUNTER","Number","MAX_SAFE_INTEGER","InsertionPointOpenRef","BlockPopoverInbetween","previousClientId","nextClientId","children","__unstablePopoverSlot","__unstableContentRef","operation","nearestSide","props","popoverRecomputeCounter","forcePopoverRecompute","s","orientation","rootClientId","isVisible","select","getBlockListSettings","getBlockRootClientId","isBlockVisible","_rootClientId","previousElement","nextElement","isVertical","popoverAnchor","undefined","contextElement","getBoundingClientRect","previousRect","nextRect","left","top","width","height","targetRect","bottom","right","window","DOMRect","popoverScrollRef","observer","MutationObserver","observe","attributes","disconnect","ownerDocument","defaultView","addEventListener","removeEventListener","createElement","ref","animate","anchor","focusOnMount","__unstableSlotName","inline","key","className","resize","flip","placement","variant"],"sources":["@wordpress/block-editor/src/components/block-popover/inbetween.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\tuseMemo,\n\tcreateContext,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { Popover } from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockElement as useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nexport const InsertionPointOpenRef = createContext();\n\nfunction BlockPopoverInbetween( {\n\tpreviousClientId,\n\tnextClientId,\n\tchildren,\n\t__unstablePopoverSlot,\n\t__unstableContentRef,\n\toperation = 'insert',\n\tnearestSide = 'right',\n\t...props\n} ) {\n\t// This is a temporary hack to get the inbetween inserter to recompute properly.\n\tconst [ popoverRecomputeCounter, forcePopoverRecompute ] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\tconst { orientation, rootClientId, isVisible } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tisBlockVisible,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst _rootClientId = getBlockRootClientId(\n\t\t\t\tpreviousClientId ?? nextClientId\n\t\t\t);\n\t\t\treturn {\n\t\t\t\torientation:\n\t\t\t\t\tgetBlockListSettings( _rootClientId )?.orientation \|\|\n\t\t\t\t\t'vertical',\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisVisible:\n\t\t\t\t\tisBlockVisible( previousClientId ) &&\n\t\t\t\t\tisBlockVisible( nextClientId ),\n\t\t\t};\n\t\t},\n\t\t[ previousClientId, nextClientId ]\n\t);\n\tconst previousElement = useBlockElement( previousClientId );\n\tconst nextElement = useBlockElement( nextClientId );\n\tconst isVertical = orientation === 'vertical';\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverRecomputeCounter is by definition always equal or greater than 0.\n\t\t\t// This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverRecomputeCounter < 0 \|\|\n\t\t\t( ! previousElement && ! nextElement ) \|\|\n\t\t\t! isVisible\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst contextElement =\n\t\t\toperation === 'group'\n\t\t\t\t? nextElement \|\| previousElement\n\t\t\t\t: previousElement \|\| nextElement;\n\n\t\treturn {\n\t\t\tcontextElement,\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst previousRect = previousElement\n\t\t\t\t\t? previousElement.getBoundingClientRect()\n\t\t\t\t\t: null;\n\t\t\t\tconst nextRect = nextElement\n\t\t\t\t\t? nextElement.getBoundingClientRect()\n\t\t\t\t\t: null;\n\n\t\t\t\tlet left = 0;\n\t\t\t\tlet top = 0;\n\t\t\t\tlet width = 0;\n\t\t\t\tlet height = 0;\n\n\t\t\t\tif ( operation === 'group' ) {\n\t\t\t\t\tconst targetRect = nextRect \|\| previousRect;\n\t\t\t\t\ttop = targetRect.top;\n\t\t\t\t\t// No spacing is likely around blocks in this operation.\n\t\t\t\t\t// So width of the inserter containing rect is set to 0.\n\t\t\t\t\twidth = 0;\n\t\t\t\t\theight = targetRect.bottom - targetRect.top;\n\t\t\t\t\t// Popover calculates its distance from mid-block so some\n\t\t\t\t\t// adjustments are needed to make it appear in the right place.\n\t\t\t\t\tleft =\n\t\t\t\t\t\tnearestSide === 'left'\n\t\t\t\t\t\t\t? targetRect.left - 2\n\t\t\t\t\t\t\t: targetRect.right - 2;\n\t\t\t\t} else if ( isVertical ) {\n\t\t\t\t\t// vertical\n\t\t\t\t\ttop = previousRect ? previousRect.bottom : nextRect.top;\n\t\t\t\t\twidth = previousRect ? previousRect.width : nextRect.width;\n\t\t\t\t\theight =\n\t\t\t\t\t\tnextRect && previousRect\n\t\t\t\t\t\t\t? nextRect.top - previousRect.bottom\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tleft = previousRect ? previousRect.left : nextRect.left;\n\t\t\t\t} else {\n\t\t\t\t\ttop = previousRect ? previousRect.top : nextRect.top;\n\t\t\t\t\theight = previousRect\n\t\t\t\t\t\t? previousRect.height\n\t\t\t\t\t\t: nextRect.height;\n\n\t\t\t\t\tif ( isRTL() ) {\n\t\t\t\t\t\t// non vertical, rtl\n\t\t\t\t\t\tleft = nextRect ? nextRect.right : previousRect.left;\n\t\t\t\t\t\twidth =\n\t\t\t\t\t\t\tpreviousRect && nextRect\n\t\t\t\t\t\t\t\t? previousRect.left - nextRect.right\n\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// non vertical, ltr\n\t\t\t\t\t\tleft = previousRect\n\t\t\t\t\t\t\t? previousRect.right\n\t\t\t\t\t\t\t: nextRect.left;\n\t\t\t\t\t\twidth =\n\t\t\t\t\t\t\tpreviousRect && nextRect\n\t\t\t\t\t\t\t\t? nextRect.left - previousRect.right\n\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn new window.DOMRect( left, top, width, height );\n\t\t\t},\n\t\t};\n\t}, [\n\t\tpreviousElement,\n\t\tnextElement,\n\t\tpopoverRecomputeCounter,\n\t\tisVertical,\n\t\tisVisible,\n\t\toperation,\n\t\tnearestSide,\n\t] );\n\n\tconst popoverScrollRef = usePopoverScroll( __unstableContentRef );\n\n\t// This is only needed for a smooth transition when moving blocks.\n\t// When blocks are moved up/down, their position can be set by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! previousElement ) {\n\t\t\treturn;\n\t\t}\n\t\tconst observer = new window.MutationObserver( forcePopoverRecompute );\n\t\tobserver.observe( previousElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ previousElement ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! nextElement ) {\n\t\t\treturn;\n\t\t}\n\t\tconst observer = new window.MutationObserver( forcePopoverRecompute );\n\t\tobserver.observe( nextElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ nextElement ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previousElement ) {\n\t\t\treturn;\n\t\t}\n\t\tpreviousElement.ownerDocument.defaultView.addEventListener(\n\t\t\t'resize',\n\t\t\tforcePopoverRecompute\n\t\t);\n\t\treturn () => {\n\t\t\tpreviousElement.ownerDocument.defaultView?.removeEventListener(\n\t\t\t\t'resize',\n\t\t\t\tforcePopoverRecompute\n\t\t\t);\n\t\t};\n\t}, [ previousElement ] );\n\n\t// If there's either a previous or a next element, show the inbetween popover.\n\t// Note that drag and drop uses the inbetween popover to show the drop indicator\n\t// before the first block and after the last block.\n\tif ( ( ! previousElement && ! nextElement ) \|\| ! isVisible ) {\n\t\treturn null;\n\t}\n\n\t/ eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events /\n\t// While ideally it would be enough to capture the\n\t// bubbling focus event from the Inserter, due to the\n\t// characteristics of click focusing of `button`s in\n\t// Firefox and Safari, it is not reliable.\n\t//\n\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\treturn (\n\t\t<Popover\n\t\t\tref={ popoverScrollRef }\n\t\t\tanimate={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tfocusOnMount={ false }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\t// Forces a remount of the popover when its position changes\n\t\t\t// This makes sure the popover doesn't animate from its previous position.\n\t\t\tkey={ nextClientId + '--' + rootClientId }\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-block-popover',\n\t\t\t\t'block-editor-block-popover__inbetween',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tplacement=\"overlay\"\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"block-editor-block-popover__inbetween-container\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Popover>\n\t);\n\t/ eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n}\n\nexport default BlockPopoverInbetween;\n"],"mappings":"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"}
1	+ {"version":3,"names":["classnames","useSelect","useMemo","createContext","useReducer","useLayoutEffect","Popover","isRTL","store","blockEditorStore","__unstableUseBlockElement","useBlockElement","usePopoverScroll","MAX_POPOVER_RECOMPUTE_COUNTER","Number","MAX_SAFE_INTEGER","InsertionPointOpenRef","BlockPopoverInbetween","previousClientId","nextClientId","children","__unstablePopoverSlot","__unstableContentRef","operation","nearestSide","props","popoverRecomputeCounter","forcePopoverRecompute","s","orientation","rootClientId","isVisible","select","getBlockListSettings","getBlockRootClientId","isBlockVisible","_rootClientId","previousElement","nextElement","isVertical","popoverAnchor","undefined","contextElement","getBoundingClientRect","previousRect","nextRect","left","top","width","height","targetRect","bottom","right","window","DOMRect","popoverScrollRef","observer","MutationObserver","observe","attributes","disconnect","ownerDocument","defaultView","addEventListener","removeEventListener","createElement","ref","animate","anchor","focusOnMount","__unstableSlotName","inline","key","className","resize","flip","placement","variant"],"sources":["@wordpress/block-editor/src/components/block-popover/inbetween.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\tuseMemo,\n\tcreateContext,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { Popover } from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockElement as useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nexport const InsertionPointOpenRef = createContext();\n\nfunction BlockPopoverInbetween( {\n\tpreviousClientId,\n\tnextClientId,\n\tchildren,\n\t__unstablePopoverSlot,\n\t__unstableContentRef,\n\toperation = 'insert',\n\tnearestSide = 'right',\n\t...props\n} ) {\n\t// This is a temporary hack to get the inbetween inserter to recompute properly.\n\tconst [ popoverRecomputeCounter, forcePopoverRecompute ] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\tconst { orientation, rootClientId, isVisible } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tisBlockVisible,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst _rootClientId = getBlockRootClientId(\n\t\t\t\tpreviousClientId ?? nextClientId\n\t\t\t);\n\t\t\treturn {\n\t\t\t\torientation:\n\t\t\t\t\tgetBlockListSettings( _rootClientId )?.orientation \|\|\n\t\t\t\t\t'vertical',\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisVisible:\n\t\t\t\t\tisBlockVisible( previousClientId ) &&\n\t\t\t\t\tisBlockVisible( nextClientId ),\n\t\t\t};\n\t\t},\n\t\t[ previousClientId, nextClientId ]\n\t);\n\tconst previousElement = useBlockElement( previousClientId );\n\tconst nextElement = useBlockElement( nextClientId );\n\tconst isVertical = orientation === 'vertical';\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverRecomputeCounter is by definition always equal or greater than 0.\n\t\t\t// This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverRecomputeCounter < 0 \|\|\n\t\t\t( ! previousElement && ! nextElement ) \|\|\n\t\t\t! isVisible\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst contextElement =\n\t\t\toperation === 'group'\n\t\t\t\t? nextElement \|\| previousElement\n\t\t\t\t: previousElement \|\| nextElement;\n\n\t\treturn {\n\t\t\tcontextElement,\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst previousRect = previousElement\n\t\t\t\t\t? previousElement.getBoundingClientRect()\n\t\t\t\t\t: null;\n\t\t\t\tconst nextRect = nextElement\n\t\t\t\t\t? nextElement.getBoundingClientRect()\n\t\t\t\t\t: null;\n\n\t\t\t\tlet left = 0;\n\t\t\t\tlet top = 0;\n\t\t\t\tlet width = 0;\n\t\t\t\tlet height = 0;\n\n\t\t\t\tif ( operation === 'group' ) {\n\t\t\t\t\tconst targetRect = nextRect \|\| previousRect;\n\t\t\t\t\ttop = targetRect.top;\n\t\t\t\t\t// No spacing is likely around blocks in this operation.\n\t\t\t\t\t// So width of the inserter containing rect is set to 0.\n\t\t\t\t\twidth = 0;\n\t\t\t\t\theight = targetRect.bottom - targetRect.top;\n\t\t\t\t\t// Popover calculates its distance from mid-block so some\n\t\t\t\t\t// adjustments are needed to make it appear in the right place.\n\t\t\t\t\tleft =\n\t\t\t\t\t\tnearestSide === 'left'\n\t\t\t\t\t\t\t? targetRect.left - 2\n\t\t\t\t\t\t\t: targetRect.right - 2;\n\t\t\t\t} else if ( isVertical ) {\n\t\t\t\t\t// vertical\n\t\t\t\t\ttop = previousRect ? previousRect.bottom : nextRect.top;\n\t\t\t\t\twidth = previousRect ? previousRect.width : nextRect.width;\n\t\t\t\t\theight =\n\t\t\t\t\t\tnextRect && previousRect\n\t\t\t\t\t\t\t? nextRect.top - previousRect.bottom\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tleft = previousRect ? previousRect.left : nextRect.left;\n\t\t\t\t} else {\n\t\t\t\t\ttop = previousRect ? previousRect.top : nextRect.top;\n\t\t\t\t\theight = previousRect\n\t\t\t\t\t\t? previousRect.height\n\t\t\t\t\t\t: nextRect.height;\n\n\t\t\t\t\tif ( isRTL() ) {\n\t\t\t\t\t\t// non vertical, rtl\n\t\t\t\t\t\tleft = nextRect ? nextRect.right : previousRect.left;\n\t\t\t\t\t\twidth =\n\t\t\t\t\t\t\tpreviousRect && nextRect\n\t\t\t\t\t\t\t\t? previousRect.left - nextRect.right\n\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// non vertical, ltr\n\t\t\t\t\t\tleft = previousRect\n\t\t\t\t\t\t\t? previousRect.right\n\t\t\t\t\t\t\t: nextRect.left;\n\t\t\t\t\t\twidth =\n\t\t\t\t\t\t\tpreviousRect && nextRect\n\t\t\t\t\t\t\t\t? nextRect.left - previousRect.right\n\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn new window.DOMRect( left, top, width, height );\n\t\t\t},\n\t\t};\n\t}, [\n\t\tpreviousElement,\n\t\tnextElement,\n\t\tpopoverRecomputeCounter,\n\t\tisVertical,\n\t\tisVisible,\n\t\toperation,\n\t\tnearestSide,\n\t] );\n\n\tconst popoverScrollRef = usePopoverScroll( __unstableContentRef );\n\n\t// This is only needed for a smooth transition when moving blocks.\n\t// When blocks are moved up/down, their position can be set by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! previousElement ) {\n\t\t\treturn;\n\t\t}\n\t\tconst observer = new window.MutationObserver( forcePopoverRecompute );\n\t\tobserver.observe( previousElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ previousElement ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! nextElement ) {\n\t\t\treturn;\n\t\t}\n\t\tconst observer = new window.MutationObserver( forcePopoverRecompute );\n\t\tobserver.observe( nextElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ nextElement ] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previousElement ) {\n\t\t\treturn;\n\t\t}\n\t\tpreviousElement.ownerDocument.defaultView.addEventListener(\n\t\t\t'resize',\n\t\t\tforcePopoverRecompute\n\t\t);\n\t\treturn () => {\n\t\t\tpreviousElement.ownerDocument.defaultView?.removeEventListener(\n\t\t\t\t'resize',\n\t\t\t\tforcePopoverRecompute\n\t\t\t);\n\t\t};\n\t}, [ previousElement ] );\n\n\t// If there's either a previous or a next element, show the inbetween popover.\n\t// Note that drag and drop uses the inbetween popover to show the drop indicator\n\t// before the first block and after the last block.\n\tif ( ( ! previousElement && ! nextElement ) \|\| ! isVisible ) {\n\t\treturn null;\n\t}\n\n\t/ eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events /\n\t// While ideally it would be enough to capture the\n\t// bubbling focus event from the Inserter, due to the\n\t// characteristics of click focusing of `button`s in\n\t// Firefox and Safari, it is not reliable.\n\t//\n\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\treturn (\n\t\t<Popover\n\t\t\tref={ popoverScrollRef }\n\t\t\tanimate={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tfocusOnMount={ false }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\t// Forces a remount of the popover when its position changes\n\t\t\t// This makes sure the popover doesn't animate from its previous position.\n\t\t\tkey={ nextClientId + '--' + rootClientId }\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-block-popover',\n\t\t\t\t'block-editor-block-popover__inbetween',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tplacement=\"overlay\"\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"block-editor-block-popover__inbetween-container\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Popover>\n\t);\n\t/ eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\n}\n\nexport default BlockPopoverInbetween;\n"],"mappings":"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"}

package/build-module/components/block-preview/auto.js CHANGED Viewed

@@ -18,11 +18,12 @@ import { store } from '../../store';
 // This is used to avoid rendering the block list if the sizes change.
 let MemoizedBlockList;
 const MAX_HEIGHT = 2000;
+const EMPTY_ADDITIONAL_STYLES = [];
 function ScaledBlockPreview({
   viewportWidth,
   containerWidth,
   minHeight,
-  additionalStyles = []
+  additionalStyles = EMPTY_ADDITIONAL_STYLES
 }) {
   if (!viewportWidth) {
     viewportWidth = containerWidth;

package/build-module/components/block-preview/auto.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useResizeObserver","useRefEffect","useSelect","memo","useMemo","Disabled","BlockList","Iframe","EditorStyles","store","MemoizedBlockList","MAX_HEIGHT","ScaledBlockPreview","viewportWidth","containerWidth","minHeight","additionalStyles","contentResizeListener","height","contentHeight","styles","select","settings","getSettings","editorStyles","css","__unstableType","scale","aspectRatio","createElement","className","style","transform","maxHeight","undefined","contentRef","bodyElement","ownerDocument","documentElement","classList","add","position","width","boxSizing","tabIndex","pointerEvents","renderAppender","AutoBlockPreview","props","containerResizeListener","Fragment"],"sources":["@wordpress/block-editor/src/components/block-preview/auto.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useResizeObserver, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport { Disabled } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport BlockList from '../block-list';\nimport Iframe from '../iframe';\nimport EditorStyles from '../editor-styles';\nimport { store } from '../../store';\n\n// This is used to avoid rendering the block list if the sizes change.\nlet MemoizedBlockList;\n\nconst MAX_HEIGHT = 2000;\n\nfunction ScaledBlockPreview( {\n\tviewportWidth,\n\tcontainerWidth,\n\tminHeight,\n\tadditionalStyles = [],\n} ) {\n\tif ( ! viewportWidth ) {\n\t\tviewportWidth = containerWidth;\n\t}\n\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst { styles } = useSelect( ( select ) => {\n\t\tconst settings = select( store ).getSettings();\n\t\treturn {\n\t\t\tstyles: settings.styles,\n\t\t};\n\t}, [] );\n\n\t// Avoid scrollbars for pattern previews.\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'body{height:auto;overflow:hidden;border:none;padding:0;}',\n\t\t\t\t\t__unstableType: 'presets',\n\t\t\t\t},\n\t\t\t\t...additionalStyles,\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles, additionalStyles ] );\n\n\t// Initialize on render instead of module top level, to avoid circular dependency issues.\n\tMemoizedBlockList = MemoizedBlockList \|\| memo( BlockList );\n\n\tconst scale = containerWidth / viewportWidth;\n\tconst aspectRatio = contentHeight\n\t\t? containerWidth / ( contentHeight scale )\n\t\t: 0;\n\treturn (\n\t\t<Disabled\n\t\t\tclassName=\"block-editor-block-preview__content\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `scale(${ scale })`,\n\t\t\t\t// Using width + aspect-ratio instead of height here triggers browsers' native\n\t\t\t\t// handling of scrollbar's visibility. It prevents the flickering issue seen\n\t\t\t\t// in https://github.com/WordPress/gutenberg/issues/52027.\n\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/52921 for more info.\n\t\t\t\taspectRatio,\n\t\t\t\tmaxHeight:\n\t\t\t\t\tcontentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,\n\t\t\t\tminHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tcontentRef={ useRefEffect( ( bodyElement ) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\townerDocument: { documentElement },\n\t\t\t\t\t} = bodyElement;\n\t\t\t\t\tdocumentElement.classList.add(\n\t\t\t\t\t\t'block-editor-block-preview__content-iframe'\n\t\t\t\t\t);\n\t\t\t\t\tdocumentElement.style.position = 'absolute';\n\t\t\t\t\tdocumentElement.style.width = '100%';\n\n\t\t\t\t\t// Necessary for contentResizeListener to work.\n\t\t\t\t\tbodyElement.style.boxSizing = 'border-box';\n\t\t\t\t\tbodyElement.style.position = 'absolute';\n\t\t\t\t\tbodyElement.style.width = '100%';\n\t\t\t\t}, [] ) }\n\t\t\t\taria-hidden\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: viewportWidth,\n\t\t\t\t\theight: contentHeight,\n\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t// This is a catch-all max-height for patterns.\n\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/38175.\n\t\t\t\t\tmaxHeight: MAX_HEIGHT,\n\t\t\t\t\tminHeight:\n\t\t\t\t\t\tscale !== 0 && scale < 1 && minHeight\n\t\t\t\t\t\t\t? minHeight / scale\n\t\t\t\t\t\t\t: minHeight,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t{ contentResizeListener }\n\t\t\t\t<MemoizedBlockList renderAppender={ false } />\n\t\t\t</Iframe>\n\t\t</Disabled>\n\t);\n}\n\nexport default function AutoBlockPreview( props ) {\n\tconst [ containerResizeListener, { width: containerWidth } ] =\n\t\tuseResizeObserver();\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative', width: '100%', height: 0 } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-block-preview__container\">\n\t\t\t\t{ !! containerWidth && (\n\t\t\t\t\t<ScaledBlockPreview\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tcontainerWidth={ containerWidth }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,iBAAiB,EAAEC,YAAY,QAAQ,oBAAoB;AACpE,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,EAAEC,OAAO,QAAQ,oBAAoB;AAClD,SAASC,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,SAASC,KAAK,QAAQ,aAAa;;AAEnC;AACA,IAAIC,iBAAiB;AAErB,MAAMC,UAAU,GAAG,IAAI;~~AAEvB~~,SAASC,kBAAkBA,CAAE;EAC5BC,aAAa;EACbC,cAAc;EACdC,SAAS;EACTC,gBAAgB,~~GAAG~~;AACpB,CAAC,EAAG;EACH,IAAK,~~CAAEH~~,aAAa,EAAG;IACtBA,aAAa,GAAGC,cAAc;EAC/B;EAEA,MAAM,CAAEG,qBAAqB,EAAE;IAAEC,MAAM,EAAEC;EAAc,CAAC,CAAE,~~GACzDnB~~,iBAAiB,CAAC,CAAC;EACpB,MAAM;~~IAAEoB~~;EAAO,CAAC,~~GAAGlB~~,SAAS,~~CAAImB~~,MAAM,IAAM;IAC3C,MAAMC,QAAQ,GAAGD,MAAM,~~CAAEZ~~,KAAM,CAAC,~~CAACc~~,WAAW,CAAC,CAAC;IAC9C,OAAO;MACNH,MAAM,EAAEE,QAAQ,CAACF;IAClB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,MAAMI,YAAY,~~GAAGpB~~,OAAO,CAAE,MAAM;IACnC,~~IAAKgB~~,MAAM,EAAG;MACb,OAAO,CACN,GAAGA,MAAM,EACT;QACCK,GAAG,EAAE,0DAA0D;QAC/DC,cAAc,EAAE;MACjB,CAAC,EACD,GAAGV,gBAAgB,CACnB;IACF;IAEA,OAAOI,MAAM;EACd,CAAC,EAAE,CAAEA,MAAM,EAAEJ,gBAAgB,CAAG,CAAC;;EAEjC;~~EACAN~~,iBAAiB,GAAGA,iBAAiB,IAAIP,IAAI,CAAEG,SAAU,CAAC;EAE1D,~~MAAMqB~~,KAAK,GAAGb,cAAc,GAAGD,aAAa;EAC5C,MAAMe,WAAW,GAAGT,aAAa,GAC9BL,cAAc,IAAKK,aAAa,GAAGQ,KAAK,CAAE,GAC1C,CAAC;EACJ,OACCE,aAAA,~~CAACxB~~,QAAQ;~~IACRyB~~,SAAS,EAAC,qCAAqC;IAC/CC,KAAK,EAAG;MACPC,SAAS,EAAG,SAASL,KAAO,GAAE;MAC9B;MACA;MACA;MACA;MACAC,WAAW;MACXK,SAAS,EACRd,aAAa,~~GAAGR~~,UAAU,GAAGA,UAAU,~~GAAGgB~~,KAAK,GAAGO,SAAS;MAC5DnB;IACD;EAAG,GAEHc,aAAA,~~CAACtB~~,MAAM;~~IACN4B~~,UAAU,~~EAAGlC~~,YAAY,~~CAAImC~~,WAAW,IAAM;MAC7C,MAAM;QACLC,aAAa,EAAE;UAAEC;QAAgB;MAClC,CAAC,GAAGF,WAAW;MACfE,eAAe,CAACC,SAAS,CAACC,GAAG,CAC5B,4CACD,CAAC;MACDF,eAAe,CAACP,KAAK,CAACU,QAAQ,GAAG,UAAU;MAC3CH,eAAe,CAACP,KAAK,CAACW,KAAK,GAAG,MAAM;;MAEpC;MACAN,WAAW,CAACL,KAAK,CAACY,SAAS,GAAG,YAAY;MAC1CP,WAAW,CAACL,KAAK,CAACU,QAAQ,GAAG,UAAU;MACvCL,WAAW,CAACL,KAAK,CAACW,KAAK,GAAG,MAAM;IACjC,CAAC,EAAE,EAAG,CAAG;IACT,mBAAW;IACXE,QAAQ,EAAG,CAAC,CAAG;IACfb,KAAK,EAAG;MACPU,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE7B,aAAa;MACpBK,MAAM,EAAEC,aAAa;MACrB0B,aAAa,EAAE,MAAM;MACrB;MACA;MACAZ,SAAS,~~EAAEtB~~,UAAU;~~MACrBI~~,SAAS,EACRY,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIZ,SAAS,GAClCA,SAAS,GAAGY,KAAK,GACjBZ;IACL;EAAG,GAEHc,aAAA,~~CAACrB~~,YAAY;~~IAACY~~,MAAM,EAAGI;EAAc,CAAE,CAAC,EACtCP,qBAAqB,EACvBY,aAAA,~~CAACnB~~,iBAAiB;~~IAACoC~~,cAAc,EAAG;EAAO,CAAE,CACtC,CACC,CAAC;AAEb;AAEA,eAAe,SAASC,gBAAgBA,CAAEC,KAAK,EAAG;EACjD,MAAM,CAAEC,uBAAuB,EAAE;IAAEP,KAAK,EAAE5B;EAAe,CAAC,CAAE,~~GAC3Dd~~,iBAAiB,CAAC,CAAC;EAEpB,~~OACC6B~~,aAAA,CAAAqB,QAAA,QACCrB,aAAA;IAAKE,KAAK,EAAG;MAAEU,QAAQ,EAAE,UAAU;MAAEC,KAAK,EAAE,MAAM;MAAExB,MAAM,EAAE;IAAE;EAAG,GAC9D+B,uBACE,CAAC,EACNpB,aAAA;IAAKC,SAAS,EAAC;EAAuC,GACnD,CAAC,CAAEhB,cAAc,IAClBe,aAAA,CAACjB,kBAAkB;IAAA,GACboC,KAAK;IACVlC,cAAc,EAAGA;EAAgB,CACjC,CAEE,CACJ,CAAC;AAEL"}
1	+ {"version":3,"names":["useResizeObserver","useRefEffect","useSelect","memo","useMemo","Disabled","BlockList","Iframe","EditorStyles","store","MemoizedBlockList","MAX_HEIGHT","EMPTY_ADDITIONAL_STYLES","ScaledBlockPreview","viewportWidth","containerWidth","minHeight","additionalStyles","contentResizeListener","height","contentHeight","styles","select","settings","getSettings","editorStyles","css","__unstableType","scale","aspectRatio","createElement","className","style","transform","maxHeight","undefined","contentRef","bodyElement","ownerDocument","documentElement","classList","add","position","width","boxSizing","tabIndex","pointerEvents","renderAppender","AutoBlockPreview","props","containerResizeListener","Fragment"],"sources":["@wordpress/block-editor/src/components/block-preview/auto.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useResizeObserver, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport { Disabled } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport BlockList from '../block-list';\nimport Iframe from '../iframe';\nimport EditorStyles from '../editor-styles';\nimport { store } from '../../store';\n\n// This is used to avoid rendering the block list if the sizes change.\nlet MemoizedBlockList;\n\nconst MAX_HEIGHT = 2000;\nconst EMPTY_ADDITIONAL_STYLES = [];\n\nfunction ScaledBlockPreview( {\n\tviewportWidth,\n\tcontainerWidth,\n\tminHeight,\n\tadditionalStyles = EMPTY_ADDITIONAL_STYLES,\n} ) {\n\tif ( ! viewportWidth ) {\n\t\tviewportWidth = containerWidth;\n\t}\n\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst { styles } = useSelect( ( select ) => {\n\t\tconst settings = select( store ).getSettings();\n\t\treturn {\n\t\t\tstyles: settings.styles,\n\t\t};\n\t}, [] );\n\n\t// Avoid scrollbars for pattern previews.\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'body{height:auto;overflow:hidden;border:none;padding:0;}',\n\t\t\t\t\t__unstableType: 'presets',\n\t\t\t\t},\n\t\t\t\t...additionalStyles,\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles, additionalStyles ] );\n\n\t// Initialize on render instead of module top level, to avoid circular dependency issues.\n\tMemoizedBlockList = MemoizedBlockList \|\| memo( BlockList );\n\n\tconst scale = containerWidth / viewportWidth;\n\tconst aspectRatio = contentHeight\n\t\t? containerWidth / ( contentHeight scale )\n\t\t: 0;\n\treturn (\n\t\t<Disabled\n\t\t\tclassName=\"block-editor-block-preview__content\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `scale(${ scale })`,\n\t\t\t\t// Using width + aspect-ratio instead of height here triggers browsers' native\n\t\t\t\t// handling of scrollbar's visibility. It prevents the flickering issue seen\n\t\t\t\t// in https://github.com/WordPress/gutenberg/issues/52027.\n\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/52921 for more info.\n\t\t\t\taspectRatio,\n\t\t\t\tmaxHeight:\n\t\t\t\t\tcontentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,\n\t\t\t\tminHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tcontentRef={ useRefEffect( ( bodyElement ) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\townerDocument: { documentElement },\n\t\t\t\t\t} = bodyElement;\n\t\t\t\t\tdocumentElement.classList.add(\n\t\t\t\t\t\t'block-editor-block-preview__content-iframe'\n\t\t\t\t\t);\n\t\t\t\t\tdocumentElement.style.position = 'absolute';\n\t\t\t\t\tdocumentElement.style.width = '100%';\n\n\t\t\t\t\t// Necessary for contentResizeListener to work.\n\t\t\t\t\tbodyElement.style.boxSizing = 'border-box';\n\t\t\t\t\tbodyElement.style.position = 'absolute';\n\t\t\t\t\tbodyElement.style.width = '100%';\n\t\t\t\t}, [] ) }\n\t\t\t\taria-hidden\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: viewportWidth,\n\t\t\t\t\theight: contentHeight,\n\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t// This is a catch-all max-height for patterns.\n\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/38175.\n\t\t\t\t\tmaxHeight: MAX_HEIGHT,\n\t\t\t\t\tminHeight:\n\t\t\t\t\t\tscale !== 0 && scale < 1 && minHeight\n\t\t\t\t\t\t\t? minHeight / scale\n\t\t\t\t\t\t\t: minHeight,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t{ contentResizeListener }\n\t\t\t\t<MemoizedBlockList renderAppender={ false } />\n\t\t\t</Iframe>\n\t\t</Disabled>\n\t);\n}\n\nexport default function AutoBlockPreview( props ) {\n\tconst [ containerResizeListener, { width: containerWidth } ] =\n\t\tuseResizeObserver();\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative', width: '100%', height: 0 } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-block-preview__container\">\n\t\t\t\t{ !! containerWidth && (\n\t\t\t\t\t<ScaledBlockPreview\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tcontainerWidth={ containerWidth }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/block-removal-warning-modal/index.js CHANGED Viewed

@@ -18,7 +18,8 @@ export function BlockRemovalWarningModal({
   const {
     clientIds,
     selectPrevious,
-    blockNamesForPrompt
+    blockNamesForPrompt,
+    messageType
   } = useSelect(select => unlock(select(blockEditorStore)).getRemovalPromptData());
   const {
     clearBlockRemovalPrompt,
@@ -37,6 +38,7 @@ export function BlockRemovalWarningModal({
   if (!blockNamesForPrompt) {
     return;
   }
+  const message = messageType === 'templates' ? _n('Deleting this block will stop your post or page content from displaying on this template. It is not recommended.', 'Deleting these blocks will stop your post or page content from displaying on this template. It is not recommended.', blockNamesForPrompt.length) : _n('Deleting this block could break patterns on your site that have content linked to it. Are you sure you want to delete it?', 'Deleting these blocks could break patterns on your site that have content linked to them. Are you sure you want to delete them?', blockNamesForPrompt.length);
   const onConfirmRemoval = () => {
     privateRemoveBlocks(clientIds, selectPrevious, /* force */true);
     clearBlockRemovalPrompt();
@@ -45,7 +47,7 @@ export function BlockRemovalWarningModal({
     title: __('Be careful!'),
     onRequestClose: clearBlockRemovalPrompt,
     size: "medium"
-  }, createElement("p", null, _n('Deleting this block will stop your post or page content from displaying on this template. It is not recommended.', 'Deleting these blocks will stop your post or page content from displaying on this template. It is not recommended.', blockNamesForPrompt.length)), createElement(HStack, {
+  }, createElement("p", null, message), createElement(HStack, {
     justify: "right"
   }, createElement(Button, {
     variant: "tertiary",

package/build-module/components/block-removal-warning-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useDispatch","useSelect","Modal","Button","__experimentalHStack","HStack","__","_n","store","blockEditorStore","unlock","BlockRemovalWarningModal","rules","clientIds","selectPrevious","blockNamesForPrompt","select","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","onConfirmRemoval","createElement","title","onRequestClose","size","~~length","~~justify","variant","onClick"],"sources":["@wordpress/block-editor/src/components/block-removal-warning-modal/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, _n } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function BlockRemovalWarningModal( { rules } ) {\n\tconst { clientIds, selectPrevious, blockNamesForPrompt } ~~= useSelect(\~~n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getRemovalPromptData()\n\t);\n\n\tconst {\n\t\tclearBlockRemovalPrompt,\n\t\tsetBlockRemovalRules,\n\t\tprivateRemoveBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\t// Load block removal rules, simultaneously signalling that the block\n\t// removal prompt is in place.\n\tuseEffect( () => {\n\t\tsetBlockRemovalRules( rules );\n\t\treturn () => {\n\t\t\tsetBlockRemovalRules();\n\t\t};\n\t}, [ rules, setBlockRemovalRules ] );\n\n\tif ( ! blockNamesForPrompt ) {\n\t\treturn;\n\t}\n\n\tconst ~~onConfirmRemoval~~ ~~= () => {\~~n\t\~~tprivateRemoveBlocks(~~ ~~clientIds,~~ ~~selectPrevious, / force */ true );\~~n\t\~~tclearBlockRemovalPrompt();\n~~\t~~};\n\n\treturn~~ (\n\t\t~~<Modal~~\n\t\t~~\ttitle={~~ ~~__(~~ ~~'Be~~ ~~careful!'~~ ) }\n\t\t\~~tonRequestClose={~~ ~~clearBlockRemovalPrompt~~ }\n\t\t\~~tsize=\"medium~~\"\n\t\t~~>\n~~\t\~~t\t<p>\~~n\t\t\t~~\t{~~ _n(\n\t\t\t\t\t'Deleting this block ~~will~~ ~~stop~~ your ~~post~~ or ~~page~~ content ~~from~~ ~~displaying~~ on ~~this~~ ~~template.~~ It is ~~not~~ ~~recommended.~~',\n\t\t\t\t\t'Deleting these blocks ~~will~~ ~~stop~~ your ~~post~~ or ~~page~~ content ~~from~~ ~~displaying~~ on ~~this~~ ~~template.~~ It is ~~not~~ ~~recommended.~~',\n\t\t\t\t\tblockNamesForPrompt.length\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<HStack justify=\"right\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ clearBlockRemovalPrompt }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"primary\" onClick={ onConfirmRemoval }>\n\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</Modal>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,KAAK,EACLC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;;AAExC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,SAASC,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;~~EAAoB~~,CAAC,~~GAAGd~~,SAAS,~~CACjEe~~,MAAM,~~IACPN~~,MAAM,~~CAAEM~~,MAAM,~~CAAEP~~,gBAAiB,CAAE,CAAC,~~CAACQ~~,oBAAoB,CAAC,~~CAC5D~~,CAAC;~~EAED~~,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,~~GAAGV~~,MAAM,CAAEV,WAAW,CAAES,gBAAiB,CAAE,CAAC;;EAE7C;EACA;EACAV,SAAS,CAAE,MAAM;~~IAChBoB~~,oBAAoB,~~CAAEP~~,KAAM,CAAC;IAC7B,OAAO,MAAM;~~MACZO~~,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,~~CAAEP~~,KAAK,~~EAAEO~~,oBAAoB,CAAG,CAAC;EAEpC,IAAK,~~CAAEJ~~,mBAAmB,EAAG;IAC5B;EACD;EAEA,~~MAAMM~~,gBAAgB,GAAGA,CAAA,KAAM;~~IAC9BD~~,mBAAmB,~~CAAEP~~,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;~~IAClEI~~,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,~~OACCI~~,aAAA,~~CAACpB~~,KAAK;~~IACLqB~~,KAAK,~~EAAGjB~~,EAAE,CAAE,aAAc,CAAG;~~IAC7BkB~~,cAAc,~~EAAGN~~,uBAAyB;~~IAC1CO~~,IAAI,EAAC;EAAQ,GAEbH,aAAA,~~YACGf~~,~~EAAE~~,~~CACH,kHAAkH,EAClH,oHAAoH,EACpHQ,mBAAmB,CAACW,MACrB,CACE,~~CAAC,~~EACJJ~~,aAAA,~~CAACjB~~,MAAM;~~IAACsB~~,OAAO,EAAC;EAAO,~~GACtBL~~,aAAA,~~CAACnB~~,MAAM;~~IAACyB~~,OAAO,EAAC,UAAU;IAACC,OAAO,~~EAAGX~~;EAAyB,~~GAC3DZ~~,EAAE,CAAE,QAAS,CACR,CAAC,~~EACTgB~~,aAAA,~~CAACnB~~,MAAM;~~IAACyB~~,OAAO,EAAC,SAAS;IAACC,OAAO,~~EAAGR~~;EAAkB,~~GACnDf~~,EAAE,CAAE,QAAS,CACR,CACD,CACF,CAAC;AAEV"}
1	+ {"version":3,"names":["useEffect","useDispatch","useSelect","Modal","Button","__experimentalHStack","HStack","__","_n","store","blockEditorStore","unlock","BlockRemovalWarningModal","rules","clientIds","selectPrevious","blockNamesForPrompt","messageType","select","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","message","length","onConfirmRemoval","createElement","title","onRequestClose","size","justify","variant","onClick"],"sources":["@wordpress/block-editor/src/components/block-removal-warning-modal/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, _n } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function BlockRemovalWarningModal( { rules } ) {\n\tconst { clientIds, selectPrevious, blockNamesForPrompt, messageType } =\n\t\tuseSelect( ( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getRemovalPromptData()\n\t\t);\n\n\tconst {\n\t\tclearBlockRemovalPrompt,\n\t\tsetBlockRemovalRules,\n\t\tprivateRemoveBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\t// Load block removal rules, simultaneously signalling that the block\n\t// removal prompt is in place.\n\tuseEffect( () => {\n\t\tsetBlockRemovalRules( rules );\n\t\treturn () => {\n\t\t\tsetBlockRemovalRules();\n\t\t};\n\t}, [ rules, setBlockRemovalRules ] );\n\n\tif ( ! blockNamesForPrompt ) {\n\t\treturn;\n\t}\n\n\tconst message =\n\t\tmessageType === 'templates'\n\t\t\t? _n(\n\t\t\t\t\t'Deleting this block will stop your post or page content from displaying on this template. It is not recommended.',\n\t\t\t\t\t'Deleting these blocks will stop your post or page content from displaying on this template. It is not recommended.',\n\t\t\t\t\tblockNamesForPrompt.length\n\t\t\t )\n\t\t\t: _n(\n\t\t\t\t\t'Deleting this block could break patterns on your site that have content linked to it. Are you sure you want to delete it?',\n\t\t\t\t\t'Deleting these blocks could break patterns on your site that have content linked to them. Are you sure you want to delete them?',\n\t\t\t\t\tblockNamesForPrompt.length\n\t\t\t );\n\n\tconst onConfirmRemoval = () => {\n\t\tprivateRemoveBlocks( clientIds, selectPrevious, / force */ true );\n\t\tclearBlockRemovalPrompt();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Be careful!' ) }\n\t\t\tonRequestClose={ clearBlockRemovalPrompt }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<p>{ message }</p>\n\t\t\t<HStack justify=\"right\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ clearBlockRemovalPrompt }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"primary\" onClick={ onConfirmRemoval }>\n\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</Modal>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,KAAK,EACLC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;;AAExC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,SAASC,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC,mBAAmB;IAAEC;EAAY,CAAC,GACpEf,SAAS,CAAIgB,MAAM,IAClBP,MAAM,CAAEO,MAAM,CAAER,gBAAiB,CAAE,CAAC,CAACS,oBAAoB,CAAC,CAC3D,CAAC;EAEF,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,GAAGX,MAAM,CAAEV,WAAW,CAAES,gBAAiB,CAAE,CAAC;;EAE7C;EACA;EACAV,SAAS,CAAE,MAAM;IAChBqB,oBAAoB,CAAER,KAAM,CAAC;IAC7B,OAAO,MAAM;MACZQ,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAER,KAAK,EAAEQ,oBAAoB,CAAG,CAAC;EAEpC,IAAK,CAAEL,mBAAmB,EAAG;IAC5B;EACD;EAEA,MAAMO,OAAO,GACZN,WAAW,KAAK,WAAW,GACxBT,EAAE,CACF,kHAAkH,EAClH,oHAAoH,EACpHQ,mBAAmB,CAACQ,MACpB,CAAC,GACDhB,EAAE,CACF,2HAA2H,EAC3H,iIAAiI,EACjIQ,mBAAmB,CAACQ,MACpB,CAAC;EAEL,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC9BH,mBAAmB,CAAER,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;IAClEK,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,OACCM,aAAA,CAACvB,KAAK;IACLwB,KAAK,EAAGpB,EAAE,CAAE,aAAc,CAAG;IAC7BqB,cAAc,EAAGR,uBAAyB;IAC1CS,IAAI,EAAC;EAAQ,GAEbH,aAAA,YAAKH,OAAY,CAAC,EAClBG,aAAA,CAACpB,MAAM;IAACwB,OAAO,EAAC;EAAO,GACtBJ,aAAA,CAACtB,MAAM;IAAC2B,OAAO,EAAC,UAAU;IAACC,OAAO,EAAGZ;EAAyB,GAC3Db,EAAE,CAAE,QAAS,CACR,CAAC,EACTmB,aAAA,CAACtB,MAAM;IAAC2B,OAAO,EAAC,SAAS;IAACC,OAAO,EAAGP;EAAkB,GACnDlB,EAAE,CAAE,QAAS,CACR,CACD,CACF,CAAC;AAEV"}

package/build-module/components/block-switcher/index.js CHANGED Viewed

@@ -12,7 +12,6 @@ import { copy } from '@wordpress/icons';
  * Internal dependencies
  */
 import { store as blockEditorStore } from '../../store';
-import useBlockDisplayInformation from '../use-block-display-information';
 import BlockIcon from '../block-icon';
 import BlockTransformationsMenu from './block-transformations-menu';
 import { useBlockVariationTransforms } from './block-variation-transformations';
@@ -123,7 +122,6 @@ function BlockSwitcherDropdownMenuContents({
 export const BlockSwitcher = ({
   clientIds
 }) => {
-  const blockInformation = useBlockDisplayInformation(clientIds?.[0]);
   const {
     canRemove,
     hasBlockStyles,
@@ -135,11 +133,13 @@ export const BlockSwitcher = ({
     const {
       getBlockRootClientId,
       getBlocksByClientId,
+      getBlockAttributes,
       canRemoveBlocks
     } = select(blockEditorStore);
     const {
       getBlockStyles,
-      getBlockType
+      getBlockType,
+      getActiveBlockVariation
     } = select(blocksStore);
     const _blocks = getBlocksByClientId(clientIds);
     if (!_blocks.length || _blocks.some(block => !block)) {
@@ -152,16 +152,19 @@ export const BlockSwitcher = ({
       name: firstBlockName
     }] = _blocks;
     const _isSingleBlockSelected = _blocks.length === 1;
+    const blockType = getBlockType(firstBlockName);
     let _icon;
     if (_isSingleBlockSelected) {
-      _icon = blockInformation?.icon; // Take into account active block variations.
+      const match = getActiveBlockVariation(firstBlockName, getBlockAttributes(clientIds[0]));
+      // Take into account active block variations.
+      _icon = match?.icon || blockType.icon;
     } else {
       const isSelectionOfSameType = new Set(_blocks.map(({
         name
       }) => name)).size === 1;
       // When selection consists of blocks of multiple types, display an
       // appropriate icon to communicate the non-uniformity.
-      _icon = isSelectionOfSameType ? getBlockType(firstBlockName)?.icon : copy;
+      _icon = isSelectionOfSameType ? blockType.icon : copy;
     }
     return {
       canRemove: canRemoveBlocks(clientIds, rootClientId),
@@ -170,7 +173,7 @@ export const BlockSwitcher = ({
       isReusable: _isSingleBlockSelected && isReusableBlock(_blocks[0]),
       isTemplate: _isSingleBlockSelected && isTemplatePart(_blocks[0])
     };
-  }, [clientIds, blockInformation?.icon]);
+  }, [clientIds]);
   const blockTitle = useBlockDisplayTitle({
     clientId: clientIds?.[0],
     maximumLength: 35
@@ -178,12 +181,14 @@ export const BlockSwitcher = ({
   if (invalidBlocks) {
     return null;
   }
+  const isSingleBlock = clientIds.length === 1;
+  const blockSwitcherLabel = isSingleBlock ? blockTitle : __('Multiple blocks selected');
   const hideDropdown = !hasBlockStyles && !canRemove;
   if (hideDropdown) {
     return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
       disabled: true,
       className: "block-editor-block-switcher__no-switcher-icon",
-      title: blockTitle,
+      title: blockSwitcherLabel,
       icon: createElement(Fragment, null, createElement(BlockIcon, {
         icon: icon,
         showColors: true
@@ -192,8 +197,6 @@ export const BlockSwitcher = ({
       }, blockTitle))
     }));
   }
-  const isSingleBlock = clientIds.length === 1;
-  const blockSwitcherLabel = isSingleBlock ? blockTitle : __('Multiple blocks selected');
   const blockSwitcherDescription = isSingleBlock ? __('Change block type or style') : sprintf( /* translators: %d: number of blocks. */
   _n('Change type of %d block', 'Change type of %d blocks', clientIds.length), clientIds.length);
   return createElement(ToolbarGroup, null, createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {