@wordpress/block-editor 12.25.0 → 13.0.0

package/build-module/components/block-list/block-selection-button.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -21,6 +20,8 @@ import useBlockDisplayInformation from '../use-block-display-information';
 import SubdirectorSVG from './subdirectory-icon';
 import { store as blockEditorStore } from '../../store';
 import styles from './block-selection-button.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const BlockSelectionButton = ({
   clientId,
   rootClientId,
@@ -28,38 +29,40 @@ const BlockSelectionButton = ({
   isRTL
 }) => {
   const blockInformation = useBlockDisplayInformation(clientId);
-  return createElement(View, {
-    style: [styles.selectionButtonContainer, rootClientId && styles.densedPaddingLeft]
-  }, createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => {
-      /* Open BottomSheet with markup. */
-    },
-    disabled: true /* Disable temporarily since onPress function is empty. */
-  }, rootClientId && rootBlockIcon && [createElement(Icon, {
-    key: "parent-icon",
-    size: 24,
-    icon: rootBlockIcon.src,
-    fill: styles.icon.color
-  }), createElement(View, {
-    key: "subdirectory-icon",
-    style: styles.arrow
-  }, createElement(SubdirectorSVG, {
-    fill: styles.arrow.color,
-    isRTL: isRTL
-  }))], blockInformation?.icon && createElement(BlockIcon, {
-    size: 24,
-    icon: blockInformation.icon,
-    fill: styles.icon.color
-  }), createElement(Text, {
-    maxFontSizeMultiplier: 1.25,
-    ellipsizeMode: "tail",
-    numberOfLines: 1,
-    style: styles.selectionButtonTitle
-  }, createElement(BlockTitle, {
-    clientId: clientId,
-    maximumLength: 35
-  }))));
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.selectionButtonContainer, rootClientId && styles.densedPaddingLeft],
+    children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.button,
+      onPress: () => {
+        /* Open BottomSheet with markup. */
+      },
+      disabled: true /* Disable temporarily since onPress function is empty. */,
+      children: [rootClientId && rootBlockIcon && [/*#__PURE__*/_jsx(Icon, {
+        size: 24,
+        icon: rootBlockIcon.src,
+        fill: styles.icon.color
+      }, "parent-icon"), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SubdirectorSVG, {
+          fill: styles.arrow.color,
+          isRTL: isRTL
+        })
+      }, "subdirectory-icon")], blockInformation?.icon && /*#__PURE__*/_jsx(BlockIcon, {
+        size: 24,
+        icon: blockInformation.icon,
+        fill: styles.icon.color
+      }), /*#__PURE__*/_jsx(Text, {
+        maxFontSizeMultiplier: 1.25,
+        ellipsizeMode: "tail",
+        numberOfLines: 1,
+        style: styles.selectionButtonTitle,
+        children: /*#__PURE__*/_jsx(BlockTitle, {
+          clientId: clientId,
+          maximumLength: 35
+        })
+      })]
+    })
+  });
 };
 export default compose([withSelect((select, {
   clientId

package/build-module/components/block-list/block-selection-button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Icon","withSelect","compose","getBlockType","BlockIcon","View","Text","TouchableOpacity","BlockTitle","useBlockDisplayInformation","SubdirectorSVG","store","blockEditorStore","styles","BlockSelectionButton","clientId","rootClientId","rootBlockIcon","isRTL","blockInformation","createElement","style","selectionButtonContainer","densedPaddingLeft","button","onPress","disabled","key","size","icon","src","fill","color","arrow","maxFontSizeMultiplier","ellipsizeMode","numberOfLines","selectionButtonTitle","maximumLength","select","getBlockRootClientId","getBlockName","getSettings","rootBlockName","rootBlockType"],"sources":["@wordpress/block-editor/src/components/block-list/block-selection-button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { getBlockType } from '@wordpress/blocks';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport SubdirectorSVG from './subdirectory-icon';\nimport { store as blockEditorStore } from '../../store';\nimport styles from './block-selection-button.scss';\n\nconst BlockSelectionButton = ( {\n\tclientId,\n\trootClientId,\n\trootBlockIcon,\n\tisRTL,\n} ) => {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tstyles.selectionButtonContainer,\n\t\t\t\trootClientId && styles.densedPaddingLeft,\n\t\t\t] }\n\t\t>\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={ styles.button }\n\t\t\t\tonPress={ () => {\n\t\t\t\t\t/* Open BottomSheet with markup. */\n\t\t\t\t} }\n\t\t\t\tdisabled /* Disable temporarily since onPress function is empty. */\n\t\t\t>\n\t\t\t\t{ rootClientId &&\n\t\t\t\t\trootBlockIcon && [\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tkey=\"parent-icon\"\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\ticon={ rootBlockIcon.src }\n\t\t\t\t\t\t\tfill={ styles.icon.color }\n\t\t\t\t\t\t/>,\n\t\t\t\t\t\t<View key=\"subdirectory-icon\" style={ styles.arrow }>\n\t\t\t\t\t\t\t<SubdirectorSVG\n\t\t\t\t\t\t\t\tfill={ styles.arrow.color }\n\t\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>,\n\t\t\t\t\t] }\n\t\t\t\t{ blockInformation?.icon && (\n\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\ticon={ blockInformation.icon }\n\t\t\t\t\t\tfill={ styles.icon.color }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Text\n\t\t\t\t\tmaxFontSizeMultiplier={ 1.25 }\n\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ styles.selectionButtonTitle }\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</Text>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlockRootClientId, getBlockName, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\tif ( ! rootClientId ) {\n\t\t\treturn { clientId };\n\t\t}\n\t\tconst rootBlockName = getBlockName( rootClientId );\n\t\tconst rootBlockType = getBlockType( rootBlockName );\n\t\tconst rootBlockIcon = rootBlockType ? rootBlockType.icon : {};\n\n\t\treturn {\n\t\t\tclientId,\n\t\t\trootClientId,\n\t\t\trootBlockIcon,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} ),\n] )( BlockSelectionButton );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Icon","withSelect","compose","getBlockType","BlockIcon","View","Text","TouchableOpacity","BlockTitle","useBlockDisplayInformation","SubdirectorSVG","store","blockEditorStore","styles","jsx","_jsx","jsxs","_jsxs","BlockSelectionButton","clientId","rootClientId","rootBlockIcon","isRTL","blockInformation","style","selectionButtonContainer","densedPaddingLeft","children","button","onPress","disabled","size","icon","src","fill","color","arrow","maxFontSizeMultiplier","ellipsizeMode","numberOfLines","selectionButtonTitle","maximumLength","select","getBlockRootClientId","getBlockName","getSettings","rootBlockName","rootBlockType"],"sources":["@wordpress/block-editor/src/components/block-list/block-selection-button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { getBlockType } from '@wordpress/blocks';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport SubdirectorSVG from './subdirectory-icon';\nimport { store as blockEditorStore } from '../../store';\nimport styles from './block-selection-button.scss';\n\nconst BlockSelectionButton = ( {\n\tclientId,\n\trootClientId,\n\trootBlockIcon,\n\tisRTL,\n} ) => {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tstyles.selectionButtonContainer,\n\t\t\t\trootClientId && styles.densedPaddingLeft,\n\t\t\t] }\n\t\t>\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={ styles.button }\n\t\t\t\tonPress={ () => {\n\t\t\t\t\t/* Open BottomSheet with markup. */\n\t\t\t\t} }\n\t\t\t\tdisabled /* Disable temporarily since onPress function is empty. */\n\t\t\t>\n\t\t\t\t{ rootClientId &&\n\t\t\t\t\trootBlockIcon && [\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tkey=\"parent-icon\"\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\ticon={ rootBlockIcon.src }\n\t\t\t\t\t\t\tfill={ styles.icon.color }\n\t\t\t\t\t\t/>,\n\t\t\t\t\t\t<View key=\"subdirectory-icon\" style={ styles.arrow }>\n\t\t\t\t\t\t\t<SubdirectorSVG\n\t\t\t\t\t\t\t\tfill={ styles.arrow.color }\n\t\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>,\n\t\t\t\t\t] }\n\t\t\t\t{ blockInformation?.icon && (\n\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\ticon={ blockInformation.icon }\n\t\t\t\t\t\tfill={ styles.icon.color }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Text\n\t\t\t\t\tmaxFontSizeMultiplier={ 1.25 }\n\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ styles.selectionButtonTitle }\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</Text>\n\t\t\t</TouchableOpacity>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlockRootClientId, getBlockName, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\tif ( ! rootClientId ) {\n\t\t\treturn { clientId };\n\t\t}\n\t\tconst rootBlockName = getBlockName( rootClientId );\n\t\tconst rootBlockType = getBlockType( rootBlockName );\n\t\tconst rootBlockIcon = rootBlockType ? rootBlockType.icon : {};\n\n\t\treturn {\n\t\t\tclientId,\n\t\t\trootClientId,\n\t\t\trootBlockIcon,\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} ),\n] )( BlockSelectionButton );\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-list/block.js

@@ -1,14 +1,13 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
 import { memo, useCallback, RawHTML, useContext, useMemo } from '@wordpress/element';
-import { getBlockType, getSaveContent, isUnmodifiedDefaultBlock, serializeRawBlock, switchToBlockType, getDefaultBlockName, isUnmodifiedBlock, isReusableBlock, getBlockDefaultClassName, store as blocksStore } from '@wordpress/blocks';
+import { getBlockType, getSaveContent, isUnmodifiedDefaultBlock, serializeRawBlock, switchToBlockType, getDefaultBlockName, isUnmodifiedBlock, isReusableBlock, getBlockDefaultClassName, hasBlockSupport, store as blocksStore } from '@wordpress/blocks';
 import { withFilters } from '@wordpress/components';
 import { withDispatch, useDispatch, useSelect } from '@wordpress/data';
 import { compose } from '@wordpress/compose';
@@ -36,6 +35,9 @@ import { unlock } from '../../lock-unlock';
  *
  * @return {Object} Merged props.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function mergeWrapperProps(propsA, propsB) {
   const newProps = {
     ...propsA,
@@ -44,7 +46,7 @@ function mergeWrapperProps(propsA, propsB) {
 
   // May be set to undefined, so check if the property is set!
   if (propsA?.hasOwnProperty('className') && propsB?.hasOwnProperty('className')) {
-    newProps.className = classnames(propsA.className, propsB.className);
+    newProps.className = clsx(propsA.className, propsB.className);
   }
   if (propsA?.hasOwnProperty('style') && propsB?.hasOwnProperty('style')) {
     newProps.style = {
@@ -59,11 +61,12 @@ function Block({
   isHtml,
   ...props
 }) {
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...useBlockProps(props, {
       __unstableIsHtml: isHtml
-    })
-  }, children);
+    }),
+    children: children
+  });
 }
 function BlockListBlock({
   block: {
@@ -104,7 +107,7 @@ function BlockListBlock({
   // HTML mode. This allows us to render all of the ancillary pieces
   // (InspectorControls, etc.) which are inside `BlockEdit` but not
   // `BlockHTML`, even in HTML mode.
-  let blockEdit = createElement(BlockEdit, {
+  let blockEdit = /*#__PURE__*/_jsx(BlockEdit, {
     name: name,
     isSelected: isSelected,
     attributes: attributes,
@@ -144,41 +147,54 @@ function BlockListBlock({
   // to the layout feature, and we're now aligning the markup of frontend
   // and backend.
   if (isAligned) {
-    blockEdit = createElement("div", {
-      className: classnames('wp-block', isSticky && className),
-      "data-align": wrapperProps['data-align']
-    }, blockEdit);
+    blockEdit = /*#__PURE__*/_jsx("div", {
+      className: clsx('wp-block', isSticky && className),
+      "data-align": wrapperProps['data-align'],
+      children: blockEdit
+    });
   }
   let block;
   if (!isValid) {
     const saveContent = __unstableBlockSource ? serializeRawBlock(__unstableBlockSource) : getSaveContent(blockType, attributes);
-    block = createElement(Block, {
-      className: "has-warning"
-    }, createElement(BlockInvalidWarning, {
-      clientId: clientId
-    }), createElement(RawHTML, null, safeHTML(saveContent)));
+    block = /*#__PURE__*/_jsxs(Block, {
+      className: "has-warning",
+      children: [/*#__PURE__*/_jsx(BlockInvalidWarning, {
+        clientId: clientId
+      }), /*#__PURE__*/_jsx(RawHTML, {
+        children: safeHTML(saveContent)
+      })]
+    });
   } else if (mode === 'html') {
     // Render blockEdit so the inspector controls don't disappear.
     // See #8969.
-    block = createElement(Fragment, null, createElement("div", {
-      style: {
-        display: 'none'
-      }
-    }, blockEdit), createElement(Block, {
-      isHtml: true
-    }, createElement(BlockHtml, {
-      clientId: clientId
-    })));
+    block = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'none'
+        },
+        children: blockEdit
+      }), /*#__PURE__*/_jsx(Block, {
+        isHtml: true,
+        children: /*#__PURE__*/_jsx(BlockHtml, {
+          clientId: clientId
+        })
+      })]
+    });
   } else if (blockType?.apiVersion > 1) {
     block = blockEdit;
   } else {
-    block = createElement(Block, null, blockEdit);
+    block = /*#__PURE__*/_jsx(Block, {
+      children: blockEdit
+    });
   }
   const {
     'data-align': dataAlign,
     ...restWrapperProps
   } = (_wrapperProps = wrapperProps) !== null && _wrapperProps !== void 0 ? _wrapperProps : {};
-  restWrapperProps.className = classnames(restWrapperProps.className, dataAlign && themeSupportsLayout && `align${dataAlign}`, !(dataAlign && isSticky) && className);
+  const updatedWrapperProps = {
+    ...restWrapperProps,
+    className: clsx(restWrapperProps.className, dataAlign && themeSupportsLayout && `align${dataAlign}`, !(dataAlign && isSticky) && className)
+  };
 
   // We set a new context with the adjusted and filtered wrapperProps (through
   // `editor.BlockListBlock`), which the `BlockListBlockProvider` did not have
@@ -188,17 +204,20 @@ function BlockListBlock({
   // none of the consumers (BlockListBlock and useBlockProps) are memoized or
   // "pure". This is different from the public BlockEditContext, where
   // consumers might be memoized or "pure".
-  return createElement(PrivateBlockContext.Provider, {
+  return /*#__PURE__*/_jsx(PrivateBlockContext.Provider, {
     value: {
-      wrapperProps: restWrapperProps,
+      wrapperProps: updatedWrapperProps,
       isAligned,
       ...context
-    }
-  }, createElement(BlockCrashBoundary, {
-    fallback: createElement(Block, {
-      className: "has-warning"
-    }, createElement(BlockCrashWarning, null))
-  }, block));
+    },
+    children: /*#__PURE__*/_jsx(BlockCrashBoundary, {
+      fallback: /*#__PURE__*/_jsx(Block, {
+        className: "has-warning",
+        children: /*#__PURE__*/_jsx(BlockCrashWarning, {})
+      }),
+      children: block
+    })
+  });
 }
 const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
   const {
@@ -209,7 +228,8 @@ const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
     toggleSelection,
     __unstableMarkLastChangeAsPersistent,
     moveBlocksToPosition,
-    removeBlock
+    removeBlock,
+    selectBlock
   } = dispatch(blockEditorStore);
 
   // Do not add new properties here, use `useDispatch` instead to avoid
@@ -259,6 +279,24 @@ const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
         getBlockRootClientId,
         canInsertBlockType
       } = registry.select(blockEditorStore);
+      function switchToDefaultOrRemove() {
+        const block = getBlock(clientId);
+        const defaultBlockName = getDefaultBlockName();
+        if (getBlockName(clientId) !== defaultBlockName) {
+          const replacement = switchToBlockType(block, defaultBlockName);
+          if (replacement && replacement.length) {
+            replaceBlocks(clientId, replacement);
+          }
+        } else if (isUnmodifiedDefaultBlock(block)) {
+          const nextBlockClientId = getNextBlockClientId(clientId);
+          if (nextBlockClientId) {
+            registry.batch(() => {
+              removeBlock(clientId);
+              selectBlock(nextBlockClientId);
+            });
+          }
+        }
+      }
 
       /**
        * Moves the block with clientId up one level. If the block type
@@ -281,9 +319,11 @@ const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
               moveBlocksToPosition([firstClientId], _clientId, targetRootClientId, getBlockIndex(_clientId));
             } else {
               const replacement = switchToBlockType(getBlock(firstClientId), getDefaultBlockName());
-              if (replacement && replacement.length) {
+              if (replacement && replacement.length && replacement.every(block => canInsertBlockType(block.name, targetRootClientId))) {
                 insertBlocks(replacement, getBlockIndex(_clientId), targetRootClientId, changeSelection);
                 removeBlock(firstClientId, false);
+              } else {
+                switchToDefaultOrRemove();
               }
             }
             if (!getBlockOrder(_clientId).length && isUnmodifiedBlock(getBlock(_clientId))) {
@@ -348,11 +388,8 @@ const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
             }
           }
           moveFirstItemUp(rootClientId);
-        } else if (getBlockName(clientId) !== getDefaultBlockName()) {
-          const replacement = switchToBlockType(getBlock(clientId), getDefaultBlockName());
-          if (replacement && replacement.length) {
-            replaceBlocks(clientId, replacement);
-          }
+        } else {
+          switchToDefaultOrRemove();
         }
       }
     },
@@ -402,6 +439,7 @@ function BlockListBlockProvider(props) {
       isFirstMultiSelectedBlock,
       getMultiSelectedBlockClientIds,
       hasSelectedInnerBlock,
+      getBlocksByName,
       getBlockIndex,
       isBlockMultiSelected,
       isBlockSubtreeDisabled,
@@ -468,6 +506,12 @@ function BlockListBlockProvider(props) {
     const isAncestorOfSelectedBlock = hasSelectedInnerBlock(clientId, checkDeep);
     const movingClientId = hasBlockMovingClientId();
     const blockEditingMode = getBlockEditingMode(clientId);
+    const multiple = hasBlockSupport(blockName, 'multiple', true);
+
+    // For block types with `multiple` support, there is no "original
+    // block" to be found in the content, as the block itself is valid.
+    const blocksWithSameName = multiple ? [] : getBlocksByName(blockName);
+    const isInvalid = blocksWithSameName.length && blocksWithSameName[0] !== clientId;
     return {
       ...previewContext,
       mode: getBlockMode(clientId),
@@ -495,7 +539,8 @@ function BlockListBlockProvider(props) {
       isBlockMovingMode: !!movingClientId,
       canInsertMovingBlock: movingClientId && canInsertBlockType(getBlockName(movingClientId), rootClientId),
       isEditingDisabled: blockEditingMode === 'disabled',
-      hasEditableOutline: blockEditingMode !== 'disabled' && getBlockEditingMode(rootClientId) === 'disabled'
+      hasEditableOutline: blockEditingMode !== 'disabled' && getBlockEditingMode(rootClientId) === 'disabled',
+      originalBlockClientId: isInvalid ? blocksWithSameName[0] : false
     };
   }, [clientId, rootClientId]);
   const {
@@ -535,7 +580,8 @@ function BlockListBlockProvider(props) {
     isEditingDisabled,
     hasEditableOutline,
     className,
-    defaultClassName
+    defaultClassName,
+    originalBlockClientId
   } = selectedProps;
 
   // Users of the editor.BlockListBlock filter used to be able to
@@ -582,6 +628,7 @@ function BlockListBlockProvider(props) {
     defaultClassName,
     mayDisplayControls,
     mayDisplayParentControls,
+    originalBlockClientId,
     themeSupportsLayout
   };
 
@@ -594,25 +641,26 @@ function BlockListBlockProvider(props) {
   // none of the consumers (BlockListBlock and useBlockProps) are memoized or
   // "pure". This is different from the public BlockEditContext, where
   // consumers might be memoized or "pure".
-  return createElement(PrivateBlockContext.Provider, {
-    value: privateContext
-  }, createElement(BlockListBlock, {
-    ...props,
-    mode,
-    isSelectionEnabled,
-    isLocked,
-    canRemove,
-    canMove,
-    // Users of the editor.BlockListBlock filter used to be able
-    // to access the block prop. Ideally these blocks would rely
-    // on the clientId prop only. This is kept for backward
-    // compatibility reasons.
-    block,
-    name,
-    attributes,
-    isValid,
-    isSelected
-  }));
+  return /*#__PURE__*/_jsx(PrivateBlockContext.Provider, {
+    value: privateContext,
+    children: /*#__PURE__*/_jsx(BlockListBlock, {
+      ...props,
+      mode,
+      isSelectionEnabled,
+      isLocked,
+      canRemove,
+      canMove,
+      // Users of the editor.BlockListBlock filter used to be able
+      // to access the block prop. Ideally these blocks would rely
+      // on the clientId prop only. This is kept for backward
+      // compatibility reasons.
+      block,
+      name,
+      attributes,
+      isValid,
+      isSelected
+    })
+  });
 }
 export default memo(BlockListBlockProvider);
 //# sourceMappingURL=block.js.map