@wordpress/block-library 10.6.1-next.v.202609031004.0 → 11.0.0

package/build-module/list-item/index.mjs

@@ -1,15 +1,12 @@
 // packages/block-library/src/list-item/index.js
-import { __ } from "@wordpress/i18n";
 import { listItem as icon } from "@wordpress/icons";
 import { privateApis } from "@wordpress/block-editor";
-import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
 import initBlock from "../utils/init-block.mjs";
 import metadata from "./block.json";
 import edit from "./edit.mjs";
 import save from "./save.mjs";
 import transforms from "./transforms.mjs";
 import { unlock } from "../lock-unlock.mjs";
-var { fieldsKey, formKey } = unlock(blocksPrivateApis);
 var { name } = metadata;
 var settings = {
   icon,
@@ -35,20 +32,6 @@ var settings = {
     }
   }
 };
-if (window.__experimentalContentOnlyInspectorFields) {
-  settings[fieldsKey] = [
-    {
-      id: "content",
-      label: __("Content"),
-      type: "text",
-      Edit: "rich-text"
-      // TODO: replace with custom component
-    }
-  ];
-  settings[formKey] = {
-    fields: ["content"]
-  };
-}
 var init = () => initBlock({ name, metadata, settings });
 export {
   init,

package/build-module/list-item/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/list-item/index.js"],
-  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { listItem as icon } from '@wordpress/icons';\nimport { privateApis } from '@wordpress/block-editor';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\ttransforms,\n\t[ unlock( privateApis ).requiresWrapperOnCopy ]: true,\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasContent = content?.trim().length > 0;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasContent ) ) {\n\t\t\treturn customName || content;\n\t\t}\n\n\t\tif ( context === 'breadcrumb' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\t},\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'content',\n\t\t\tlabel: __( 'Content' ),\n\t\t\ttype: 'text',\n\t\t\tEdit: 'rich-text', // TODO: replace with custom component\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'content' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,YAAY,YAAY;AACjC,SAAS,mBAAmB;AAC5B,SAAS,eAAe,yBAAyB;AACjD,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAO,YAAY,mBAAoB;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,SAAS,WAAW,UAAU,kBAAkB;AAAA,IACjD;AAAA,EACD;AAAA,EACA;AAAA,EACA,CAAE,OAAQ,WAAY,EAAE,qBAAsB,GAAG;AAAA,EACjD,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,EAAE,QAAQ,IAAI;AAEpB,UAAM,aAAa,YAAY,UAAU;AACzC,UAAM,aAAa,SAAS,KAAK,EAAE,SAAS;AAI5C,QAAK,YAAY,gBAAiB,cAAc,aAAe;AAC9D,aAAO,cAAc;AAAA,IACtB;AAEA,QAAK,YAAY,gBAAgB,YAAa;AAC7C,aAAO;AAAA,IACR;AAAA,EACD;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,SAAU;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA;AAAA,IACP;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,SAAU;AAAA,EACrB;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
+  "sourcesContent": ["import { listItem as icon } from '@wordpress/icons';\nimport { privateApis } from '@wordpress/block-editor';\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\ttransforms,\n\t[ unlock( privateApis ).requiresWrapperOnCopy ]: true,\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasContent = content?.trim().length > 0;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasContent ) ) {\n\t\t\treturn customName || content;\n\t\t}\n\n\t\tif ( context === 'breadcrumb' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\t},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";AAAA,SAAS,YAAY,YAAY;AACjC,SAAS,mBAAmB;AAC5B,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAO,YAAY,mBAAoB;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,SAAS,WAAW,UAAU,kBAAkB;AAAA,IACjD;AAAA,EACD;AAAA,EACA;AAAA,EACA,CAAE,OAAQ,WAAY,EAAE,qBAAsB,GAAG;AAAA,EACjD,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,EAAE,QAAQ,IAAI;AAEpB,UAAM,aAAa,YAAY,UAAU;AACzC,UAAM,aAAa,SAAS,KAAK,EAAE,SAAS;AAI5C,QAAK,YAAY,gBAAiB,cAAc,aAAe;AAC9D,aAAO,cAAc;AAAA,IACtB;AAEA,QAAK,YAAY,gBAAgB,YAAa;AAC7C,aAAO;AAAA,IACR;AAAA,EACD;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
   "names": []
 }

package/build-module/list-item/utils.mjs

@@ -0,0 +1,140 @@
+// packages/block-library/src/list-item/utils.js
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { cloneBlock } from "@wordpress/blocks";
+function getIndentTarget(select, clientId) {
+  return select.getPreviousBlockClientId(clientId);
+}
+function getOutdentTarget(select, clientId) {
+  const listId = select.getBlockRootClientId(clientId);
+  const parentListItemId = select.getBlockRootClientId(listId);
+  if (!parentListItemId || select.getBlockName(parentListItemId) !== "core/list-item") {
+    return void 0;
+  }
+  return parentListItemId;
+}
+function moveBlocksToNestedList(registry, clientIds, sourceListId, listItemId) {
+  const { getBlockOrder, getBlock } = registry.select(blockEditorStore);
+  const { moveBlocksToPosition, removeBlocks, insertBlock } = registry.dispatch(blockEditorStore);
+  const nestedLists = getBlockOrder(listItemId);
+  const nestedListId = nestedLists[nestedLists.length - 1];
+  if (nestedListId) {
+    moveBlocksToPosition(clientIds, sourceListId, nestedListId);
+    return;
+  }
+  const nestedList = cloneBlock(
+    getBlock(sourceListId),
+    {},
+    clientIds.map((id) => getBlock(id))
+  );
+  registry.batch(() => {
+    removeBlocks(clientIds, false);
+    insertBlock(nestedList, 0, listItemId, false);
+  });
+}
+function indentListItems(registry, clientId) {
+  const select = registry.select(blockEditorStore);
+  const {
+    getBlockRootClientId,
+    getSelectedBlockClientIds,
+    getSelectionStart,
+    getSelectionEnd,
+    hasMultiSelection,
+    getMultiSelectedBlockClientIds
+  } = select;
+  const { selectionChange, multiSelect } = registry.dispatch(blockEditorStore);
+  const _hasMultiSelection = hasMultiSelection();
+  const clientIds = _hasMultiSelection ? getMultiSelectedBlockClientIds() : getSelectedBlockClientIds();
+  if (clientId === void 0) {
+    clientId = clientIds[0];
+  }
+  const previousSiblingId = getIndentTarget(select, clientId);
+  if (!previousSiblingId) {
+    return false;
+  }
+  const rootClientId = getBlockRootClientId(clientId);
+  const selectionStart = getSelectionStart();
+  const selectionEnd = getSelectionEnd();
+  registry.batch(() => {
+    moveBlocksToNestedList(
+      registry,
+      clientIds,
+      rootClientId,
+      previousSiblingId
+    );
+    if (!_hasMultiSelection) {
+      selectionChange(
+        clientIds[0],
+        selectionEnd.attributeKey,
+        selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset,
+        selectionEnd.offset
+      );
+    } else {
+      multiSelect(clientIds[0], clientIds[clientIds.length - 1]);
+    }
+  });
+  return true;
+}
+function outdentListItems(registry, clientIds) {
+  const select = registry.select(blockEditorStore);
+  const {
+    getBlockRootClientId,
+    getBlockName,
+    getBlockOrder,
+    getBlockIndex,
+    getSelectedBlockClientIds
+  } = select;
+  const { moveBlocksToPosition, removeBlock, multiSelect } = registry.dispatch(blockEditorStore);
+  if (clientIds === void 0) {
+    clientIds = getSelectedBlockClientIds();
+  }
+  if (!Array.isArray(clientIds)) {
+    clientIds = [clientIds];
+  }
+  if (!clientIds.length) {
+    return false;
+  }
+  const firstClientId = clientIds[0];
+  if (getBlockName(firstClientId) !== "core/list-item") {
+    return false;
+  }
+  const parentListItemId = getOutdentTarget(select, firstClientId);
+  if (!parentListItemId) {
+    return false;
+  }
+  const parentListId = getBlockRootClientId(firstClientId);
+  const lastClientId = clientIds[clientIds.length - 1];
+  const order = getBlockOrder(parentListId);
+  const followingListItems = order.slice(getBlockIndex(lastClientId) + 1);
+  registry.batch(() => {
+    if (followingListItems.length) {
+      moveBlocksToNestedList(
+        registry,
+        followingListItems,
+        parentListId,
+        firstClientId
+      );
+    }
+    moveBlocksToPosition(
+      clientIds,
+      parentListId,
+      getBlockRootClientId(parentListItemId),
+      getBlockIndex(parentListItemId) + 1
+    );
+    if (!getBlockOrder(parentListId).length) {
+      const shouldSelectParent = false;
+      removeBlock(parentListId, shouldSelectParent);
+    }
+    if (clientIds.length > 1) {
+      multiSelect(firstClientId, lastClientId);
+    }
+  });
+  return true;
+}
+export {
+  getIndentTarget,
+  getOutdentTarget,
+  indentListItems,
+  moveBlocksToNestedList,
+  outdentListItems
+};
+//# sourceMappingURL=utils.mjs.map

package/build-module/list-item/utils.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/list-item/utils.js"],
+  "sourcesContent": ["import { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * The previous sibling to nest a list item under when indenting, or undefined\n * for the first item, which has no sibling to nest under.\n *\n * @param {Object} select   The block editor store's selectors.\n * @param {string} clientId The list item's client ID.\n *\n * @return {string|undefined} The client ID to nest the item under.\n */\nexport function getIndentTarget( select, clientId ) {\n\treturn select.getPreviousBlockClientId( clientId );\n}\n\n/**\n * The ancestor list item the given item's list is nested in when outdenting, or\n * undefined at the top level, where there is nothing to outdent to.\n *\n * @param {Object} select   The block editor store's selectors.\n * @param {string} clientId The list item's client ID.\n *\n * @return {string|undefined} The ancestor list item's client ID.\n */\nexport function getOutdentTarget( select, clientId ) {\n\tconst listId = select.getBlockRootClientId( clientId );\n\tconst parentListItemId = select.getBlockRootClientId( listId );\n\tif (\n\t\t! parentListItemId ||\n\t\tselect.getBlockName( parentListItemId ) !== 'core/list-item'\n\t) {\n\t\treturn undefined;\n\t}\n\treturn parentListItemId;\n}\n\n/**\n * Moves blocks into a list item's nested list, keeping their client IDs. If the\n * list item has no nested list yet, one is created from the source list so it\n * inherits its attributes.\n *\n * @param {Object}   registry     The data registry.\n * @param {string[]} clientIds    The blocks to move.\n * @param {string}   sourceListId The list the blocks currently live in, also\n *                                cloned when a nested list has to be created.\n * @param {string}   listItemId   The list item to nest the blocks under.\n */\nexport function moveBlocksToNestedList(\n\tregistry,\n\tclientIds,\n\tsourceListId,\n\tlistItemId\n) {\n\tconst { getBlockOrder, getBlock } = registry.select( blockEditorStore );\n\tconst { moveBlocksToPosition, removeBlocks, insertBlock } =\n\t\tregistry.dispatch( blockEditorStore );\n\t// A list item can hold more than one nested list; append to the last one,\n\t// the same subtree a reader sees at the end of the item.\n\tconst nestedLists = getBlockOrder( listItemId );\n\tconst nestedListId = nestedLists[ nestedLists.length - 1 ];\n\n\tif ( nestedListId ) {\n\t\tmoveBlocksToPosition( clientIds, sourceListId, nestedListId );\n\t\treturn;\n\t}\n\n\t// Insert the list with the items already inside: an empty list would be\n\t// scaffolded with the list block type's template, and moving into a freshly\n\t// created list would fail its canInsert check. Cloning the source list keeps\n\t// its attributes; passing the items as inner blocks keeps their client IDs.\n\tconst nestedList = cloneBlock(\n\t\tgetBlock( sourceListId ),\n\t\t{},\n\t\tclientIds.map( ( id ) => getBlock( id ) )\n\t);\n\t// Remove and re-insert in one batch so the blocks are never momentarily\n\t// detached. A caller batch nests harmlessly: only the outermost flushes.\n\tregistry.batch( () => {\n\t\tremoveBlocks( clientIds, false );\n\t\tinsertBlock( nestedList, 0, listItemId, false );\n\t} );\n}\n\n/**\n * Indents the selected list items, nesting them under the previous sibling of\n * the given item. Defaults to the first selected item.\n *\n * @param {Object} registry   The data registry.\n * @param {string} [clientId] The list item providing the sibling to nest under.\n *\n * @return {boolean} Whether the items were indented.\n */\nexport function indentListItems( registry, clientId ) {\n\tconst select = registry.select( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetSelectedBlockClientIds,\n\t\tgetSelectionStart,\n\t\tgetSelectionEnd,\n\t\thasMultiSelection,\n\t\tgetMultiSelectedBlockClientIds,\n\t} = select;\n\tconst { selectionChange, multiSelect } =\n\t\tregistry.dispatch( blockEditorStore );\n\n\tconst _hasMultiSelection = hasMultiSelection();\n\tconst clientIds = _hasMultiSelection\n\t\t? getMultiSelectedBlockClientIds()\n\t\t: getSelectedBlockClientIds();\n\n\tif ( clientId === undefined ) {\n\t\tclientId = clientIds[ 0 ];\n\t}\n\n\tconst previousSiblingId = getIndentTarget( select, clientId );\n\n\t// Can't indent the first item: there is no sibling to nest it under.\n\tif ( ! previousSiblingId ) {\n\t\treturn false;\n\t}\n\n\tconst rootClientId = getBlockRootClientId( clientId );\n\t// Read the selection before the move: creating a nested list removes and\n\t// re-inserts the items, which drops it.\n\tconst selectionStart = getSelectionStart();\n\tconst selectionEnd = getSelectionEnd();\n\n\tregistry.batch( () => {\n\t\tmoveBlocksToNestedList(\n\t\t\tregistry,\n\t\t\tclientIds,\n\t\t\trootClientId,\n\t\t\tpreviousSiblingId\n\t\t);\n\n\t\t// Put the selection back on the same blocks (client IDs are kept).\n\t\tif ( ! _hasMultiSelection ) {\n\t\t\tselectionChange(\n\t\t\t\tclientIds[ 0 ],\n\t\t\t\tselectionEnd.attributeKey,\n\t\t\t\tselectionEnd.clientId === selectionStart.clientId\n\t\t\t\t\t? selectionStart.offset\n\t\t\t\t\t: selectionEnd.offset,\n\t\t\t\tselectionEnd.offset\n\t\t\t);\n\t\t} else {\n\t\t\tmultiSelect( clientIds[ 0 ], clientIds[ clientIds.length - 1 ] );\n\t\t}\n\t} );\n\n\treturn true;\n}\n\n/**\n * Outdents list items, moving them up a level. Defaults to the selected items;\n * a specific set can be passed, e.g. to outdent an item's children.\n *\n * @param {Object}          registry    The data registry.\n * @param {string[]|string} [clientIds] The list items to outdent.\n *\n * @return {boolean} Whether the items were outdented.\n */\nexport function outdentListItems( registry, clientIds ) {\n\tconst select = registry.select( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockName,\n\t\tgetBlockOrder,\n\t\tgetBlockIndex,\n\t\tgetSelectedBlockClientIds,\n\t} = select;\n\tconst { moveBlocksToPosition, removeBlock, multiSelect } =\n\t\tregistry.dispatch( blockEditorStore );\n\n\tif ( clientIds === undefined ) {\n\t\tclientIds = getSelectedBlockClientIds();\n\t}\n\n\tif ( ! Array.isArray( clientIds ) ) {\n\t\tclientIds = [ clientIds ];\n\t}\n\n\tif ( ! clientIds.length ) {\n\t\treturn false;\n\t}\n\n\tconst firstClientId = clientIds[ 0 ];\n\n\t// Can't outdent if it's not a list item.\n\tif ( getBlockName( firstClientId ) !== 'core/list-item' ) {\n\t\treturn false;\n\t}\n\n\t// Can't outdent if it's at the top level.\n\tconst parentListItemId = getOutdentTarget( select, firstClientId );\n\tif ( ! parentListItemId ) {\n\t\treturn false;\n\t}\n\n\tconst parentListId = getBlockRootClientId( firstClientId );\n\tconst lastClientId = clientIds[ clientIds.length - 1 ];\n\tconst order = getBlockOrder( parentListId );\n\tconst followingListItems = order.slice( getBlockIndex( lastClientId ) + 1 );\n\n\tregistry.batch( () => {\n\t\tif ( followingListItems.length ) {\n\t\t\t// Nest the items that follow under the outdented item so they keep\n\t\t\t// their place below it.\n\t\t\tmoveBlocksToNestedList(\n\t\t\t\tregistry,\n\t\t\t\tfollowingListItems,\n\t\t\t\tparentListId,\n\t\t\t\tfirstClientId\n\t\t\t);\n\t\t}\n\t\tmoveBlocksToPosition(\n\t\t\tclientIds,\n\t\t\tparentListId,\n\t\t\tgetBlockRootClientId( parentListItemId ),\n\t\t\tgetBlockIndex( parentListItemId ) + 1\n\t\t);\n\t\tif ( ! getBlockOrder( parentListId ).length ) {\n\t\t\tconst shouldSelectParent = false;\n\t\t\tremoveBlock( parentListId, shouldSelectParent );\n\t\t}\n\n\t\t// Reset the lingering partial cross-block range to a whole block\n\t\t// selection. A single caret is preserved by the store on its own.\n\t\tif ( clientIds.length > 1 ) {\n\t\t\tmultiSelect( firstClientId, lastClientId );\n\t\t}\n\t} );\n\n\treturn true;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/media-text/index.mjs

@@ -1,7 +1,6 @@
 // packages/block-library/src/media-text/index.js
 import { __ } from "@wordpress/i18n";
 import { mediaAndText as icon } from "@wordpress/icons";
-import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
 import initBlock from "../utils/init-block.mjs";
 import { TEMPLATE } from "./constants.mjs";
 import deprecated from "./deprecated.mjs";
@@ -9,8 +8,6 @@ import edit from "./edit.mjs";
 import metadata from "./block.json";
 import save from "./save.mjs";
 import transforms from "./transforms.mjs";
-import { unlock } from "../lock-unlock.mjs";
-var { fieldsKey, formKey } = unlock(blocksPrivateApis);
 var { name } = metadata;
 var settings = {
   icon,
@@ -44,53 +41,6 @@ var settings = {
   save,
   deprecated
 };
-if (window.__experimentalContentOnlyInspectorFields) {
-  settings[fieldsKey] = [
-    {
-      id: "media",
-      label: __("Media"),
-      type: "media",
-      Edit: {
-        control: "media",
-        // TODO: replace with custom component
-        allowedTypes: ["image", "video"],
-        multiple: false
-      },
-      getValue: ({ item }) => ({
-        id: item.mediaId,
-        url: item.mediaUrl,
-        mediaType: item.mediaType,
-        link: item.mediaLink
-      }),
-      setValue: ({ value }) => ({
-        mediaId: value.id,
-        mediaUrl: value.url,
-        mediaType: value.mediaType,
-        mediaLink: value.link
-      })
-    },
-    {
-      id: "link",
-      label: __("Link"),
-      type: "url",
-      Edit: "link",
-      // TODO: replace with custom component
-      getValue: ({ item }) => ({
-        url: item.href,
-        rel: item.rel,
-        linkTarget: item.linkTarget
-      }),
-      setValue: ({ value }) => ({
-        href: value.url,
-        rel: value.rel,
-        linkTarget: value.linkTarget
-      })
-    }
-  ];
-  settings[formKey] = {
-    fields: ["media", "link"]
-  };
-}
 var init = () => initBlock({ name, metadata, settings });
 export {
   init,

package/build-module/media-text/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/media-text/index.js"],
-  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { mediaAndText as icon } from '@wordpress/icons';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\nimport initBlock from '../utils/init-block';\nimport { TEMPLATE } from './constants';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tviewportWidth: 601, // Columns collapse \"@media (max-width: 600px)\".\n\t\tattributes: {\n\t\t\tmediaType: 'image',\n\t\t\tmediaUrl:\n\t\t\t\t'https://s.w.org/images/core/5.3/Biologia_Centrali-Americana_-_Cantorchilus_semibadius_1902.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'The wren<br>Earns his living<br>Noiselessly.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '— Kobayashi Issa (一茶)' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\ttemplate: TEMPLATE,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'media',\n\t\t\tlabel: __( 'Media' ),\n\t\t\ttype: 'media',\n\t\t\tEdit: {\n\t\t\t\tcontrol: 'media', // TODO: replace with custom component\n\t\t\t\tallowedTypes: [ 'image', 'video' ],\n\t\t\t\tmultiple: false,\n\t\t\t},\n\t\t\tgetValue: ( { item } ) => ( {\n\t\t\t\tid: item.mediaId,\n\t\t\t\turl: item.mediaUrl,\n\t\t\t\tmediaType: item.mediaType,\n\t\t\t\tlink: item.mediaLink,\n\t\t\t} ),\n\t\t\tsetValue: ( { value } ) => ( {\n\t\t\t\tmediaId: value.id,\n\t\t\t\tmediaUrl: value.url,\n\t\t\t\tmediaType: value.mediaType,\n\t\t\t\tmediaLink: value.link,\n\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\tid: 'link',\n\t\t\tlabel: __( 'Link' ),\n\t\t\ttype: 'url',\n\t\t\tEdit: 'link', // TODO: replace with custom component\n\t\t\tgetValue: ( { item } ) => ( {\n\t\t\t\turl: item.href,\n\t\t\t\trel: item.rel,\n\t\t\t\tlinkTarget: item.linkTarget,\n\t\t\t} ),\n\t\t\tsetValue: ( { value } ) => ( {\n\t\t\t\thref: value.url,\n\t\t\t\trel: value.rel,\n\t\t\t\tlinkTarget: value.linkTarget,\n\t\t\t} ),\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'media', 'link' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,gBAAgB,YAAY;AACrC,SAAS,eAAe,yBAAyB;AACjD,OAAO,eAAe;AACtB,SAAS,gBAAgB;AACzB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACR,eAAe;AAAA;AAAA,IACf,YAAY;AAAA,MACX,WAAW;AAAA,MACX,UACC;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACZ;AAAA,QACC,MAAM;AAAA,QACN,YAAY;AAAA,UACX,SAAS;AAAA,YACR;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,YAAY;AAAA,UACX,SAAS,GAAI,uBAAwB;AAAA,QACtC;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,OAAQ;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,QACL,SAAS;AAAA;AAAA,QACT,cAAc,CAAE,SAAS,OAAQ;AAAA,QACjC,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAE,EAAE,KAAK,OAAS;AAAA,QAC3B,IAAI,KAAK;AAAA,QACT,KAAK,KAAK;AAAA,QACV,WAAW,KAAK;AAAA,QAChB,MAAM,KAAK;AAAA,MACZ;AAAA,MACA,UAAU,CAAE,EAAE,MAAM,OAAS;AAAA,QAC5B,SAAS,MAAM;AAAA,QACf,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,MAClB;AAAA,IACD;AAAA,IACA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,MAAO;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA;AAAA,MACN,UAAU,CAAE,EAAE,KAAK,OAAS;AAAA,QAC3B,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,YAAY,KAAK;AAAA,MAClB;AAAA,MACA,UAAU,CAAE,EAAE,MAAM,OAAS;AAAA,QAC5B,MAAM,MAAM;AAAA,QACZ,KAAK,MAAM;AAAA,QACX,YAAY,MAAM;AAAA,MACnB;AAAA,IACD;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,SAAS,MAAO;AAAA,EAC3B;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { mediaAndText as icon } from '@wordpress/icons';\nimport initBlock from '../utils/init-block';\nimport { TEMPLATE } from './constants';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tviewportWidth: 601, // Columns collapse \"@media (max-width: 600px)\".\n\t\tattributes: {\n\t\t\tmediaType: 'image',\n\t\t\tmediaUrl:\n\t\t\t\t'https://s.w.org/images/core/5.3/Biologia_Centrali-Americana_-_Cantorchilus_semibadius_1902.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'The wren<br>Earns his living<br>Noiselessly.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '— Kobayashi Issa (一茶)' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\ttemplate: TEMPLATE,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,gBAAgB,YAAY;AACrC,OAAO,eAAe;AACtB,SAAS,gBAAgB;AACzB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACR,eAAe;AAAA;AAAA,IACf,YAAY;AAAA,MACX,WAAW;AAAA,MACX,UACC;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACZ;AAAA,QACC,MAAM;AAAA,QACN,YAAY;AAAA,UACX,SAAS;AAAA,YACR;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,YAAY;AAAA,UACX,SAAS,GAAI,uBAAwB;AAAA,QACtC;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
   "names": []
 }

package/build-module/media-text/media-container.mjs

@@ -16,7 +16,7 @@ import { createBlobURL, isBlobURL } from "@wordpress/blob";
 import { store as noticesStore } from "@wordpress/notices";
 import { media as icon } from "@wordpress/icons";
 import { imageFillStyles } from "./image-fill.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ALLOWED_MEDIA_TYPES = ["image", "video"];
 var noop = () => {
 };
@@ -49,6 +49,7 @@ function ToolbarEditButton({
       onSelect: onSelectMedia,
       onToggleFeaturedImage: toggleUseFeaturedImage,
       useFeaturedImage,
+      name: mediaUrl ? __("Replace") : __("Add media"),
       onReset: () => onSelectMedia(void 0)
     }
   ) });
@@ -110,6 +111,16 @@ function MediaContainer(props, ref) {
   } = props;
   const isTemporaryMedia = !mediaId && isBlobURL(mediaUrl);
   const { toggleSelection } = useDispatch(blockEditorStore);
+  const toolbarEditButton = /* @__PURE__ */ jsx(
+    ToolbarEditButton,
+    {
+      onSelectMedia,
+      mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+      mediaId,
+      toggleUseFeaturedImage,
+      useFeaturedImage
+    }
+  );
   if (mediaUrl || featuredImageURL || useFeaturedImage) {
     const onResizeStart = () => {
       toggleSelection(false);
@@ -167,16 +178,7 @@ function MediaContainer(props, ref) {
         isStackedOnMobile,
         ref,
         children: [
-          /* @__PURE__ */ jsx(
-            ToolbarEditButton,
-            {
-              onSelectMedia,
-              mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
-              mediaId,
-              toggleUseFeaturedImage,
-              useFeaturedImage
-            }
-          ),
+          toolbarEditButton,
           (mediaTypeRenderers[mediaType] || noop)(),
           isTemporaryMedia && /* @__PURE__ */ jsx(Spinner, {}),
           !useFeaturedImage && /* @__PURE__ */ jsx(PlaceholderContainer, { ...props }),
@@ -192,7 +194,10 @@ function MediaContainer(props, ref) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(PlaceholderContainer, { ...props });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    toolbarEditButton,
+    /* @__PURE__ */ jsx(PlaceholderContainer, { ...props })
+  ] });
 }
 var media_container_default = forwardRef(MediaContainer);
 export {

package/build-module/media-text/media-container.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/media-text/media-container.jsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { createBlobURL, isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\nimport { imageFillStyles } from './image-fill';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\tonReset={ () => onSelectMedia( undefined ) }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst onFilesPreUpload = ( files ) => {\n\t\tif ( files.length === 1 ) {\n\t\t\tonSelectMedia( { url: createBlobURL( files[ 0 ] ) } );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonFilesPreUpload={ onFilesPreUpload }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t\trefMedia,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst positionStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\tsrc={ featuredImageURL }\n\t\t\t\t\t\talt={ featuredImageAlt }\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tvideo: () => <video controls ref={ refMedia } src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { createBlobURL, isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\nimport { imageFillStyles } from './image-fill';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\tname={ mediaUrl ? __( 'Replace' ) : __( 'Add media' ) }\n\t\t\t\tonReset={ () => onSelectMedia( undefined ) }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst onFilesPreUpload = ( files ) => {\n\t\tif ( files.length === 1 ) {\n\t\t\tonSelectMedia( { url: createBlobURL( files[ 0 ] ) } );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonFilesPreUpload={ onFilesPreUpload }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t\trefMedia,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tconst toolbarEditButton = (\n\t\t<ToolbarEditButton\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tmediaUrl={\n\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t: mediaUrl\n\t\t\t}\n\t\t\tmediaId={ mediaId }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t/>\n\t);\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst positionStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\tsrc={ featuredImageURL }\n\t\t\t\t\t\talt={ featuredImageAlt }\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tvideo: () => <video controls ref={ refMedia } src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t{ toolbarEditButton }\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ toolbarEditButton }\n\t\t\t<PlaceholderContainer { ...props } />\n\t\t</>\n\t);\n}\n\nexport default forwardRef( MediaContainer );\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/more/index.mjs

@@ -1,14 +1,10 @@
 // packages/block-library/src/more/index.js
 import { more as icon } from "@wordpress/icons";
-import { __ } from "@wordpress/i18n";
-import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
 import initBlock from "../utils/init-block.mjs";
 import edit from "./edit.mjs";
 import metadata from "./block.json";
 import save from "./save.mjs";
 import transforms from "./transforms.mjs";
-import { unlock } from "../lock-unlock.mjs";
-var { fieldsKey, formKey } = unlock(blocksPrivateApis);
 var { name } = metadata;
 var settings = {
   icon,
@@ -26,20 +22,6 @@ var settings = {
   edit,
   save
 };
-if (window.__experimentalContentOnlyInspectorFields) {
-  settings[fieldsKey] = [
-    {
-      id: "customText",
-      label: __("Content"),
-      type: "text",
-      Edit: "rich-text"
-      // TODO: replace with custom component
-    }
-  ];
-  settings[formKey] = {
-    fields: ["customText"]
-  };
-}
 var init = () => initBlock({ name, metadata, settings });
 export {
   init,

package/build-module/more/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/more/index.js"],
-  "sourcesContent": ["import { more as icon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst customName = attributes?.metadata?.name;\n\n\t\tif (\n\t\t\t( context === 'list-view' || context === 'breadcrumb' ) &&\n\t\t\tcustomName\n\t\t) {\n\t\t\treturn customName;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn attributes.customText;\n\t\t}\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'customText',\n\t\t\tlabel: __( 'Content' ),\n\t\t\ttype: 'text',\n\t\t\tEdit: 'rich-text', // TODO: replace with custom component\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'customText' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";AAAA,SAAS,QAAQ,YAAY;AAC7B,SAAS,UAAU;AACnB,SAAS,eAAe,yBAAyB;AACjD,OAAO,eAAe;AACtB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS,CAAC;AAAA,EACV,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,aAAa,YAAY,UAAU;AAEzC,SACG,YAAY,eAAe,YAAY,iBACzC,YACC;AACD,aAAO;AAAA,IACR;AAEA,QAAK,YAAY,iBAAkB;AAClC,aAAO,WAAW;AAAA,IACnB;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,SAAU;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA;AAAA,IACP;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,YAAa;AAAA,EACxB;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
+  "sourcesContent": ["import { more as icon } from '@wordpress/icons';\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst customName = attributes?.metadata?.name;\n\n\t\tif (\n\t\t\t( context === 'list-view' || context === 'breadcrumb' ) &&\n\t\t\tcustomName\n\t\t) {\n\t\t\treturn customName;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn attributes.customText;\n\t\t}\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";AAAA,SAAS,QAAQ,YAAY;AAC7B,OAAO,eAAe;AACtB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS,CAAC;AAAA,EACV,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,aAAa,YAAY,UAAU;AAEzC,SACG,YAAY,eAAe,YAAY,iBACzC,YACC;AACD,aAAO;AAAA,IACR;AAEA,QAAK,YAAY,iBAAkB;AAClC,aAAO,WAAW;AAAA,IACnB;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
   "names": []
 }

package/build-module/navigation/constants.mjs

@@ -8,7 +8,7 @@ var DEFAULT_BLOCK = {
 };
 var PRIORITIZED_INSERTER_BLOCKS = [
   "core/navigation-link/page",
-  "core/navigation-link"
+  "core/navigation-link/custom-link"
 ];
 var PRELOADED_NAVIGATION_MENUS_QUERY = {
   per_page: 100,

package/build-module/navigation/constants.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigation/constants.js"],
-  "sourcesContent": ["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n\tattributes: {\n\t\tkind: 'post-type',\n\t\ttype: 'page',\n\t},\n};\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n\n/**\n * Template part area identifier for navigation overlays.\n * This constant defines the area name used when registering and filtering\n * template parts that are specifically designed for navigation overlay layouts.\n *\n * @type {string}\n */\nexport const NAVIGATION_OVERLAY_TEMPLATE_PART_AREA = 'navigation-overlay';\n"],
+  "sourcesContent": ["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n\tattributes: {\n\t\tkind: 'post-type',\n\t\ttype: 'page',\n\t},\n};\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link/custom-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n\n/**\n * Template part area identifier for navigation overlays.\n * This constant defines the area name used when registering and filtering\n * template parts that are specifically designed for navigation overlay layouts.\n *\n * @type {string}\n */\nexport const NAVIGATION_OVERLAY_TEMPLATE_PART_AREA = 'navigation-overlay';\n"],
   "mappings": ";AAAO,IAAM,gBAAgB;AAAA,EAC5B,MAAM;AAAA,EACN,YAAY;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AACD;AAEO,IAAM,8BAA8B;AAAA,EAC1C;AAAA,EACA;AACD;AAMO,IAAM,mCAAmC;AAAA,EAC/C,UAAU;AAAA,EACV,QAAQ,CAAE,WAAW,OAAQ;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AACV;AAEO,IAAM,+BAA+B;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACD;AASO,IAAM,wCAAwC;",
   "names": []
 }

package/build-module/navigation-link/block.json

@@ -2,7 +2,7 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/navigation-link",
-	"title": "Custom Link",
+	"title": "Navigation Link",
 	"category": "design",
 	"parent": [ "core/navigation" ],
 	"allowedBlocks": [

package/build-module/navigation-link/deprecated.mjs

@@ -0,0 +1,48 @@
+// packages/block-library/src/navigation-link/deprecated.tsx
+import { InnerBlocks } from "@wordpress/block-editor";
+import { jsx } from "react/jsx-runtime";
+var deprecated = [
+  {
+    isEligible(attributes) {
+      return attributes.nofollow;
+    },
+    attributes: {
+      label: {
+        type: "string"
+      },
+      type: {
+        type: "string"
+      },
+      nofollow: {
+        type: "boolean"
+      },
+      description: {
+        type: "string"
+      },
+      id: {
+        type: "number"
+      },
+      opensInNewTab: {
+        type: "boolean",
+        default: false
+      },
+      url: {
+        type: "string"
+      }
+    },
+    migrate({ nofollow, ...rest }) {
+      return {
+        rel: nofollow ? "nofollow" : "",
+        ...rest
+      };
+    },
+    save() {
+      return /* @__PURE__ */ jsx(InnerBlocks.Content, {});
+    }
+  }
+];
+var deprecated_default = deprecated;
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.mjs.map

package/build-module/navigation-link/deprecated.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/navigation-link/deprecated.tsx"],
+  "sourcesContent": ["// @ts-expect-error `@wordpress/block-editor` does not expose type declarations for its entry point.\nimport { InnerBlocks } from '@wordpress/block-editor';\n\ntype NavigationLinkDeprecatedAttributes = {\n\tlabel?: string;\n\ttype?: string;\n\tnofollow?: boolean;\n\tdescription?: string;\n\tid?: number;\n\topensInNewTab?: boolean;\n\turl?: string;\n};\n\nconst deprecated = [\n\t{\n\t\tisEligible( attributes: NavigationLinkDeprecatedAttributes ) {\n\t\t\treturn attributes.nofollow;\n\t\t},\n\n\t\tattributes: {\n\t\t\tlabel: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttype: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tnofollow: {\n\t\t\t\ttype: 'boolean',\n\t\t\t},\n\t\t\tdescription: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tid: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t\topensInNewTab: {\n\t\t\t\ttype: 'boolean',\n\t\t\t\tdefault: false,\n\t\t\t},\n\t\t\turl: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\n\t\tmigrate( { nofollow, ...rest }: NavigationLinkDeprecatedAttributes ) {\n\t\t\treturn {\n\t\t\t\trel: nofollow ? 'nofollow' : '',\n\t\t\t\t...rest,\n\t\t\t};\n\t\t},\n\n\t\tsave() {\n\t\t\treturn <InnerBlocks.Content />;\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"],
+  "mappings": ";AACA,SAAS,mBAAmB;AAmDlB;AAvCV,IAAM,aAAa;AAAA,EAClB;AAAA,IACC,WAAY,YAAiD;AAC5D,aAAO,WAAW;AAAA,IACnB;AAAA,IAEA,YAAY;AAAA,MACX,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACA,UAAU;AAAA,QACT,MAAM;AAAA,MACP;AAAA,MACA,aAAa;AAAA,QACZ,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,MACP;AAAA,MACA,eAAe;AAAA,QACd,MAAM;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACA,KAAK;AAAA,QACJ,MAAM;AAAA,MACP;AAAA,IACD;AAAA,IAEA,QAAS,EAAE,UAAU,GAAG,KAAK,GAAwC;AACpE,aAAO;AAAA,QACN,KAAK,WAAW,aAAa;AAAA,QAC7B,GAAG;AAAA,MACJ;AAAA,IACD;AAAA,IAEA,OAAO;AACN,aAAO,oBAAC,YAAY,SAAZ,EAAoB;AAAA,IAC7B;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
+  "names": []
+}