@wordpress/block-editor 15.9.1-next.8b30e05b0.0 → 15.9.1-next.8fd3f8831.0

package/build-module/components/block-bindings/source-fields-list.js

@@ -0,0 +1,104 @@
+// packages/block-editor/src/components/block-bindings/source-fields-list.js
+import fastDeepEqual from "fast-deep-equal/es6";
+import { getBlockBindingsSource } from "@wordpress/blocks";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { useContext, useMemo } from "@wordpress/element";
+import { useViewportMatch } from "@wordpress/compose";
+import useBlockBindingsUtils from "./use-block-bindings-utils.js";
+import { unlock } from "../../lock-unlock.js";
+import BlockContext from "../block-context/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { Menu } = unlock(componentsPrivateApis);
+function BlockBindingsSourceFieldsListItem({
+  args,
+  attribute,
+  field,
+  source,
+  sourceKey
+}) {
+  const itemBindings = useMemo(
+    () => ({
+      source: sourceKey,
+      args: field.args || {
+        key: field.key
+      }
+    }),
+    [field.args, field.key, sourceKey]
+  );
+  const blockContext = useContext(BlockContext);
+  const values = useSelect(
+    (select) => source.getValues({
+      select,
+      context: blockContext,
+      bindings: {
+        [attribute]: itemBindings
+      }
+    }),
+    [attribute, blockContext, itemBindings, source]
+  );
+  const { updateBlockBindings } = useBlockBindingsUtils();
+  return /* @__PURE__ */ jsxs(
+    Menu.CheckboxItem,
+    {
+      onChange: () => {
+        const isCurrentlySelected = fastDeepEqual(args, field.args) ?? // Deprecate key dependency in 7.0.
+        field.key === args?.key;
+        if (isCurrentlySelected) {
+          updateBlockBindings({
+            [attribute]: void 0
+          });
+        } else {
+          updateBlockBindings({
+            [attribute]: itemBindings
+          });
+        }
+      },
+      name: attribute + "-binding",
+      value: values[attribute],
+      checked: fastDeepEqual(args, field.args) ?? // Deprecate key dependency in 7.0.
+      field.key === args?.key,
+      children: [
+        /* @__PURE__ */ jsx(Menu.ItemLabel, { children: field.label }),
+        /* @__PURE__ */ jsx(Menu.ItemHelpText, { children: values[attribute] })
+      ]
+    }
+  );
+}
+function BlockBindingsSourceFieldsList({
+  args,
+  attribute,
+  sourceKey,
+  fields
+}) {
+  const isMobile = useViewportMatch("medium", "<");
+  if (!fields || fields.length === 0) {
+    return null;
+  }
+  const source = getBlockBindingsSource(sourceKey);
+  return /* @__PURE__ */ jsxs(
+    Menu,
+    {
+      placement: isMobile ? "bottom-start" : "left-start",
+      children: [
+        /* @__PURE__ */ jsx(Menu.SubmenuTriggerItem, { children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: source.label }) }),
+        /* @__PURE__ */ jsx(Menu.Popover, { gutter: 8, children: /* @__PURE__ */ jsx(Menu.Group, { children: fields.map((field) => /* @__PURE__ */ jsx(
+          BlockBindingsSourceFieldsListItem,
+          {
+            args,
+            attribute,
+            field,
+            source,
+            sourceKey
+          },
+          sourceKey + JSON.stringify(field.args) || field.key
+        )) }) })
+      ]
+    },
+    sourceKey
+  );
+}
+export {
+  BlockBindingsSourceFieldsList as default
+};
+//# sourceMappingURL=source-fields-list.js.map

package/build-module/components/block-bindings/source-fields-list.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-bindings/source-fields-list.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { getBlockBindingsSource } from '@wordpress/blocks';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useBlockBindingsUtils from './use-block-bindings-utils';\nimport { unlock } from '../../lock-unlock';\nimport BlockContext from '../block-context';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nfunction BlockBindingsSourceFieldsListItem( {\n\targs,\n\tattribute,\n\tfield,\n\tsource,\n\tsourceKey,\n} ) {\n\tconst itemBindings = useMemo(\n\t\t() => ( {\n\t\t\tsource: sourceKey,\n\t\t\targs: field.args || {\n\t\t\t\tkey: field.key,\n\t\t\t},\n\t\t} ),\n\t\t[ field.args, field.key, sourceKey ]\n\t);\n\n\tconst blockContext = useContext( BlockContext );\n\tconst values = useSelect(\n\t\t( select ) =>\n\t\t\tsource.getValues( {\n\t\t\t\tselect,\n\t\t\t\tcontext: blockContext,\n\t\t\t\tbindings: {\n\t\t\t\t\t[ attribute ]: itemBindings,\n\t\t\t\t},\n\t\t\t} ),\n\t\t[ attribute, blockContext, itemBindings, source ]\n\t);\n\tconst { updateBlockBindings } = useBlockBindingsUtils();\n\n\treturn (\n\t\t<Menu.CheckboxItem\n\t\t\tonChange={ () => {\n\t\t\t\tconst isCurrentlySelected =\n\t\t\t\t\tfastDeepEqual( args, field.args ) ??\n\t\t\t\t\t// Deprecate key dependency in 7.0.\n\t\t\t\t\tfield.key === args?.key;\n\n\t\t\t\tif ( isCurrentlySelected ) {\n\t\t\t\t\t// Unset if the same field is selected again.\n\t\t\t\t\tupdateBlockBindings( {\n\t\t\t\t\t\t[ attribute ]: undefined,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tupdateBlockBindings( {\n\t\t\t\t\t\t[ attribute ]: itemBindings,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tname={ attribute + '-binding' }\n\t\t\tvalue={ values[ attribute ] }\n\t\t\tchecked={\n\t\t\t\tfastDeepEqual( args, field.args ) ??\n\t\t\t\t// Deprecate key dependency in 7.0.\n\t\t\t\tfield.key === args?.key\n\t\t\t}\n\t\t>\n\t\t\t<Menu.ItemLabel>{ field.label }</Menu.ItemLabel>\n\t\t\t<Menu.ItemHelpText>{ values[ attribute ] }</Menu.ItemHelpText>\n\t\t</Menu.CheckboxItem>\n\t);\n}\n\nexport default function BlockBindingsSourceFieldsList( {\n\targs,\n\tattribute,\n\tsourceKey,\n\tfields,\n} ) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\n\t// Only render source if it has compatible fields.\n\tif ( ! fields || fields.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst source = getBlockBindingsSource( sourceKey );\n\n\treturn (\n\t\t<Menu\n\t\t\tkey={ sourceKey }\n\t\t\tplacement={ isMobile ? 'bottom-start' : 'left-start' }\n\t\t>\n\t\t\t<Menu.SubmenuTriggerItem>\n\t\t\t\t<Menu.ItemLabel>{ source.label }</Menu.ItemLabel>\n\t\t\t</Menu.SubmenuTriggerItem>\n\t\t\t<Menu.Popover gutter={ 8 }>\n\t\t\t\t<Menu.Group>\n\t\t\t\t\t{ fields.map( ( field ) => (\n\t\t\t\t\t\t<BlockBindingsSourceFieldsListItem\n\t\t\t\t\t\t\tkey={\n\t\t\t\t\t\t\t\tsourceKey + JSON.stringify( field.args ) ||\n\t\t\t\t\t\t\t\tfield.key\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\targs={ args }\n\t\t\t\t\t\t\tattribute={ attribute }\n\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\tsource={ source }\n\t\t\t\t\t\t\tsourceKey={ sourceKey }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Menu.Group>\n\t\t\t</Menu.Popover>\n\t\t</Menu>\n\t);\n}\n"],
+  "mappings": ";AAGA,OAAO,mBAAmB;AAK1B,SAAS,8BAA8B;AACvC,SAAS,eAAe,6BAA6B;AACrD,SAAS,iBAAiB;AAC1B,SAAS,YAAY,eAAe;AACpC,SAAS,wBAAwB;AAKjC,OAAO,2BAA2B;AAClC,SAAS,cAAc;AACvB,OAAO,kBAAkB;AAoCvB,SA0BC,KA1BD;AAlCF,IAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAE/C,SAAS,kCAAmC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,eAAe;AAAA,IACpB,OAAQ;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,MAAM,QAAQ;AAAA,QACnB,KAAK,MAAM;AAAA,MACZ;AAAA,IACD;AAAA,IACA,CAAE,MAAM,MAAM,MAAM,KAAK,SAAU;AAAA,EACpC;AAEA,QAAM,eAAe,WAAY,YAAa;AAC9C,QAAM,SAAS;AAAA,IACd,CAAE,WACD,OAAO,UAAW;AAAA,MACjB;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,QACT,CAAE,SAAU,GAAG;AAAA,MAChB;AAAA,IACD,CAAE;AAAA,IACH,CAAE,WAAW,cAAc,cAAc,MAAO;AAAA,EACjD;AACA,QAAM,EAAE,oBAAoB,IAAI,sBAAsB;AAEtD,SACC;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACA,UAAW,MAAM;AAChB,cAAM,sBACL,cAAe,MAAM,MAAM,IAAK;AAAA,QAEhC,MAAM,QAAQ,MAAM;AAErB,YAAK,qBAAsB;AAE1B,8BAAqB;AAAA,YACpB,CAAE,SAAU,GAAG;AAAA,UAChB,CAAE;AAAA,QACH,OAAO;AACN,8BAAqB;AAAA,YACpB,CAAE,SAAU,GAAG;AAAA,UAChB,CAAE;AAAA,QACH;AAAA,MACD;AAAA,MACA,MAAO,YAAY;AAAA,MACnB,OAAQ,OAAQ,SAAU;AAAA,MAC1B,SACC,cAAe,MAAM,MAAM,IAAK;AAAA,MAEhC,MAAM,QAAQ,MAAM;AAAA,MAGrB;AAAA,4BAAC,KAAK,WAAL,EAAiB,gBAAM,OAAO;AAAA,QAC/B,oBAAC,KAAK,cAAL,EAAoB,iBAAQ,SAAU,GAAG;AAAA;AAAA;AAAA,EAC3C;AAEF;AAEe,SAAR,8BAAgD;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,WAAW,iBAAkB,UAAU,GAAI;AAGjD,MAAK,CAAE,UAAU,OAAO,WAAW,GAAI;AACtC,WAAO;AAAA,EACR;AAEA,QAAM,SAAS,uBAAwB,SAAU;AAEjD,SACC;AAAA,IAAC;AAAA;AAAA,MAEA,WAAY,WAAW,iBAAiB;AAAA,MAExC;AAAA,4BAAC,KAAK,oBAAL,EACA,8BAAC,KAAK,WAAL,EAAiB,iBAAO,OAAO,GACjC;AAAA,QACA,oBAAC,KAAK,SAAL,EAAa,QAAS,GACtB,8BAAC,KAAK,OAAL,EACE,iBAAO,IAAK,CAAE,UACf;AAAA,UAAC;AAAA;AAAA,YAKA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAPC,YAAY,KAAK,UAAW,MAAM,IAAK,KACvC,MAAM;AAAA,QAOR,CACC,GACH,GACD;AAAA;AAAA;AAAA,IAtBM;AAAA,EAuBP;AAEF;",
+  "names": []
+}

package/build-module/components/block-bindings/use-block-bindings-utils.js

@@ -0,0 +1,45 @@
+// packages/block-editor/src/components/block-bindings/use-block-bindings-utils.js
+import { useDispatch, useRegistry } from "@wordpress/data";
+import { store as blockEditorStore } from "../../store/index.js";
+import { useBlockEditContext } from "../block-edit/index.js";
+function isObjectEmpty(object) {
+  return !object || Object.keys(object).length === 0;
+}
+function useBlockBindingsUtils(clientId) {
+  const { clientId: contextClientId } = useBlockEditContext();
+  const blockClientId = clientId || contextClientId;
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  const { getBlockAttributes } = useRegistry().select(blockEditorStore);
+  const updateBlockBindings = (bindings) => {
+    const { metadata: { bindings: currentBindings, ...metadata } = {} } = getBlockAttributes(blockClientId);
+    const newBindings = { ...currentBindings };
+    Object.entries(bindings).forEach(([attribute, binding]) => {
+      if (!binding && newBindings[attribute]) {
+        delete newBindings[attribute];
+        return;
+      }
+      newBindings[attribute] = binding;
+    });
+    const newMetadata = {
+      ...metadata,
+      bindings: newBindings
+    };
+    if (isObjectEmpty(newMetadata.bindings)) {
+      delete newMetadata.bindings;
+    }
+    updateBlockAttributes(blockClientId, {
+      metadata: isObjectEmpty(newMetadata) ? void 0 : newMetadata
+    });
+  };
+  const removeAllBlockBindings = () => {
+    const { metadata: { bindings, ...metadata } = {} } = getBlockAttributes(blockClientId);
+    updateBlockAttributes(blockClientId, {
+      metadata: isObjectEmpty(metadata) ? void 0 : metadata
+    });
+  };
+  return { updateBlockBindings, removeAllBlockBindings };
+}
+export {
+  useBlockBindingsUtils as default
+};
+//# sourceMappingURL=use-block-bindings-utils.js.map

package/build-module/components/block-bindings/use-block-bindings-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-bindings/use-block-bindings-utils.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useRegistry } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit';\n\n/**\n * Checks if the given object is empty.\n *\n * @param {?Object} object The object to check.\n *\n * @return {boolean} Whether the object is empty.\n */\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\n/**\n * Contains utils to update the block `bindings` metadata.\n *\n * @typedef {Object} WPBlockBindingsUtils\n *\n * @property {Function} updateBlockBindings    Updates the value of the bindings connected to block attributes.\n * @property {Function} removeAllBlockBindings Removes the bindings property of the `metadata` attribute.\n */\n\n/**\n * Retrieves the existing utils needed to update the block `bindings` metadata.\n * They can be used to create, modify, or remove connections from the existing block attributes.\n *\n * It contains the following utils:\n * - `updateBlockBindings`: Updates the value of the bindings connected to block attributes. It can be used to remove a specific binding by setting the value to `undefined`.\n * - `removeAllBlockBindings`: Removes the bindings property of the `metadata` attribute.\n *\n * @since 6.7.0 Introduced in WordPress core.\n *\n * @param {?string} clientId Optional block client ID. If not set, it will use the current block client ID from the context.\n *\n * @return {?WPBlockBindingsUtils} Object containing the block bindings utils.\n *\n * @example\n * ```js\n * import { useBlockBindingsUtils } from '@wordpress/block-editor'\n * const { updateBlockBindings, removeAllBlockBindings } = useBlockBindingsUtils();\n *\n * // Update url and alt attributes.\n * updateBlockBindings( {\n *     url: {\n *         source: 'core/post-meta',\n *         args: {\n *             key: 'url_custom_field',\n *         },\n *     },\n *     alt: {\n *         source: 'core/post-meta',\n *         args: {\n *             key: 'text_custom_field',\n *         },\n *     },\n * } );\n *\n * // Remove binding from url attribute.\n * updateBlockBindings( { url: undefined } );\n *\n * // Remove bindings from all attributes.\n * removeAllBlockBindings();\n * ```\n */\nexport default function useBlockBindingsUtils( clientId ) {\n\tconst { clientId: contextClientId } = useBlockEditContext();\n\tconst blockClientId = clientId || contextClientId;\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { getBlockAttributes } = useRegistry().select( blockEditorStore );\n\n\t/**\n\t * Updates the value of the bindings connected to block attributes.\n\t * It removes the binding when the new value is `undefined`.\n\t *\n\t * @param {Object} bindings        Bindings including the attributes to update and the new object.\n\t * @param {string} bindings.source The source name to connect to.\n\t * @param {Object} [bindings.args] Object containing the arguments needed by the source.\n\t *\n\t * @example\n\t * ```js\n\t * import { useBlockBindingsUtils } from '@wordpress/block-editor'\n\t *\n\t * const { updateBlockBindings } = useBlockBindingsUtils();\n\t * updateBlockBindings( {\n\t *     url: {\n\t *         source: 'core/post-meta',\n\t *         args: {\n\t *             key: 'url_custom_field',\n\t *         },\n\t * \t   },\n\t *     alt: {\n\t *         source: 'core/post-meta',\n\t *         args: {\n\t *             key: 'text_custom_field',\n\t *         },\n\t * \t   }\n\t * } );\n\t * ```\n\t */\n\tconst updateBlockBindings = ( bindings ) => {\n\t\tconst { metadata: { bindings: currentBindings, ...metadata } = {} } =\n\t\t\tgetBlockAttributes( blockClientId );\n\t\tconst newBindings = { ...currentBindings };\n\n\t\tObject.entries( bindings ).forEach( ( [ attribute, binding ] ) => {\n\t\t\tif ( ! binding && newBindings[ attribute ] ) {\n\t\t\t\tdelete newBindings[ attribute ];\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tnewBindings[ attribute ] = binding;\n\t\t} );\n\n\t\tconst newMetadata = {\n\t\t\t...metadata,\n\t\t\tbindings: newBindings,\n\t\t};\n\n\t\tif ( isObjectEmpty( newMetadata.bindings ) ) {\n\t\t\tdelete newMetadata.bindings;\n\t\t}\n\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\tmetadata: isObjectEmpty( newMetadata ) ? undefined : newMetadata,\n\t\t} );\n\t};\n\n\t/**\n\t * Removes the bindings property of the `metadata` attribute.\n\t *\n\t * @example\n\t * ```js\n\t * import { useBlockBindingsUtils } from '@wordpress/block-editor'\n\t *\n\t * const { removeAllBlockBindings } = useBlockBindingsUtils();\n\t * removeAllBlockBindings();\n\t * ```\n\t */\n\tconst removeAllBlockBindings = () => {\n\t\tconst { metadata: { bindings, ...metadata } = {} } =\n\t\t\tgetBlockAttributes( blockClientId );\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\tmetadata: isObjectEmpty( metadata ) ? undefined : metadata,\n\t\t} );\n\t};\n\n\treturn { updateBlockBindings, removeAllBlockBindings };\n}\n"],
+  "mappings": ";AAGA,SAAS,aAAa,mBAAmB;AAKzC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,2BAA2B;AASpC,SAAS,cAAe,QAAS;AAChC,SAAO,CAAE,UAAU,OAAO,KAAM,MAAO,EAAE,WAAW;AACrD;AAqDe,SAAR,sBAAwC,UAAW;AACzD,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB;AAC1D,QAAM,gBAAgB,YAAY;AAClC,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAChE,QAAM,EAAE,mBAAmB,IAAI,YAAY,EAAE,OAAQ,gBAAiB;AA+BtE,QAAM,sBAAsB,CAAE,aAAc;AAC3C,UAAM,EAAE,UAAU,EAAE,UAAU,iBAAiB,GAAG,SAAS,IAAI,CAAC,EAAE,IACjE,mBAAoB,aAAc;AACnC,UAAM,cAAc,EAAE,GAAG,gBAAgB;AAEzC,WAAO,QAAS,QAAS,EAAE,QAAS,CAAE,CAAE,WAAW,OAAQ,MAAO;AACjE,UAAK,CAAE,WAAW,YAAa,SAAU,GAAI;AAC5C,eAAO,YAAa,SAAU;AAC9B;AAAA,MACD;AACA,kBAAa,SAAU,IAAI;AAAA,IAC5B,CAAE;AAEF,UAAM,cAAc;AAAA,MACnB,GAAG;AAAA,MACH,UAAU;AAAA,IACX;AAEA,QAAK,cAAe,YAAY,QAAS,GAAI;AAC5C,aAAO,YAAY;AAAA,IACpB;AAEA,0BAAuB,eAAe;AAAA,MACrC,UAAU,cAAe,WAAY,IAAI,SAAY;AAAA,IACtD,CAAE;AAAA,EACH;AAaA,QAAM,yBAAyB,MAAM;AACpC,UAAM,EAAE,UAAU,EAAE,UAAU,GAAG,SAAS,IAAI,CAAC,EAAE,IAChD,mBAAoB,aAAc;AACnC,0BAAuB,eAAe;AAAA,MACrC,UAAU,cAAe,QAAS,IAAI,SAAY;AAAA,IACnD,CAAE;AAAA,EACH;AAEA,SAAO,EAAE,qBAAqB,uBAAuB;AACtD;",
+  "names": []
+}

package/build-module/components/block-breadcrumb/index.js

@@ -1,14 +1,14 @@
 // packages/block-editor/src/components/block-breadcrumb/index.js
 import { Button } from "@wordpress/components";
 import { useSelect, useDispatch } from "@wordpress/data";
-import { __ } from "@wordpress/i18n";
+import { __, _x } from "@wordpress/i18n";
 import { chevronRightSmall, Icon } from "@wordpress/icons";
 import { useRef } from "@wordpress/element";
-import BlockTitle from "../block-title";
-import { store as blockEditorStore } from "../../store";
-import { unlock } from "../../lock-unlock";
-import { useBlockElementRef } from "../block-list/use-block-props/use-block-refs";
-import getEditorRegion from "../../utils/get-editor-region";
+import BlockTitle from "../block-title/index.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { unlock } from "../../lock-unlock.js";
+import { useBlockElementRef } from "../block-list/use-block-props/use-block-refs.js";
+import getEditorRegion from "../../utils/get-editor-region.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function BlockBreadcrumb({ rootLabelText }) {
   const { selectBlock, clearSelectedBlock } = useDispatch(blockEditorStore);
@@ -25,7 +25,7 @@ function BlockBreadcrumb({ rootLabelText }) {
       hasSelection: !!getSelectionStart().clientId
     };
   }, []);
-  const rootLabel = rootLabelText || __("Document");
+  const rootLabel = rootLabelText || _x("Document", "noun, breadcrumb");
   const blockRef = useRef();
   useBlockElementRef(clientId, blockRef);
   return /* @__PURE__ */ jsxs(

package/build-module/components/block-breadcrumb/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-breadcrumb/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';\nimport getEditorRegion from '../../utils/get-editor-region';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t// We don't care about this specific ref, but this is a way\n\t// to get a ref within the editor canvas so we can focus it later.\n\tconst blockRef = useRef();\n\tuseBlockElementRef( clientId, blockRef );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Find the block editor wrapper for the selected block\n\t\t\t\t\t\t\tconst blockEditor = blockRef.current?.closest(\n\t\t\t\t\t\t\t\t'.editor-styles-wrapper'\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tclearSelectedBlock();\n\n\t\t\t\t\t\t\tgetEditorRegion( blockEditor )?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && <span>{ rootLabel }</span> }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],
-  "mappings": ";AAGA,SAAS,cAAc;AACvB,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AACnB,SAAS,mBAAmB,YAAY;AACxC,SAAS,cAAc;AAKvB,OAAO,gBAAgB;AACvB,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,OAAO,qBAAqB;AA0CzB,SASE,KATF;AAjCH,SAAS,gBAAiB,EAAE,cAAc,GAAI;AAC7C,QAAM,EAAE,aAAa,mBAAmB,IAAI,YAAa,gBAAiB;AAC1E,QAAM,EAAE,UAAU,SAAS,aAAa,IAAI,UAAW,CAAE,WAAY;AACpE,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AACvC,UAAM,wBAAwB,yBAAyB;AACvD,WAAO;AAAA,MACN,SAAS,uBAAwB,qBAAsB;AAAA,MACvD,UAAU;AAAA,MACV,cAAc,CAAC,CAAE,kBAAkB,EAAE;AAAA,IACtC;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,YAAY,iBAAiB,GAAI,UAAW;AAIlD,QAAM,WAAW,OAAO;AACxB,qBAAoB,UAAU,QAAS;AAOvC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAa,GAAI,kBAAmB;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WACC,CAAE,eACC,2CACA;AAAA,YAEJ,gBAAe,CAAE,eAAe,SAAS;AAAA,YAEvC;AAAA,8BACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAU,MAAM;AAEf,0BAAM,cAAc,SAAS,SAAS;AAAA,sBACrC;AAAA,oBACD;AAEA,uCAAmB;AAEnB,oCAAiB,WAAY,GAAG,MAAM;AAAA,kBACvC;AAAA,kBAEE;AAAA;AAAA,cACH;AAAA,cAEC,CAAE,gBAAgB,oBAAC,UAAO,qBAAW;AAAA,cACrC,CAAC,CAAE,YACJ;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO;AAAA,kBACP,WAAU;AAAA;AAAA,cACX;AAAA;AAAA;AAAA,QAEF;AAAA,QAEE,QAAQ,IAAK,CAAE,mBAChB,qBAAC,QACA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAU,MAAM,YAAa,cAAe;AAAA,cAE5C;AAAA,gBAAC;AAAA;AAAA,kBACA,UAAW;AAAA,kBACX,eAAgB;AAAA;AAAA,cACjB;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,cACP,WAAU;AAAA;AAAA,UACX;AAAA,aAdS,cAeV,CACC;AAAA,QACA,CAAC,CAAE,YACJ;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,gBAAa;AAAA,YAEb,8BAAC,cAAW,UAAsB,eAAgB,IAAK;AAAA;AAAA,QACxD;AAAA;AAAA;AAAA,EAEF;AAGF;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';\nimport getEditorRegion from '../../utils/get-editor-region';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\n\t// translators: Default label for the Document in the Block Breadcrumb.\n\tconst rootLabel = rootLabelText || _x( 'Document', 'noun, breadcrumb' );\n\n\t// We don't care about this specific ref, but this is a way\n\t// to get a ref within the editor canvas so we can focus it later.\n\tconst blockRef = useRef();\n\tuseBlockElementRef( clientId, blockRef );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Find the block editor wrapper for the selected block\n\t\t\t\t\t\t\tconst blockEditor = blockRef.current?.closest(\n\t\t\t\t\t\t\t\t'.editor-styles-wrapper'\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tclearSelectedBlock();\n\n\t\t\t\t\t\t\tgetEditorRegion( blockEditor )?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && <span>{ rootLabel }</span> }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],
+  "mappings": ";AAGA,SAAS,cAAc;AACvB,SAAS,WAAW,mBAAmB;AACvC,SAAS,IAAI,UAAU;AACvB,SAAS,mBAAmB,YAAY;AACxC,SAAS,cAAc;AAKvB,OAAO,gBAAgB;AACvB,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,OAAO,qBAAqB;AA4CzB,SASE,KATF;AAnCH,SAAS,gBAAiB,EAAE,cAAc,GAAI;AAC7C,QAAM,EAAE,aAAa,mBAAmB,IAAI,YAAa,gBAAiB;AAC1E,QAAM,EAAE,UAAU,SAAS,aAAa,IAAI,UAAW,CAAE,WAAY;AACpE,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AACvC,UAAM,wBAAwB,yBAAyB;AACvD,WAAO;AAAA,MACN,SAAS,uBAAwB,qBAAsB;AAAA,MACvD,UAAU;AAAA,MACV,cAAc,CAAC,CAAE,kBAAkB,EAAE;AAAA,IACtC;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,YAAY,iBAAiB,GAAI,YAAY,kBAAmB;AAItE,QAAM,WAAW,OAAO;AACxB,qBAAoB,UAAU,QAAS;AAOvC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAa,GAAI,kBAAmB;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WACC,CAAE,eACC,2CACA;AAAA,YAEJ,gBAAe,CAAE,eAAe,SAAS;AAAA,YAEvC;AAAA,8BACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAU,MAAM;AAEf,0BAAM,cAAc,SAAS,SAAS;AAAA,sBACrC;AAAA,oBACD;AAEA,uCAAmB;AAEnB,oCAAiB,WAAY,GAAG,MAAM;AAAA,kBACvC;AAAA,kBAEE;AAAA;AAAA,cACH;AAAA,cAEC,CAAE,gBAAgB,oBAAC,UAAO,qBAAW;AAAA,cACrC,CAAC,CAAE,YACJ;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO;AAAA,kBACP,WAAU;AAAA;AAAA,cACX;AAAA;AAAA;AAAA,QAEF;AAAA,QAEE,QAAQ,IAAK,CAAE,mBAChB,qBAAC,QACA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAU,MAAM,YAAa,cAAe;AAAA,cAE5C;AAAA,gBAAC;AAAA;AAAA,kBACA,UAAW;AAAA,kBACX,eAAgB;AAAA;AAAA,cACjB;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,cACP,WAAU;AAAA;AAAA,UACX;AAAA,aAdS,cAeV,CACC;AAAA,QACA,CAAC,CAAE,YACJ;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,gBAAa;AAAA,YAEb,8BAAC,cAAW,UAAsB,eAAgB,IAAK;AAAA;AAAA,QACxD;AAAA;AAAA;AAAA,EAEF;AAGF;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/build-module/components/block-canvas/index.js

@@ -2,16 +2,16 @@
 import { useMergeRefs, useViewportMatch } from "@wordpress/compose";
 import { useRef } from "@wordpress/element";
 import { useSelect } from "@wordpress/data";
-import BlockList from "../block-list";
-import BlockTools from "../block-tools";
-import EditorStyles from "../editor-styles";
-import Iframe from "../iframe";
-import WritingFlow from "../writing-flow";
-import { useMouseMoveTypingReset } from "../observe-typing";
-import { useBlockSelectionClearer } from "../block-selection-clearer";
-import { useBlockCommands } from "../use-block-commands";
-import { store as blockEditorStore } from "../../store";
-import { unlock } from "../../lock-unlock";
+import BlockList from "../block-list/index.js";
+import BlockTools from "../block-tools/index.js";
+import EditorStyles from "../editor-styles/index.js";
+import Iframe from "../iframe/index.js";
+import WritingFlow from "../writing-flow/index.js";
+import { useMouseMoveTypingReset } from "../observe-typing/index.js";
+import { useBlockSelectionClearer } from "../block-selection-clearer/index.js";
+import { useBlockCommands } from "../use-block-commands/index.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EDITOR_STYLE_TRANSFORM_OPTIONS = {
   // Don't transform selectors that already specify `.editor-styles-wrapper`.

package/build-module/components/block-card/index.js

@@ -5,20 +5,22 @@ import {
   Icon,
   __experimentalText as Text,
   __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
   privateApis as componentsPrivateApis
 } from "@wordpress/components";
 import { useDispatch, useSelect } from "@wordpress/data";
 import deprecated from "@wordpress/deprecated";
-import { __, isRTL } from "@wordpress/i18n";
+import { __, sprintf, isRTL } from "@wordpress/i18n";
 import {
   chevronLeft,
   chevronRight,
   arrowRight,
   arrowLeft
 } from "@wordpress/icons";
-import { unlock } from "../../lock-unlock";
-import { store as blockEditorStore } from "../../store";
-import BlockIcon from "../block-icon";
+import { getBlockType, hasBlockSupport } from "@wordpress/blocks";
+import { unlock } from "../../lock-unlock.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import BlockIcon from "../block-icon/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var { Badge } = unlock(componentsPrivateApis);
 function OptionalParentSelectButton({ children, onClick }) {
@@ -55,23 +57,27 @@ function BlockCard({
     });
     ({ title, icon, description } = blockType);
   }
-  const parentNavBlockClientId = useSelect(
+  const { parentBlockClientId, parentBlockName } = useSelect(
     (select) => {
       if (parentClientId || isChild || !allowParentNavigation) {
-        return;
+        return {};
       }
-      const { getBlockParentsByBlockName } = select(blockEditorStore);
-      return getBlockParentsByBlockName(
-        clientId,
-        "core/navigation",
-        true
-      )[0];
+      const { getBlockParents, getBlockName } = select(blockEditorStore);
+      const parents = getBlockParents(clientId, true);
+      const foundParentId = parents.find((parentId) => {
+        const parentName = getBlockName(parentId);
+        return parentName === "core/navigation" || hasBlockSupport(parentName, "listView");
+      });
+      return {
+        parentBlockClientId: foundParentId,
+        parentBlockName: foundParentId ? getBlockName(foundParentId) : null
+      };
     },
     [clientId, allowParentNavigation, isChild, parentClientId]
   );
   const { selectBlock } = useDispatch(blockEditorStore);
   const TitleElement = parentClientId ? "div" : "h2";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx(
@@ -82,46 +88,48 @@ function BlockCard({
         },
         className
       ),
-      children: [
-        parentNavBlockClientId && // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: () => selectBlock(parentNavBlockClientId),
-            label: parentNavBlockClientId ? __("Go to parent Navigation block") : (
-              // TODO - improve copy, not sure that we should use the term 'section'
-              __("Go to parent section")
-            ),
-            style: (
-              // TODO: This style override is also used in ToolsPanelHeader.
-              // It should be supported out-of-the-box by Button.
-              { minWidth: 24, padding: 0 }
-            ),
-            icon: isRTL() ? chevronRight : chevronLeft,
-            size: "small"
-          }
-        ),
-        isChild && /* @__PURE__ */ jsx("span", { className: "block-editor-block-card__child-indicator-icon", children: /* @__PURE__ */ jsx(Icon, { icon: isRTL() ? arrowLeft : arrowRight }) }),
-        /* @__PURE__ */ jsxs(
-          OptionalParentSelectButton,
-          {
-            onClick: parentClientId ? () => {
-              selectBlock(parentClientId);
-            } : void 0,
-            children: [
-              /* @__PURE__ */ jsx(BlockIcon, { icon, showColors: true }),
-              /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
-                /* @__PURE__ */ jsxs(TitleElement, { className: "block-editor-block-card__title", children: [
-                  /* @__PURE__ */ jsx("span", { className: "block-editor-block-card__name", children: !!name?.length ? name : title }),
-                  !parentClientId && !isChild && !!name?.length && /* @__PURE__ */ jsx(Badge, { children: title })
-                ] }),
-                !parentClientId && !isChild && description && /* @__PURE__ */ jsx(Text, { className: "block-editor-block-card__description", children: description }),
-                children
-              ] })
-            ]
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsxs(VStack, { children: [
+        /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", spacing: 0, children: [
+          parentBlockClientId && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => selectBlock(parentBlockClientId),
+              label: parentBlockName ? sprintf(
+                /* translators: %s: The name of the parent block. */
+                __('Go to "%s" block'),
+                getBlockType(parentBlockName)?.title
+              ) : __("Go to parent block"),
+              style: (
+                // TODO: This style override is also used in ToolsPanelHeader.
+                // It should be supported out-of-the-box by Button.
+                { minWidth: 24, padding: 0 }
+              ),
+              icon: isRTL() ? chevronRight : chevronLeft,
+              size: "small"
+            }
+          ),
+          isChild && /* @__PURE__ */ jsx("span", { className: "block-editor-block-card__child-indicator-icon", children: /* @__PURE__ */ jsx(Icon, { icon: isRTL() ? arrowLeft : arrowRight }) }),
+          /* @__PURE__ */ jsxs(
+            OptionalParentSelectButton,
+            {
+              onClick: parentClientId ? () => {
+                selectBlock(parentClientId);
+              } : void 0,
+              children: [
+                /* @__PURE__ */ jsx(BlockIcon, { icon, showColors: true }),
+                /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
+                  /* @__PURE__ */ jsxs(TitleElement, { className: "block-editor-block-card__title", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block-editor-block-card__name", children: !!name?.length ? name : title }),
+                    !parentClientId && !isChild && !!name?.length && /* @__PURE__ */ jsx(Badge, { children: title })
+                  ] }),
+                  children
+                ] })
+              ]
+            }
+          )
+        ] }),
+        !parentClientId && !isChild && description && /* @__PURE__ */ jsx(Text, { className: "block-editor-block-card__description", children: description })
+      ] })
     }
   );
 }

package/build-module/components/block-card/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-card/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tarrowRight,\n\tarrowLeft,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nfunction OptionalParentSelectButton( { children, onClick } ) {\n\tif ( ! onClick ) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tclassName=\"block-editor-block-card__parent-select-button\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props                         Component props.\n * @param {string}        props.title                   The title of the block.\n * @param {string|Object} props.icon                    The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description             The description of the block.\n * @param {Object}        [props.blockType]             Deprecated: Object containing block type data.\n * @param {string}        [props.className]             Additional classes to apply to the card.\n * @param {string}        [props.name]                  Custom block name to display before the title.\n * @param {string}        [props.allowParentNavigation] Show a back arrow to the parent block in some situations.\n * @param {string}        [props.parentClientId]        The parent clientId, if this card is for a parent block.\n * @param {string}        [props.isChild]               Whether the block card is for a child block, in which case, indent the block using an arrow.\n * @param {string}        [props.clientId]              Whether the block card is for a child block, in which case, indent the block using an arrow.\n * @param {Element}       [props.children]              Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tallowParentNavigation,\n\tparentClientId,\n\tisChild,\n\tchildren,\n\tclientId,\n} ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst parentNavBlockClientId = useSelect(\n\t\t( select ) => {\n\t\t\tif ( parentClientId || isChild || ! allowParentNavigation ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getBlockParentsByBlockName } = select( blockEditorStore );\n\n\t\t\treturn getBlockParentsByBlockName(\n\t\t\t\tclientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ];\n\t\t},\n\t\t[ clientId, allowParentNavigation, isChild, parentClientId ]\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst TitleElement = parentClientId ? 'div' : 'h2';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-block-card',\n\t\t\t\t{\n\t\t\t\t\t'is-parent': parentClientId,\n\t\t\t\t\t'is-child': isChild,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tparentNavBlockClientId\n\t\t\t\t\t\t\t? __( 'Go to parent Navigation block' )\n\t\t\t\t\t\t\t: // TODO - improve copy, not sure that we should use the term 'section'\n\t\t\t\t\t\t\t  __( 'Go to parent section' )\n\t\t\t\t\t}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isChild && (\n\t\t\t\t<span className=\"block-editor-block-card__child-indicator-icon\">\n\t\t\t\t\t<Icon icon={ isRTL() ? arrowLeft : arrowRight } />\n\t\t\t\t</span>\n\t\t\t) }\n\t\t\t<OptionalParentSelectButton\n\t\t\t\tonClick={\n\t\t\t\t\tparentClientId\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\tselectBlock( parentClientId );\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t<TitleElement className=\"block-editor-block-card__title\">\n\t\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ ! parentClientId && ! isChild && !! name?.length && (\n\t\t\t\t\t\t\t<Badge>{ title }</Badge>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TitleElement>\n\t\t\t\t\t{ ! parentClientId && ! isChild && description && (\n\t\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</VStack>\n\t\t\t</OptionalParentSelectButton>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tarrowRight,\n\tarrowLeft,\n} from '@wordpress/icons';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nfunction OptionalParentSelectButton( { children, onClick } ) {\n\tif ( ! onClick ) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tclassName=\"block-editor-block-card__parent-select-button\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props                         Component props.\n * @param {string}        props.title                   The title of the block.\n * @param {string|Object} props.icon                    The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description             The description of the block.\n * @param {Object}        [props.blockType]             Deprecated: Object containing block type data.\n * @param {string}        [props.className]             Additional classes to apply to the card.\n * @param {string}        [props.name]                  Custom block name to display before the title.\n * @param {string}        [props.allowParentNavigation] Show a back arrow to the parent block in some situations.\n * @param {string}        [props.parentClientId]        The parent clientId, if this card is for a parent block.\n * @param {string}        [props.isChild]               Whether the block card is for a child block, in which case, indent the block using an arrow.\n * @param {string}        [props.clientId]              Whether the block card is for a child block, in which case, indent the block using an arrow.\n * @param {Element}       [props.children]              Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tallowParentNavigation,\n\tparentClientId,\n\tisChild,\n\tchildren,\n\tclientId,\n} ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentBlockClientId, parentBlockName } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( parentClientId || isChild || ! allowParentNavigation ) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tconst { getBlockParents, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\t// Find the closest parent block that is either:\n\t\t\t// 1. A navigation block (special case for ad-hoc list view support)\n\t\t\t// 2. Any block with listView support\n\t\t\tconst parents = getBlockParents( clientId, true );\n\t\t\tconst foundParentId = parents.find( ( parentId ) => {\n\t\t\t\tconst parentName = getBlockName( parentId );\n\t\t\t\treturn (\n\t\t\t\t\tparentName === 'core/navigation' ||\n\t\t\t\t\thasBlockSupport( parentName, 'listView' )\n\t\t\t\t);\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\tparentBlockClientId: foundParentId,\n\t\t\t\tparentBlockName: foundParentId\n\t\t\t\t\t? getBlockName( foundParentId )\n\t\t\t\t\t: null,\n\t\t\t};\n\t\t},\n\t\t[ clientId, allowParentNavigation, isChild, parentClientId ]\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst TitleElement = parentClientId ? 'div' : 'h2';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-block-card',\n\t\t\t\t{\n\t\t\t\t\t'is-parent': parentClientId,\n\t\t\t\t\t'is-child': isChild,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<VStack>\n\t\t\t\t<HStack justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t{ parentBlockClientId && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ () => selectBlock( parentBlockClientId ) }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tparentBlockName\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: The name of the parent block. */\n\t\t\t\t\t\t\t\t\t\t\t__( 'Go to \"%s\" block' ),\n\t\t\t\t\t\t\t\t\t\t\tgetBlockType( parentBlockName )\n\t\t\t\t\t\t\t\t\t\t\t\t?.title\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: __( 'Go to parent block' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isChild && (\n\t\t\t\t\t\t<span className=\"block-editor-block-card__child-indicator-icon\">\n\t\t\t\t\t\t\t<Icon icon={ isRTL() ? arrowLeft : arrowRight } />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t\t<OptionalParentSelectButton\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tparentClientId\n\t\t\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t\t\tselectBlock( parentClientId );\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<TitleElement className=\"block-editor-block-card__title\">\n\t\t\t\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{ ! parentClientId &&\n\t\t\t\t\t\t\t\t\t! isChild &&\n\t\t\t\t\t\t\t\t\t!! name?.length && (\n\t\t\t\t\t\t\t\t\t\t<Badge>{ title }</Badge>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</TitleElement>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</OptionalParentSelectButton>\n\t\t\t\t</HStack>\n\t\t\t\t{ ! parentClientId && ! isChild && description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/block-compare/index.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { diffChars } from "diff/lib/diff/character";
 import { __ } from "@wordpress/i18n";
 import { getSaveContent } from "@wordpress/blocks";
-import BlockView from "./block-view";
+import BlockView from "./block-view.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function BlockCompare({
   block,

package/build-module/components/block-content-overlay/index.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/block-content-overlay/index.js
 import { useSelect } from "@wordpress/data";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 function useBlockOverlayActive(clientId) {
   return useSelect(
     (select) => {

package/build-module/components/block-controls/fill.js

@@ -3,7 +3,7 @@ import {
   __experimentalStyleProvider as StyleProvider,
   ToolbarGroup
 } from "@wordpress/components";
-import useBlockControlsFill from "./hook";
+import useBlockControlsFill from "./hook.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function BlockControlsFill({
   group = "default",

package/build-module/components/block-controls/hook.js

@@ -1,10 +1,10 @@
 // packages/block-editor/src/components/block-controls/hook.js
-import groups from "./groups";
+import groups from "./groups.js";
 import {
   useBlockEditContext,
   mayDisplayControlsKey,
   mayDisplayParentControlsKey
-} from "../block-edit/context";
+} from "../block-edit/context.js";
 function useBlockControlsFill(group, shareWithChildBlocks) {
   const context = useBlockEditContext();
   if (context[mayDisplayControlsKey]) {

package/build-module/components/block-controls/index.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/block-controls/index.js
-import BlockControlsFill from "./fill";
-import BlockControlsSlot from "./slot";
+import BlockControlsFill from "./fill.js";
+import BlockControlsSlot from "./slot.js";
 import { jsx } from "react/jsx-runtime";
 var BlockControls = BlockControlsFill;
 BlockControls.Slot = BlockControlsSlot;

package/build-module/components/block-controls/slot.js

@@ -7,8 +7,8 @@ import {
   __experimentalUseSlotFills as useSlotFills
 } from "@wordpress/components";
 import warning from "@wordpress/warning";
-import groups from "./groups";
-import { unlock } from "../../lock-unlock";
+import groups from "./groups.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx } from "react/jsx-runtime";
 var { ComponentsContext } = unlock(privateApis);
 function BlockControlsSlot({ group = "default", ...props }) {

package/build-module/components/block-draggable/draggable-chip.js

@@ -2,7 +2,7 @@
 import { __, _n, sprintf } from "@wordpress/i18n";
 import { Flex, FlexItem } from "@wordpress/components";
 import { dragHandle } from "@wordpress/icons";
-import BlockIcon from "../block-icon";
+import BlockIcon from "../block-icon/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function BlockDraggableChip({
   count,

package/build-module/components/block-draggable/index.js

@@ -4,11 +4,11 @@ import { Draggable } from "@wordpress/components";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { useEffect, useRef } from "@wordpress/element";
 import { throttle } from "@wordpress/compose";
-import BlockDraggableChip from "./draggable-chip";
-import useScrollWhenDragging from "./use-scroll-when-dragging";
-import { store as blockEditorStore } from "../../store";
-import { useBlockElement } from "../block-list/use-block-props/use-block-refs";
-import { isDropTargetValid } from "../use-block-drop-zone";
+import BlockDraggableChip from "./draggable-chip.js";
+import useScrollWhenDragging from "./use-scroll-when-dragging.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { useBlockElement } from "../block-list/use-block-props/use-block-refs.js";
+import { isDropTargetValid } from "../use-block-drop-zone/index.js";
 import { jsx } from "react/jsx-runtime";
 var BlockDraggable = ({
   appendToOwnerDocument,