@wordpress/block-editor 16.1.0 → 17.0.0

package/build-module/components/block-keyboard-shortcuts/index.mjs

@@ -0,0 +1,173 @@
+// packages/block-editor/src/components/block-keyboard-shortcuts/index.js
+import { useCallback, useEffect, useRef } from "@wordpress/element";
+import { useSelect, useDispatch } from "@wordpress/data";
+import {
+  useShortcut,
+  store as keyboardShortcutsStore
+} from "@wordpress/keyboard-shortcuts";
+import { store as blocksStore, switchToBlockType } from "@wordpress/blocks";
+import warning from "@wordpress/warning";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useDeclaredBlockShortcuts() {
+  return useSelect(
+    (select) => unlock(select(blocksStore)).getBlockKeyboardShortcuts(),
+    []
+  );
+}
+function useApplyBlockShortcut() {
+  const {
+    getBlock,
+    getBlockName,
+    getBlockAttributes,
+    getBlockEditingMode,
+    getSelectedBlockClientId
+  } = useSelect(blockEditorStore);
+  const { getBlockVariations, getActiveBlockVariation } = useSelect(blocksStore);
+  const { replaceBlocks, updateBlockAttributes } = useDispatch(blockEditorStore);
+  return useCallback(
+    ({ targetBlockName, blockNames, variationName }) => {
+      const clientId = getSelectedBlockClientId();
+      if (!clientId) {
+        return false;
+      }
+      if (getBlockEditingMode(clientId) !== "default") {
+        return false;
+      }
+      const blockName = getBlockName(clientId);
+      if (!blockNames.includes(blockName)) {
+        return false;
+      }
+      const variation = variationName ? getBlockVariations(targetBlockName)?.find(
+        ({ name }) => name === variationName
+      ) : void 0;
+      if (blockName === targetBlockName) {
+        if (!variation?.attributes) {
+          return false;
+        }
+        const activeVariation = getActiveBlockVariation(
+          targetBlockName,
+          getBlockAttributes(clientId)
+        );
+        if (activeVariation?.name !== variationName) {
+          updateBlockAttributes(clientId, variation.attributes);
+        }
+        return true;
+      }
+      const block = getBlock(clientId);
+      if (!block) {
+        return false;
+      }
+      let blocks = variation ? switchToBlockType(block, targetBlockName, variation.name) : null;
+      if (!blocks) {
+        blocks = switchToBlockType(block, targetBlockName);
+        if (blocks && variation?.attributes) {
+          blocks = blocks.map(
+            (newBlock) => newBlock.name === targetBlockName ? {
+              ...newBlock,
+              attributes: {
+                ...newBlock.attributes,
+                ...variation.attributes
+              }
+            } : newBlock
+          );
+        }
+      }
+      if (!blocks) {
+        return false;
+      }
+      replaceBlocks(clientId, blocks);
+      return true;
+    },
+    [
+      getBlock,
+      getBlockName,
+      getBlockAttributes,
+      getBlockEditingMode,
+      getSelectedBlockClientId,
+      getBlockVariations,
+      getActiveBlockVariation,
+      replaceBlocks,
+      updateBlockAttributes
+    ]
+  );
+}
+function BlockShortcut({ entry, apply }) {
+  useShortcut(entry.name, (event) => {
+    if (event.defaultPrevented) {
+      return;
+    }
+    if (apply(entry)) {
+      event.preventDefault();
+    }
+  });
+  return null;
+}
+function BlockShortcutsRegister({ shortcuts }) {
+  const { registerShortcut, unregisterShortcut } = useDispatch(
+    keyboardShortcutsStore
+  );
+  const registeredRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const registered = /* @__PURE__ */ new Map();
+    const combinations = /* @__PURE__ */ new Map();
+    for (const shortcut of shortcuts) {
+      const config = {
+        name: shortcut.name,
+        category: "block",
+        description: shortcut.description,
+        keyCombination: shortcut.keyCombination,
+        aliases: shortcut.aliases
+      };
+      const serialized = JSON.stringify(config);
+      const previous = registered.get(shortcut.name);
+      if (previous !== void 0) {
+        if (previous !== serialized) {
+          warning(
+            `Block keyboard shortcut "${shortcut.name}" is declared more than once with different settings.`
+          );
+        }
+        continue;
+      }
+      const { modifier, character } = shortcut.keyCombination;
+      const combination = `${modifier ?? ""}+${character}`;
+      if (combinations.has(combination)) {
+        warning(
+          `Block keyboard shortcut "${shortcut.name}" uses the same key combination as "${combinations.get(
+            combination
+          )}".`
+        );
+      }
+      combinations.set(combination, shortcut.name);
+      registerShortcut(config);
+      registered.set(shortcut.name, serialized);
+    }
+    for (const name of registeredRef.current.keys()) {
+      if (!registered.has(name)) {
+        unregisterShortcut(name);
+      }
+    }
+    registeredRef.current = registered;
+  }, [shortcuts, registerShortcut, unregisterShortcut]);
+  return null;
+}
+function BlockKeyboardShortcuts() {
+  const shortcuts = useDeclaredBlockShortcuts();
+  const apply = useApplyBlockShortcut();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BlockShortcutsRegister, { shortcuts }),
+    shortcuts.map((entry, index) => /* @__PURE__ */ jsx(
+      BlockShortcut,
+      {
+        entry,
+        apply
+      },
+      `${entry.name}-${index}`
+    ))
+  ] });
+}
+export {
+  BlockKeyboardShortcuts as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/block-keyboard-shortcuts/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-keyboard-shortcuts/index.js"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { store as blocksStore, switchToBlockType } from '@wordpress/blocks';\nimport warning from '@wordpress/warning';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Returns every keyboard shortcut declared by a registered block type, through\n * either a block variation or a block transform.\n *\n * @return {Array} Declared shortcuts, each paired with the block change it makes.\n */\nfunction useDeclaredBlockShortcuts() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blocksStore ) ).getBlockKeyboardShortcuts(),\n\t\t[]\n\t);\n}\n\n/**\n * Returns a callback applying a block-declared shortcut to the selected block.\n *\n * The callback reports whether the shortcut was relevant to the current\n * selection, which is not the same as whether the block changed: a shortcut\n * that resolves to the block's current state is still handled, so that the key\n * combination is swallowed rather than typed into the block.\n *\n * @return {Function} Callback receiving a declared shortcut.\n */\nfunction useApplyBlockShortcut() {\n\tconst {\n\t\tgetBlock,\n\t\tgetBlockName,\n\t\tgetBlockAttributes,\n\t\tgetBlockEditingMode,\n\t\tgetSelectedBlockClientId,\n\t} = useSelect( blockEditorStore );\n\tconst { getBlockVariations, getActiveBlockVariation } =\n\t\tuseSelect( blocksStore );\n\tconst { replaceBlocks, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\n\treturn useCallback(\n\t\t( { targetBlockName, blockNames, variationName } ) => {\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Transforming a block is a structural change, so it is only\n\t\t\t// allowed where the block is fully editable.\n\t\t\tif ( getBlockEditingMode( clientId ) !== 'default' ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tif ( ! blockNames.includes( blockName ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst variation = variationName\n\t\t\t\t? getBlockVariations( targetBlockName )?.find(\n\t\t\t\t\t\t( { name } ) => name === variationName\n\t\t\t\t  )\n\t\t\t\t: undefined;\n\n\t\t\t// The block is already of the target type, so there is nothing to\n\t\t\t// transform. Applying the variation's attributes is all that is\n\t\t\t// left to do.\n\t\t\tif ( blockName === targetBlockName ) {\n\t\t\t\tif ( ! variation?.attributes ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tconst activeVariation = getActiveBlockVariation(\n\t\t\t\t\ttargetBlockName,\n\t\t\t\t\tgetBlockAttributes( clientId )\n\t\t\t\t);\n\t\t\t\tif ( activeVariation?.name !== variationName ) {\n\t\t\t\t\tupdateBlockAttributes( clientId, variation.attributes );\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst block = getBlock( clientId );\n\t\t\tif ( ! block ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Prefer a transform declared for this specific variation, and\n\t\t\t// fall back to transforming to the block type and applying the\n\t\t\t// variation's attributes on top.\n\t\t\tlet blocks = variation\n\t\t\t\t? switchToBlockType( block, targetBlockName, variation.name )\n\t\t\t\t: null;\n\n\t\t\tif ( ! blocks ) {\n\t\t\t\tblocks = switchToBlockType( block, targetBlockName );\n\n\t\t\t\tif ( blocks && variation?.attributes ) {\n\t\t\t\t\tblocks = blocks.map( ( newBlock ) =>\n\t\t\t\t\t\tnewBlock.name === targetBlockName\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t...newBlock,\n\t\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\t\t...newBlock.attributes,\n\t\t\t\t\t\t\t\t\t\t...variation.attributes,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: newBlock\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( ! blocks ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treplaceBlocks( clientId, blocks );\n\t\t\treturn true;\n\t\t},\n\t\t[\n\t\t\tgetBlock,\n\t\t\tgetBlockName,\n\t\t\tgetBlockAttributes,\n\t\t\tgetBlockEditingMode,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockVariations,\n\t\t\tgetActiveBlockVariation,\n\t\t\treplaceBlocks,\n\t\t\tupdateBlockAttributes,\n\t\t]\n\t);\n}\n\nfunction BlockShortcut( { entry, apply } ) {\n\tuseShortcut( entry.name, ( event ) => {\n\t\t// Another handler already acted on this event: either a shortcut\n\t\t// claiming the same key combination, or this same shortcut mounted\n\t\t// twice because block editor providers can be nested.\n\t\tif ( event.defaultPrevented ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( apply( entry ) ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t} );\n\n\treturn null;\n}\n\nfunction BlockShortcutsRegister( { shortcuts } ) {\n\tconst { registerShortcut, unregisterShortcut } = useDispatch(\n\t\tkeyboardShortcutsStore\n\t);\n\t// Shortcuts registered by a previous run, keyed by name, so that those\n\t// belonging to a block type that has since been unregistered can be\n\t// removed. Registration deliberately outlives this component: providers can\n\t// be nested, and unmounting one of them must not take the shortcuts away\n\t// from the others.\n\tconst registeredRef = useRef( new Map() );\n\n\tuseEffect( () => {\n\t\tconst registered = new Map();\n\t\tconst combinations = new Map();\n\n\t\tfor ( const shortcut of shortcuts ) {\n\t\t\tconst config = {\n\t\t\t\tname: shortcut.name,\n\t\t\t\tcategory: 'block',\n\t\t\t\tdescription: shortcut.description,\n\t\t\t\tkeyCombination: shortcut.keyCombination,\n\t\t\t\taliases: shortcut.aliases,\n\t\t\t};\n\t\t\tconst serialized = JSON.stringify( config );\n\n\t\t\t// One shortcut is declared once per block change it can make, so\n\t\t\t// the same name legitimately appears more than once: the heading\n\t\t\t// level shortcuts are declared both on the variation, for a\n\t\t\t// heading, and on the transform that produces one from a\n\t\t\t// paragraph. Only declarations that disagree are a mistake, since\n\t\t\t// the store keys shortcuts by name and the last one registered\n\t\t\t// would decide what the others are matched against.\n\t\t\tconst previous = registered.get( shortcut.name );\n\t\t\tif ( previous !== undefined ) {\n\t\t\t\tif ( previous !== serialized ) {\n\t\t\t\t\twarning(\n\t\t\t\t\t\t`Block keyboard shortcut \"${ shortcut.name }\" is declared more than once with different settings.`\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Handlers are matched by key combination rather than by name, so\n\t\t\t// two shortcuts claiming the same one both run on the same event,\n\t\t\t// in registration order, and the first that applies takes it.\n\t\t\tconst { modifier, character } = shortcut.keyCombination;\n\t\t\tconst combination = `${ modifier ?? '' }+${ character }`;\n\t\t\tif ( combinations.has( combination ) ) {\n\t\t\t\twarning(\n\t\t\t\t\t`Block keyboard shortcut \"${\n\t\t\t\t\t\tshortcut.name\n\t\t\t\t\t}\" uses the same key combination as \"${ combinations.get(\n\t\t\t\t\t\tcombination\n\t\t\t\t\t) }\".`\n\t\t\t\t);\n\t\t\t}\n\t\t\tcombinations.set( combination, shortcut.name );\n\n\t\t\tregisterShortcut( config );\n\t\t\tregistered.set( shortcut.name, serialized );\n\t\t}\n\n\t\tfor ( const name of registeredRef.current.keys() ) {\n\t\t\tif ( ! registered.has( name ) ) {\n\t\t\t\tunregisterShortcut( name );\n\t\t\t}\n\t\t}\n\n\t\tregisteredRef.current = registered;\n\t}, [ shortcuts, registerShortcut, unregisterShortcut ] );\n\n\treturn null;\n}\n\n/**\n * Registers and handles the keyboard shortcuts that blocks declare on their\n * variations and transforms, applying them to the selected block.\n *\n * @return {Element} Element.\n */\nexport default function BlockKeyboardShortcuts() {\n\tconst shortcuts = useDeclaredBlockShortcuts();\n\tconst apply = useApplyBlockShortcut();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockShortcutsRegister shortcuts={ shortcuts } />\n\t\t\t{ shortcuts.map( ( entry, index ) => (\n\t\t\t\t<BlockShortcut\n\t\t\t\t\t// Shortcut names are not guaranteed to be unique across\n\t\t\t\t\t// blocks, so the index keeps the list stable.\n\t\t\t\t\tkey={ `${ entry.name }-${ index }` }\n\t\t\t\t\tentry={ entry }\n\t\t\t\t\tapply={ apply }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/block-list/block-crash-boundary.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-list/block-crash-boundary.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\n\nclass BlockCrashBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\thasError: false,\n\t\t};\n\t}\n\n\tcomponentDidCatch() {\n\t\tthis.setState( {\n\t\t\thasError: true,\n\t\t} );\n\t}\n\n\trender() {\n\t\tif ( this.state.hasError ) {\n\t\t\treturn this.props.fallback;\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n\nexport default BlockCrashBoundary;\n"],
-  "mappings": ";AAGA,SAAS,iBAAiB;AAE1B,IAAM,qBAAN,cAAiC,UAAU;AAAA,EAC1C,cAAc;AACb,UAAO,GAAG,SAAU;AAEpB,SAAK,QAAQ;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,EACD;AAAA,EAEA,oBAAoB;AACnB,SAAK,SAAU;AAAA,MACd,UAAU;AAAA,IACX,CAAE;AAAA,EACH;AAAA,EAEA,SAAS;AACR,QAAK,KAAK,MAAM,UAAW;AAC1B,aAAO,KAAK,MAAM;AAAA,IACnB;AAEA,WAAO,KAAK,MAAM;AAAA,EACnB;AACD;AAEA,IAAO,+BAAQ;",
+  "sourcesContent": ["import { Component } from '@wordpress/element';\n\nclass BlockCrashBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\thasError: false,\n\t\t};\n\t}\n\n\tcomponentDidCatch() {\n\t\tthis.setState( {\n\t\t\thasError: true,\n\t\t} );\n\t}\n\n\trender() {\n\t\tif ( this.state.hasError ) {\n\t\t\treturn this.props.fallback;\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n\nexport default BlockCrashBoundary;\n"],
+  "mappings": ";AAAA,SAAS,iBAAiB;AAE1B,IAAM,qBAAN,cAAiC,UAAU;AAAA,EAC1C,cAAc;AACb,UAAO,GAAG,SAAU;AAEpB,SAAK,QAAQ;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,EACD;AAAA,EAEA,oBAAoB;AACnB,SAAK,SAAU;AAAA,MACd,UAAU;AAAA,IACX,CAAE;AAAA,EACH;AAAA,EAEA,SAAS;AACR,QAAK,KAAK,MAAM,UAAW;AAC1B,aAAO,KAAK,MAAM;AAAA,IACnB;AAEA,WAAO,KAAK,MAAM;AAAA,EACnB;AACD;AAEA,IAAO,+BAAQ;",
   "names": []
 }

package/build-module/components/block-list/block-crash-warning.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-list/block-crash-warning.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Warning from '../warning';\n\nconst warning = (\n\t<Warning className=\"block-editor-block-list__block-crash-warning\">\n\t\t{ __( 'This block has encountered an error and cannot be previewed.' ) }\n\t</Warning>\n);\n\nexport default function BlockCrashWarning() {\n\treturn warning;\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAKnB,OAAO,aAAa;AAGnB;AADD,IAAM,UACL,oBAAC,WAAQ,WAAU,gDAChB,aAAI,8DAA+D,GACtE;AAGc,SAAR,oBAAqC;AAC3C,SAAO;AACR;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport Warning from '../warning';\n\nconst warning = (\n\t<Warning className=\"block-editor-block-list__block-crash-warning\">\n\t\t{ __( 'This block has encountered an error and cannot be previewed.' ) }\n\t</Warning>\n);\n\nexport default function BlockCrashWarning() {\n\treturn warning;\n}\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AACnB,OAAO,aAAa;AAGnB;AADD,IAAM,UACL,oBAAC,WAAQ,WAAU,gDAChB,aAAI,8DAA+D,GACtE;AAGc,SAAR,oBAAqC;AAC3C,SAAO;AACR;",
   "names": []
 }

package/build-module/components/block-list/block-html.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-list/block-html.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo, useState } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tgetBlockAttributes,\n\tgetBlockContent,\n\tgetBlockType,\n\tgetSaveContent,\n\tvalidateBlock,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useNativeUndo } from '../../utils/native-undo';\n\nfunction BlockHTML( { clientId } ) {\n\tconst [ html, setHtml ] = useState( '' );\n\tconst nativeUndoRef = useNativeUndo();\n\tconst block = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { updateBlock } = useDispatch( blockEditorStore );\n\n\t// Derive block content as a primitive string so the effect only fires\n\t// when the serialized content genuinely changes, not when the block\n\t// object reference changes (which happens on every RESET_BLOCKS during\n\t// RTC sync, even for unchanged blocks).\n\tconst blockContent = useMemo(\n\t\t() => ( block ? getBlockContent( block ) : '' ),\n\t\t[ block ]\n\t);\n\n\tconst onChange = () => {\n\t\tconst blockType = getBlockType( block.name );\n\n\t\tif ( ! blockType ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst attributes = getBlockAttributes(\n\t\t\tblockType,\n\t\t\thtml,\n\t\t\tblock.attributes\n\t\t);\n\n\t\t// If html is empty  we reset the block to the default HTML and mark it as valid to avoid triggering an error\n\t\tconst content = html ? html : getSaveContent( blockType, attributes );\n\t\tconst [ isValid ] = html\n\t\t\t? validateBlock( {\n\t\t\t\t\t...block,\n\t\t\t\t\tattributes,\n\t\t\t\t\toriginalContent: content,\n\t\t\t  } )\n\t\t\t: [ true ];\n\n\t\tupdateBlock( clientId, {\n\t\t\tattributes,\n\t\t\toriginalContent: content,\n\t\t\tisValid,\n\t\t} );\n\n\t\t// Ensure the state is updated if we reset so it displays the default content.\n\t\tif ( ! html ) {\n\t\t\tsetHtml( content );\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tsetHtml( blockContent );\n\t}, [ blockContent ] );\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tclassName=\"block-editor-block-list__block-html-textarea\"\n\t\t\tvalue={ html }\n\t\t\tonBlur={ onChange }\n\t\t\tonChange={ ( event ) => setHtml( event.target.value ) }\n\t\t\t// The edits are local state until committed on blur, so undo\n\t\t\t// and redo must remain the browser's own within the field.\n\t\t\tref={ nativeUndoRef }\n\t\t/>\n\t);\n}\n\nexport default BlockHTML;\n"],
-  "mappings": ";AAGA,OAAO,sBAAsB;AAK7B,SAAS,WAAW,SAAS,gBAAgB;AAC7C,SAAS,WAAW,mBAAmB;AACvC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAKP,SAAS,SAAS,wBAAwB;AAC1C,SAAS,qBAAqB;AA4D5B;AA1DF,SAAS,UAAW,EAAE,SAAS,GAAI;AAClC,QAAM,CAAE,MAAM,OAAQ,IAAI,SAAU,EAAG;AACvC,QAAM,gBAAgB,cAAc;AACpC,QAAM,QAAQ;AAAA,IACb,CAAE,WAAY,OAAQ,gBAAiB,EAAE,SAAU,QAAS;AAAA,IAC5D,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AAMtD,QAAM,eAAe;AAAA,IACpB,MAAQ,QAAQ,gBAAiB,KAAM,IAAI;AAAA,IAC3C,CAAE,KAAM;AAAA,EACT;AAEA,QAAM,WAAW,MAAM;AACtB,UAAM,YAAY,aAAc,MAAM,IAAK;AAE3C,QAAK,CAAE,WAAY;AAClB;AAAA,IACD;AAEA,UAAM,aAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACP;AAGA,UAAM,UAAU,OAAO,OAAO,eAAgB,WAAW,UAAW;AACpE,UAAM,CAAE,OAAQ,IAAI,OACjB,cAAe;AAAA,MACf,GAAG;AAAA,MACH;AAAA,MACA,iBAAiB;AAAA,IACjB,CAAE,IACF,CAAE,IAAK;AAEV,gBAAa,UAAU;AAAA,MACtB;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,IACD,CAAE;AAGF,QAAK,CAAE,MAAO;AACb,cAAS,OAAQ;AAAA,IAClB;AAAA,EACD;AAEA,YAAW,MAAM;AAChB,YAAS,YAAa;AAAA,EACvB,GAAG,CAAE,YAAa,CAAE;AAEpB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,MACR,QAAS;AAAA,MACT,UAAW,CAAE,UAAW,QAAS,MAAM,OAAO,KAAM;AAAA,MAGpD,KAAM;AAAA;AAAA,EACP;AAEF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import TextareaAutosize from 'react-autosize-textarea';\nimport { useEffect, useMemo, useState } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tgetBlockAttributes,\n\tgetBlockContent,\n\tgetBlockType,\n\tgetSaveContent,\n\tvalidateBlock,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '../../store';\nimport { useNativeUndo } from '../../utils/native-undo';\n\nfunction BlockHTML( { clientId } ) {\n\tconst [ html, setHtml ] = useState( '' );\n\tconst nativeUndoRef = useNativeUndo();\n\tconst block = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { updateBlock } = useDispatch( blockEditorStore );\n\n\t// Derive block content as a primitive string so the effect only fires\n\t// when the serialized content genuinely changes, not when the block\n\t// object reference changes (which happens on every RESET_BLOCKS during\n\t// RTC sync, even for unchanged blocks).\n\tconst blockContent = useMemo(\n\t\t() => ( block ? getBlockContent( block ) : '' ),\n\t\t[ block ]\n\t);\n\n\tconst onChange = () => {\n\t\tconst blockType = getBlockType( block.name );\n\n\t\tif ( ! blockType ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst attributes = getBlockAttributes(\n\t\t\tblockType,\n\t\t\thtml,\n\t\t\tblock.attributes\n\t\t);\n\n\t\t// If html is empty  we reset the block to the default HTML and mark it as valid to avoid triggering an error\n\t\tconst content = html ? html : getSaveContent( blockType, attributes );\n\t\tconst [ isValid ] = html\n\t\t\t? validateBlock( {\n\t\t\t\t\t...block,\n\t\t\t\t\tattributes,\n\t\t\t\t\toriginalContent: content,\n\t\t\t  } )\n\t\t\t: [ true ];\n\n\t\tupdateBlock( clientId, {\n\t\t\tattributes,\n\t\t\toriginalContent: content,\n\t\t\tisValid,\n\t\t} );\n\n\t\t// Ensure the state is updated if we reset so it displays the default content.\n\t\tif ( ! html ) {\n\t\t\tsetHtml( content );\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tsetHtml( blockContent );\n\t}, [ blockContent ] );\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tclassName=\"block-editor-block-list__block-html-textarea\"\n\t\t\tvalue={ html }\n\t\t\tonBlur={ onChange }\n\t\t\tonChange={ ( event ) => setHtml( event.target.value ) }\n\t\t\t// The edits are local state until committed on blur, so undo\n\t\t\t// and redo must remain the browser's own within the field.\n\t\t\tref={ nativeUndoRef }\n\t\t/>\n\t);\n}\n\nexport default BlockHTML;\n"],
+  "mappings": ";AAAA,OAAO,sBAAsB;AAC7B,SAAS,WAAW,SAAS,gBAAgB;AAC7C,SAAS,WAAW,mBAAmB;AACvC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,SAAS,wBAAwB;AAC1C,SAAS,qBAAqB;AA4D5B;AA1DF,SAAS,UAAW,EAAE,SAAS,GAAI;AAClC,QAAM,CAAE,MAAM,OAAQ,IAAI,SAAU,EAAG;AACvC,QAAM,gBAAgB,cAAc;AACpC,QAAM,QAAQ;AAAA,IACb,CAAE,WAAY,OAAQ,gBAAiB,EAAE,SAAU,QAAS;AAAA,IAC5D,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AAMtD,QAAM,eAAe;AAAA,IACpB,MAAQ,QAAQ,gBAAiB,KAAM,IAAI;AAAA,IAC3C,CAAE,KAAM;AAAA,EACT;AAEA,QAAM,WAAW,MAAM;AACtB,UAAM,YAAY,aAAc,MAAM,IAAK;AAE3C,QAAK,CAAE,WAAY;AAClB;AAAA,IACD;AAEA,UAAM,aAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACP;AAGA,UAAM,UAAU,OAAO,OAAO,eAAgB,WAAW,UAAW;AACpE,UAAM,CAAE,OAAQ,IAAI,OACjB,cAAe;AAAA,MACf,GAAG;AAAA,MACH;AAAA,MACA,iBAAiB;AAAA,IACjB,CAAE,IACF,CAAE,IAAK;AAEV,gBAAa,UAAU;AAAA,MACtB;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,IACD,CAAE;AAGF,QAAK,CAAE,MAAO;AACb,cAAS,OAAQ;AAAA,IAClB;AAAA,EACD;AAEA,YAAW,MAAM;AAChB,YAAS,YAAa;AAAA,EACvB,GAAG,CAAE,YAAa,CAAE;AAEpB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,MACR,QAAS;AAAA,MACT,UAAW,CAAE,UAAW,QAAS,MAAM,OAAO,KAAM;AAAA,MAGpD,KAAM;AAAA;AAAA,EACP;AAEF;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/build-module/components/block-list/block-invalid-warning.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-list/block-invalid-warning.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, Modal } from '@wordpress/components';\nimport { useState, useCallback, useMemo } from '@wordpress/element';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Warning from '../warning';\nimport BlockCompare from '../block-compare';\nimport { store as blockEditorStore } from '../../store';\n\nconst blockToBlocks = ( block ) =>\n\trawHandler( {\n\t\tHTML: block.originalContent,\n\t} );\n\nexport default function BlockInvalidWarning( { clientId } ) {\n\tconst { block, canInsertHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlock, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\tblock: getBlock( clientId ),\n\t\t\t\tcanInsertHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\tconst [ compare, setCompare ] = useState( false );\n\tconst onCompareClose = useCallback( () => setCompare( false ), [] );\n\n\tconst convert = useMemo(\n\t\t() => ( {\n\t\t\ttoHTML() {\n\t\t\t\tconst htmlBlock = createBlock(\n\t\t\t\t\t'core/html',\n\t\t\t\t\t{},\n\t\t\t\t\t[],\n\t\t\t\t\t[ block.originalContent ]\n\t\t\t\t);\n\t\t\t\treturn replaceBlock( block.clientId, htmlBlock );\n\t\t\t},\n\t\t\ttoBlocks() {\n\t\t\t\tconst newBlocks = blockToBlocks( block );\n\t\t\t\treturn replaceBlock( block.clientId, newBlocks );\n\t\t\t},\n\t\t\ttoRecoveredBlock() {\n\t\t\t\tconst recoveredBlock = createBlock(\n\t\t\t\t\tblock.name,\n\t\t\t\t\tblock.attributes,\n\t\t\t\t\tblock.innerBlocks\n\t\t\t\t);\n\t\t\t\treturn replaceBlock( block.clientId, recoveredBlock );\n\t\t\t},\n\t\t} ),\n\t\t[ block, replaceBlock ]\n\t);\n\n\tconst secondaryActions = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t{\n\t\t\t\t\t// translators: Button to fix block content\n\t\t\t\t\ttitle: _x( 'Resolve', 'imperative verb' ),\n\t\t\t\t\tonClick: () => setCompare( true ),\n\t\t\t\t},\n\t\t\t\tcanInsertHTMLBlock && {\n\t\t\t\t\ttitle: __( 'Convert to HTML' ),\n\t\t\t\t\tonClick: convert.toHTML,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t[ canInsertHTMLBlock, convert ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Warning\n\t\t\t\tactions={ [\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"recover\"\n\t\t\t\t\t\tonClick={ convert.toRecoveredBlock }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Attempt recovery' ) }\n\t\t\t\t\t</Button>,\n\t\t\t\t] }\n\t\t\t\tsecondaryActions={ secondaryActions }\n\t\t\t>\n\t\t\t\t{ __( 'Block contains unexpected or invalid content.' ) }\n\t\t\t</Warning>\n\t\t\t{ compare && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t// translators: Dialog title to fix block content\n\t\t\t\t\t\t__( 'Resolve Block' )\n\t\t\t\t\t}\n\t\t\t\t\tonRequestClose={ onCompareClose }\n\t\t\t\t\tclassName=\"block-editor-block-compare\"\n\t\t\t\t>\n\t\t\t\t\t<BlockCompare\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tonKeep={ convert.toHTML }\n\t\t\t\t\t\tonConvert={ convert.toBlocks }\n\t\t\t\t\t\tconvertor={ blockToBlocks }\n\t\t\t\t\t\tconvertButtonText={ __( 'Convert to Blocks' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,IAAI,UAAU;AACvB,SAAS,QAAQ,aAAa;AAC9B,SAAS,UAAU,aAAa,eAAe;AAC/C,SAAS,aAAa,kBAAkB;AACxC,SAAS,aAAa,iBAAiB;AAKvC,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,SAAS,SAAS,wBAAwB;AA0ExC,mBAGG,KAHH;AAxEF,IAAM,gBAAgB,CAAE,UACvB,WAAY;AAAA,EACX,MAAM,MAAM;AACb,CAAE;AAEY,SAAR,oBAAsC,EAAE,SAAS,GAAI;AAC3D,QAAM,EAAE,OAAO,mBAAmB,IAAI;AAAA,IACrC,CAAE,WAAY;AACb,YAAM,EAAE,oBAAoB,UAAU,qBAAqB,IAC1D,OAAQ,gBAAiB;AAE1B,YAAM,eAAe,qBAAsB,QAAS;AAEpD,aAAO;AAAA,QACN,OAAO,SAAU,QAAS;AAAA,QAC1B,oBAAoB;AAAA,UACnB;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,aAAa,IAAI,YAAa,gBAAiB;AAEvD,QAAM,CAAE,SAAS,UAAW,IAAI,SAAU,KAAM;AAChD,QAAM,iBAAiB,YAAa,MAAM,WAAY,KAAM,GAAG,CAAC,CAAE;AAElE,QAAM,UAAU;AAAA,IACf,OAAQ;AAAA,MACP,SAAS;AACR,cAAM,YAAY;AAAA,UACjB;AAAA,UACA,CAAC;AAAA,UACD,CAAC;AAAA,UACD,CAAE,MAAM,eAAgB;AAAA,QACzB;AACA,eAAO,aAAc,MAAM,UAAU,SAAU;AAAA,MAChD;AAAA,MACA,WAAW;AACV,cAAM,YAAY,cAAe,KAAM;AACvC,eAAO,aAAc,MAAM,UAAU,SAAU;AAAA,MAChD;AAAA,MACA,mBAAmB;AAClB,cAAM,iBAAiB;AAAA,UACtB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,QACP;AACA,eAAO,aAAc,MAAM,UAAU,cAAe;AAAA,MACrD;AAAA,IACD;AAAA,IACA,CAAE,OAAO,YAAa;AAAA,EACvB;AAEA,QAAM,mBAAmB;AAAA,IACxB,MACC;AAAA,MACC;AAAA;AAAA,QAEC,OAAO,GAAI,WAAW,iBAAkB;AAAA,QACxC,SAAS,MAAM,WAAY,IAAK;AAAA,MACjC;AAAA,MACA,sBAAsB;AAAA,QACrB,OAAO,GAAI,iBAAkB;AAAA,QAC7B,SAAS,QAAQ;AAAA,MAClB;AAAA,IACD,EAAE,OAAQ,OAAQ;AAAA,IACnB,CAAE,oBAAoB,OAAQ;AAAA,EAC/B;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,UACT;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cAErB,SAAU,QAAQ;AAAA,cAClB,SAAQ;AAAA,cAEN,aAAI,kBAAmB;AAAA;AAAA,YAJrB;AAAA,UAKL;AAAA,QACD;AAAA,QACA;AAAA,QAEE,aAAI,+CAAgD;AAAA;AAAA,IACvD;AAAA,IACE,WACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA;AAAA,UAEC,GAAI,eAAgB;AAAA;AAAA,QAErB,gBAAiB;AAAA,QACjB,WAAU;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,QAAS,QAAQ;AAAA,YACjB,WAAY,QAAQ;AAAA,YACpB,WAAY;AAAA,YACZ,mBAAoB,GAAI,mBAAoB;AAAA;AAAA,QAC7C;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
+  "sourcesContent": ["import { __, _x } from '@wordpress/i18n';\nimport { Button, Modal } from '@wordpress/components';\nimport { useState, useCallback, useMemo } from '@wordpress/element';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport Warning from '../warning';\nimport BlockCompare from '../block-compare';\nimport { store as blockEditorStore } from '../../store';\n\nconst blockToBlocks = ( block ) =>\n\trawHandler( {\n\t\tHTML: block.originalContent,\n\t} );\n\nexport default function BlockInvalidWarning( { clientId } ) {\n\tconst { block, canInsertHTMLBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, getBlock, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\tblock: getBlock( clientId ),\n\t\t\t\tcanInsertHTMLBlock: canInsertBlockType(\n\t\t\t\t\t'core/html',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\tconst [ compare, setCompare ] = useState( false );\n\tconst onCompareClose = useCallback( () => setCompare( false ), [] );\n\n\tconst convert = useMemo(\n\t\t() => ( {\n\t\t\ttoHTML() {\n\t\t\t\tconst htmlBlock = createBlock(\n\t\t\t\t\t'core/html',\n\t\t\t\t\t{},\n\t\t\t\t\t[],\n\t\t\t\t\t[ block.originalContent ]\n\t\t\t\t);\n\t\t\t\treturn replaceBlock( block.clientId, htmlBlock );\n\t\t\t},\n\t\t\ttoBlocks() {\n\t\t\t\tconst newBlocks = blockToBlocks( block );\n\t\t\t\treturn replaceBlock( block.clientId, newBlocks );\n\t\t\t},\n\t\t\ttoRecoveredBlock() {\n\t\t\t\tconst recoveredBlock = createBlock(\n\t\t\t\t\tblock.name,\n\t\t\t\t\tblock.attributes,\n\t\t\t\t\tblock.innerBlocks\n\t\t\t\t);\n\t\t\t\treturn replaceBlock( block.clientId, recoveredBlock );\n\t\t\t},\n\t\t} ),\n\t\t[ block, replaceBlock ]\n\t);\n\n\tconst secondaryActions = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t{\n\t\t\t\t\t// translators: Button to fix block content\n\t\t\t\t\ttitle: _x( 'Resolve', 'imperative verb' ),\n\t\t\t\t\tonClick: () => setCompare( true ),\n\t\t\t\t},\n\t\t\t\tcanInsertHTMLBlock && {\n\t\t\t\t\ttitle: __( 'Convert to HTML' ),\n\t\t\t\t\tonClick: convert.toHTML,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t[ canInsertHTMLBlock, convert ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Warning\n\t\t\t\tactions={ [\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"recover\"\n\t\t\t\t\t\tonClick={ convert.toRecoveredBlock }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Attempt recovery' ) }\n\t\t\t\t\t</Button>,\n\t\t\t\t] }\n\t\t\t\tsecondaryActions={ secondaryActions }\n\t\t\t>\n\t\t\t\t{ __( 'Block contains unexpected or invalid content.' ) }\n\t\t\t</Warning>\n\t\t\t{ compare && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t// translators: Dialog title to fix block content\n\t\t\t\t\t\t__( 'Resolve Block' )\n\t\t\t\t\t}\n\t\t\t\t\tonRequestClose={ onCompareClose }\n\t\t\t\t\tclassName=\"block-editor-block-compare\"\n\t\t\t\t>\n\t\t\t\t\t<BlockCompare\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tonKeep={ convert.toHTML }\n\t\t\t\t\t\tonConvert={ convert.toBlocks }\n\t\t\t\t\t\tconvertor={ blockToBlocks }\n\t\t\t\t\t\tconvertButtonText={ __( 'Convert to Blocks' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";AAAA,SAAS,IAAI,UAAU;AACvB,SAAS,QAAQ,aAAa;AAC9B,SAAS,UAAU,aAAa,eAAe;AAC/C,SAAS,aAAa,kBAAkB;AACxC,SAAS,aAAa,iBAAiB;AACvC,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,SAAS,SAAS,wBAAwB;AA0ExC,mBAGG,KAHH;AAxEF,IAAM,gBAAgB,CAAE,UACvB,WAAY;AAAA,EACX,MAAM,MAAM;AACb,CAAE;AAEY,SAAR,oBAAsC,EAAE,SAAS,GAAI;AAC3D,QAAM,EAAE,OAAO,mBAAmB,IAAI;AAAA,IACrC,CAAE,WAAY;AACb,YAAM,EAAE,oBAAoB,UAAU,qBAAqB,IAC1D,OAAQ,gBAAiB;AAE1B,YAAM,eAAe,qBAAsB,QAAS;AAEpD,aAAO;AAAA,QACN,OAAO,SAAU,QAAS;AAAA,QAC1B,oBAAoB;AAAA,UACnB;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,aAAa,IAAI,YAAa,gBAAiB;AAEvD,QAAM,CAAE,SAAS,UAAW,IAAI,SAAU,KAAM;AAChD,QAAM,iBAAiB,YAAa,MAAM,WAAY,KAAM,GAAG,CAAC,CAAE;AAElE,QAAM,UAAU;AAAA,IACf,OAAQ;AAAA,MACP,SAAS;AACR,cAAM,YAAY;AAAA,UACjB;AAAA,UACA,CAAC;AAAA,UACD,CAAC;AAAA,UACD,CAAE,MAAM,eAAgB;AAAA,QACzB;AACA,eAAO,aAAc,MAAM,UAAU,SAAU;AAAA,MAChD;AAAA,MACA,WAAW;AACV,cAAM,YAAY,cAAe,KAAM;AACvC,eAAO,aAAc,MAAM,UAAU,SAAU;AAAA,MAChD;AAAA,MACA,mBAAmB;AAClB,cAAM,iBAAiB;AAAA,UACtB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,QACP;AACA,eAAO,aAAc,MAAM,UAAU,cAAe;AAAA,MACrD;AAAA,IACD;AAAA,IACA,CAAE,OAAO,YAAa;AAAA,EACvB;AAEA,QAAM,mBAAmB;AAAA,IACxB,MACC;AAAA,MACC;AAAA;AAAA,QAEC,OAAO,GAAI,WAAW,iBAAkB;AAAA,QACxC,SAAS,MAAM,WAAY,IAAK;AAAA,MACjC;AAAA,MACA,sBAAsB;AAAA,QACrB,OAAO,GAAI,iBAAkB;AAAA,QAC7B,SAAS,QAAQ;AAAA,MAClB;AAAA,IACD,EAAE,OAAQ,OAAQ;AAAA,IACnB,CAAE,oBAAoB,OAAQ;AAAA,EAC/B;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,UACT;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cAErB,SAAU,QAAQ;AAAA,cAClB,SAAQ;AAAA,cAEN,aAAI,kBAAmB;AAAA;AAAA,YAJrB;AAAA,UAKL;AAAA,QACD;AAAA,QACA;AAAA,QAEE,aAAI,+CAAgD;AAAA;AAAA,IACvD;AAAA,IACE,WACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA;AAAA,UAEC,GAAI,eAAgB;AAAA;AAAA,QAErB,gBAAiB;AAAA,QACjB,WAAU;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,QAAS,QAAQ;AAAA,YACjB,WAAY,QAAQ;AAAA,YACpB,WAAY;AAAA,YACZ,mBAAoB,GAAI,mBAAoB;AAAA;AAAA,QAC7C;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
   "names": []
 }

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

@@ -246,7 +246,7 @@ var applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
         const targetRootClientId = getBlockRootClientId(_clientId);
         const blockOrder = getBlockOrder(_clientId);
         const [firstClientId] = blockOrder;
-        if (blockOrder.length === 1 && isUnmodifiedBlock(getBlock(firstClientId))) {
+        if (blockOrder.length === 1 && isUnmodifiedBlock(getBlock(firstClientId), "content")) {
           removeBlock(_clientId);
         } else if (isTextualWrapper) {
           registry.batch(() => {
@@ -282,7 +282,10 @@ var applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
                 switchToDefaultOrRemove();
               }
             }
-            if (!getBlockOrder(_clientId).length && isUnmodifiedBlock(getBlock(_clientId))) {
+            if (!getBlockOrder(_clientId).length && isUnmodifiedBlock(
+              getBlock(_clientId),
+              "content"
+            )) {
               removeBlock(_clientId, false);
             }
           });
@@ -320,7 +323,16 @@ var applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
         if (!nextBlockClientId) {
           return;
         }
-        if (getBlockOrder(nextBlockClientId).length) {
+        if (isUnmodifiedDefaultBlock(getBlock(clientId))) {
+          let firstLeafClientId = nextBlockClientId;
+          while (getBlockOrder(firstLeafClientId).length) {
+            firstLeafClientId = getBlockOrder(firstLeafClientId)[0];
+          }
+          registry.batch(() => {
+            removeBlock(clientId);
+            selectBlock(firstLeafClientId);
+          });
+        } else if (getBlockOrder(nextBlockClientId).length) {
           moveFirstItemUp(nextBlockClientId, false);
         } else {
           mergeBlocks(clientId, nextBlockClientId);
@@ -379,7 +391,15 @@ BlockListBlock = compose(
   withFilters("editor.BlockListBlock")
 )(BlockListBlock);
 function BlockListBlockProvider(props) {
-  const { clientId, rootClientId } = props;
+  const { clientId, rootClientId, ghostBlock } = props;
+  const ghostBlockWithoutAttributes = useMemo(
+    () => ghostBlock ? {
+      clientId: ghostBlock.clientId,
+      name: ghostBlock.name,
+      isValid: true
+    } : void 0,
+    [ghostBlock]
+  );
   const selectedProps = useSelect(
     (select) => {
       const {
@@ -412,7 +432,9 @@ function BlockListBlockProvider(props) {
         __unstableHasActiveBlockOverlayActive,
         getSelectedBlocksInitialCaretPosition
       } = unlock(select(blockEditorStore));
-      const blockWithoutAttributes = getBlockWithoutAttributes(clientId);
+      const blockWithoutAttributes = getBlockWithoutAttributes(clientId) ?? // An appender ghost renders from its block object until it
+      // is inserted on entry; it is never selected before that.
+      (clientId === ghostBlockWithoutAttributes?.clientId ? ghostBlockWithoutAttributes : void 0);
       if (!blockWithoutAttributes) {
         return;
       }
@@ -420,7 +442,7 @@ function BlockListBlockProvider(props) {
         hasBlockSupport: _hasBlockSupport,
         getActiveBlockVariation
       } = select(blocksStore);
-      const attributes2 = getBlockAttributes(clientId);
+      const attributes2 = getBlockAttributes(clientId) ?? ghostBlock?.attributes;
       const { name: blockName, isValid: isValid2 } = blockWithoutAttributes;
       const blockType2 = getBlockType(blockName);
       const settings = getSettings();
@@ -468,7 +490,9 @@ function BlockListBlockProvider(props) {
         clientId,
         checkDeep
       );
-      const sectionBlockClientId = _isSectionBlock(clientId) ? clientId : getParentSectionBlock(clientId);
+      const isSectionBlock2 = _isSectionBlock(clientId);
+      const sectionBlockClientId = isSectionBlock2 ? clientId : getParentSectionBlock(clientId);
+      const isSelectionWithinCurrentSection2 = isBlockSelected(sectionBlockClientId) || !!sectionBlockClientId && hasSelectedInnerBlock(sectionBlockClientId, checkDeep);
       const multiple = hasBlockSupport(blockName, "multiple", true);
       const blocksWithSameName = multiple ? [] : getBlocksByName(blockName);
       const isInvalid = blocksWithSameName.length && blocksWithSameName[0] !== clientId;
@@ -477,9 +501,9 @@ function BlockListBlockProvider(props) {
         mode: getBlockMode(clientId),
         isSelectionEnabled: isSelectionEnabled2(),
         isLocked: !!getTemplateLock(rootClientId),
-        isSectionBlock: _isSectionBlock(clientId),
+        isSectionBlock: isSectionBlock2,
         isWithinSectionBlock: !!sectionBlockClientId,
-        isSelectionWithinCurrentSection: isBlockSelected(sectionBlockClientId) || hasSelectedInnerBlock(sectionBlockClientId, checkDeep),
+        isSelectionWithinCurrentSection: isSelectionWithinCurrentSection2,
         blockType: blockType2,
         canRemove: canRemove2,
         canMove: canMove2,
@@ -509,10 +533,15 @@ function BlockListBlockProvider(props) {
         originalBlockClientId: isInvalid ? blocksWithSameName[0] : false,
         blockVisibility: blockVisibility2,
         deviceType: deviceType2,
-        viewportSettings: viewportSettings2
+        viewportSettings: viewportSettings2,
+        supportsSplitting: hasBlockSupport(
+          blockName,
+          "splitting",
+          false
+        )
       };
     },
-    [clientId, rootClientId]
+    [clientId, rootClientId, ghostBlock, ghostBlockWithoutAttributes]
   );
   const defaultViewRef = useRefEffect((element) => {
     if (element) {
@@ -579,10 +608,13 @@ function BlockListBlockProvider(props) {
     bindableAttributes,
     blockVisibility,
     deviceType,
-    viewportSettings
+    viewportSettings,
+    supportsSplitting
   } = selectedProps;
   const privateContext = {
     isPreviewMode,
+    ghostBlock,
+    rootClientId,
     clientId,
     className,
     index,
@@ -618,7 +650,8 @@ function BlockListBlockProvider(props) {
     bindableAttributes,
     blockVisibility,
     deviceType,
-    viewportSettings
+    viewportSettings,
+    supportsSplitting
   };
   if (isBlockCurrentlyHidden && !isSelected && !isMultiSelected && !hasChildSelected) {
     return null;