@wordpress/block-library 11.0.0 → 11.1.0

package/build-module/list-item/hooks/use-enter.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/list-item/hooks/use-enter.js"],
-  "sourcesContent": ["import {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tcloneBlock,\n} from '@wordpress/blocks';\nimport { useRefEffect } from '@wordpress/compose';\nimport { privateApis as richTextPrivateApis } from '@wordpress/rich-text';\nimport { useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { outdentListItems, getOutdentTarget } from '../utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { subscribeOwnedListener } = unlock( richTextPrivateApis );\n\nexport default function useEnter( clientId ) {\n\tconst registry = useRegistry();\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onBeforeInput( event ) {\n\t\t\t\tif (\n\t\t\t\t\tevent.defaultPrevented ||\n\t\t\t\t\tevent.inputType !== 'insertParagraph'\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst select = registry.select( blockEditorStore );\n\t\t\t\tconst {\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockAttributes,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t} = select;\n\t\t\t\tconst { replaceBlocks, selectionChange } =\n\t\t\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\t\t\tconst { content } = getBlockAttributes( clientId ) ?? {};\n\t\t\t\tif ( content?.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst canOutdent = !! getOutdentTarget( select, clientId );\n\t\t\t\tif ( canOutdent ) {\n\t\t\t\t\toutdentListItems( registry );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Here we are in top level list so we need to split.\n\t\t\t\tconst topParentListBlock = getBlock(\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t);\n\t\t\t\tconst blockIndex = getBlockIndex( clientId );\n\t\t\t\tconst head = cloneBlock( {\n\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\tinnerBlocks: topParentListBlock.innerBlocks.slice(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tblockIndex\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\tconst middle = createBlock( getDefaultBlockName() );\n\t\t\t\t// Last list item might contain a `list` block innerBlock\n\t\t\t\t// In that case append remaining innerBlocks blocks.\n\t\t\t\tconst after = [\n\t\t\t\t\t...( topParentListBlock.innerBlocks[ blockIndex ]\n\t\t\t\t\t\t.innerBlocks[ 0 ]?.innerBlocks || [] ),\n\t\t\t\t\t...topParentListBlock.innerBlocks.slice( blockIndex + 1 ),\n\t\t\t\t];\n\t\t\t\tconst tail = after.length\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tcloneBlock( {\n\t\t\t\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\t\t\t\tinnerBlocks: after,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t  ]\n\t\t\t\t\t: [];\n\t\t\t\treplaceBlocks(\n\t\t\t\t\ttopParentListBlock.clientId,\n\t\t\t\t\t[ head, middle, ...tail ],\n\t\t\t\t\t1\n\t\t\t\t);\n\t\t\t\t// We manually change the selection here because we are replacing\n\t\t\t\t// a different block than the selected one.\n\t\t\t\tselectionChange( middle.clientId );\n\t\t\t}\n\n\t\t\t// Enter is handled on beforeinput: moving focus while the\n\t\t\t// keydown is still being handled leaves the iOS keyboard's\n\t\t\t// auto-capitalization stale. Capture phase so we run before\n\t\t\t// writing-flow's ancestor-bubble handler that gates on\n\t\t\t// `event.defaultPrevented`.\n\t\t\treturn subscribeOwnedListener(\n\t\t\t\telement,\n\t\t\t\t'beforeinput',\n\t\t\t\tonBeforeInput,\n\t\t\t\ttrue\n\t\t\t);\n\t\t},\n\t\t[ clientId, registry ]\n\t);\n}\n"],
-  "mappings": ";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,oBAAoB;AAC7B,SAAS,eAAe,2BAA2B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,cAAc;AAEvB,IAAM,EAAE,uBAAuB,IAAI,OAAQ,mBAAoB;AAEhD,SAAR,SAA2B,UAAW;AAC5C,QAAM,WAAW,YAAY;AAC7B,SAAO;AAAA,IACN,CAAE,YAAa;AACd,eAAS,cAAe,OAAQ;AAC/B,YACC,MAAM,oBACN,MAAM,cAAc,mBACnB;AACD;AAAA,QACD;AACA,cAAM,SAAS,SAAS,OAAQ,gBAAiB;AACjD,cAAM;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,IAAI;AACJ,cAAM,EAAE,eAAe,gBAAgB,IACtC,SAAS,SAAU,gBAAiB;AAErC,cAAM,EAAE,QAAQ,IAAI,mBAAoB,QAAS,KAAK,CAAC;AACvD,YAAK,SAAS,QAAS;AACtB;AAAA,QACD;AACA,cAAM,eAAe;AACrB,cAAM,aAAa,CAAC,CAAE,iBAAkB,QAAQ,QAAS;AACzD,YAAK,YAAa;AACjB,2BAAkB,QAAS;AAC3B;AAAA,QACD;AAEA,cAAM,qBAAqB;AAAA,UAC1B,qBAAsB,QAAS;AAAA,QAChC;AACA,cAAM,aAAa,cAAe,QAAS;AAC3C,cAAM,OAAO,WAAY;AAAA,UACxB,GAAG;AAAA,UACH,aAAa,mBAAmB,YAAY;AAAA,YAC3C;AAAA,YACA;AAAA,UACD;AAAA,QACD,CAAE;AACF,cAAM,SAAS,YAAa,oBAAoB,CAAE;AAGlD,cAAM,QAAQ;AAAA,UACb,GAAK,mBAAmB,YAAa,UAAW,EAC9C,YAAa,CAAE,GAAG,eAAe,CAAC;AAAA,UACpC,GAAG,mBAAmB,YAAY,MAAO,aAAa,CAAE;AAAA,QACzD;AACA,cAAM,OAAO,MAAM,SAChB;AAAA,UACA,WAAY;AAAA,YACX,GAAG;AAAA,YACH,aAAa;AAAA,UACd,CAAE;AAAA,QACF,IACA,CAAC;AACJ;AAAA,UACC,mBAAmB;AAAA,UACnB,CAAE,MAAM,QAAQ,GAAG,IAAK;AAAA,UACxB;AAAA,QACD;AAGA,wBAAiB,OAAO,QAAS;AAAA,MAClC;AAOA,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,UAAU,QAAS;AAAA,EACtB;AACD;",
+  "sourcesContent": ["import {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tcloneBlock,\n} from '@wordpress/blocks';\nimport { useRefEffect } from '@wordpress/compose';\nimport { privateApis as richTextPrivateApis } from '@wordpress/rich-text';\nimport { useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { outdentListItems, getOutdentTarget } from '../utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { subscribeOwnedListener } = unlock( richTextPrivateApis );\n\nexport default function useEnter( clientId ) {\n\tconst registry = useRegistry();\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onBeforeInput( event ) {\n\t\t\t\tif (\n\t\t\t\t\tevent.defaultPrevented ||\n\t\t\t\t\tevent.inputType !== 'insertParagraph'\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst select = registry.select( blockEditorStore );\n\t\t\t\tconst {\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockAttributes,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t} = select;\n\t\t\t\tconst { replaceBlocks, selectionChange } =\n\t\t\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\t\t\tconst { content } = getBlockAttributes( clientId ) ?? {};\n\t\t\t\tif ( content?.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst canOutdent = !! getOutdentTarget( select, clientId );\n\t\t\t\tif ( canOutdent ) {\n\t\t\t\t\toutdentListItems( registry );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Here we are in top level list so we need to split.\n\t\t\t\tconst topParentListBlock = getBlock(\n\t\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t\t);\n\t\t\t\tconst blockIndex = getBlockIndex( clientId );\n\t\t\t\tconst head = cloneBlock( {\n\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\tinnerBlocks: topParentListBlock.innerBlocks.slice(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tblockIndex\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\tconst middle = createBlock( getDefaultBlockName() );\n\t\t\t\t// Last list item might contain a `list` block innerBlock\n\t\t\t\t// In that case append remaining innerBlocks blocks.\n\t\t\t\tconst after = [\n\t\t\t\t\t...( topParentListBlock.innerBlocks[ blockIndex ]\n\t\t\t\t\t\t.innerBlocks[ 0 ]?.innerBlocks || [] ),\n\t\t\t\t\t...topParentListBlock.innerBlocks.slice( blockIndex + 1 ),\n\t\t\t\t];\n\t\t\t\tconst tail = after.length\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tcloneBlock( {\n\t\t\t\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\t\t\t\tinnerBlocks: after,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t]\n\t\t\t\t\t: [];\n\t\t\t\treplaceBlocks(\n\t\t\t\t\ttopParentListBlock.clientId,\n\t\t\t\t\t[ head, middle, ...tail ],\n\t\t\t\t\t1\n\t\t\t\t);\n\t\t\t\t// We manually change the selection here because we are replacing\n\t\t\t\t// a different block than the selected one.\n\t\t\t\tselectionChange( middle.clientId );\n\t\t\t}\n\n\t\t\t// Enter is handled on beforeinput: moving focus while the\n\t\t\t// keydown is still being handled leaves the iOS keyboard's\n\t\t\t// auto-capitalization stale. Capture phase so we run before\n\t\t\t// writing-flow's ancestor-bubble handler that gates on\n\t\t\t// `event.defaultPrevented`.\n\t\t\treturn subscribeOwnedListener(\n\t\t\t\telement,\n\t\t\t\t'beforeinput',\n\t\t\t\tonBeforeInput,\n\t\t\t\ttrue\n\t\t\t);\n\t\t},\n\t\t[ clientId, registry ]\n\t);\n}\n"],
+  "mappings": ";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,oBAAoB;AAC7B,SAAS,eAAe,2BAA2B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,cAAc;AAEvB,IAAM,EAAE,uBAAuB,IAAI,OAAQ,mBAAoB;AAEhD,SAAR,SAA2B,UAAW;AAC5C,QAAM,WAAW,YAAY;AAC7B,SAAO;AAAA,IACN,CAAE,YAAa;AACd,eAAS,cAAe,OAAQ;AAC/B,YACC,MAAM,oBACN,MAAM,cAAc,mBACnB;AACD;AAAA,QACD;AACA,cAAM,SAAS,SAAS,OAAQ,gBAAiB;AACjD,cAAM;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,IAAI;AACJ,cAAM,EAAE,eAAe,gBAAgB,IACtC,SAAS,SAAU,gBAAiB;AAErC,cAAM,EAAE,QAAQ,IAAI,mBAAoB,QAAS,KAAK,CAAC;AACvD,YAAK,SAAS,QAAS;AACtB;AAAA,QACD;AACA,cAAM,eAAe;AACrB,cAAM,aAAa,CAAC,CAAE,iBAAkB,QAAQ,QAAS;AACzD,YAAK,YAAa;AACjB,2BAAkB,QAAS;AAC3B;AAAA,QACD;AAEA,cAAM,qBAAqB;AAAA,UAC1B,qBAAsB,QAAS;AAAA,QAChC;AACA,cAAM,aAAa,cAAe,QAAS;AAC3C,cAAM,OAAO,WAAY;AAAA,UACxB,GAAG;AAAA,UACH,aAAa,mBAAmB,YAAY;AAAA,YAC3C;AAAA,YACA;AAAA,UACD;AAAA,QACD,CAAE;AACF,cAAM,SAAS,YAAa,oBAAoB,CAAE;AAGlD,cAAM,QAAQ;AAAA,UACb,GAAK,mBAAmB,YAAa,UAAW,EAC9C,YAAa,CAAE,GAAG,eAAe,CAAC;AAAA,UACpC,GAAG,mBAAmB,YAAY,MAAO,aAAa,CAAE;AAAA,QACzD;AACA,cAAM,OAAO,MAAM,SAChB;AAAA,UACA,WAAY;AAAA,YACX,GAAG;AAAA,YACH,aAAa;AAAA,UACd,CAAE;AAAA,QACH,IACC,CAAC;AACJ;AAAA,UACC,mBAAmB;AAAA,UACnB,CAAE,MAAM,QAAQ,GAAG,IAAK;AAAA,UACxB;AAAA,QACD;AAGA,wBAAiB,OAAO,QAAS;AAAA,MAClC;AAOA,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,UAAU,QAAS;AAAA,EACtB;AACD;",
   "names": []
 }

package/build-module/loginout/block.json

@@ -23,6 +23,15 @@
 	"supports": {
 		"anchor": true,
 		"className": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"background": true,
 			"text": false,
@@ -56,6 +65,7 @@
 			"width": true,
 			"style": true
 		},
+		"shadow": true,
 		"interactivity": {
 			"clientNavigation": true
 		}

package/build-module/math/block.json

@@ -16,6 +16,15 @@
 			"style": true,
 			"width": true
 		},
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"__experimentalDefaultControls": {
@@ -23,6 +32,7 @@
 				"text": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true,
@@ -44,6 +54,8 @@
 	"attributes": {
 		"latex": {
 			"type": "string",
+			"source": "text",
+			"selector": "math annotation[encoding=\"application/x-tex\"]",
 			"role": "content"
 		},
 		"mathML": {

package/build-module/math/deprecated.mjs

@@ -1,18 +1,35 @@
 // packages/block-library/src/math/deprecated.jsx
 import { useBlockProps } from "@wordpress/block-editor";
 import { jsx } from "react/jsx-runtime";
-var v1 = {
-  attributes: {
-    latex: {
-      type: "string",
-      role: "content"
-    },
-    mathML: {
-      type: "string",
-      source: "html",
-      selector: "math"
-    }
+var legacyAttributes = {
+  latex: {
+    type: "string",
+    role: "content"
   },
+  mathML: {
+    type: "string",
+    source: "html",
+    selector: "math"
+  }
+};
+var v2 = {
+  attributes: legacyAttributes,
+  save({ attributes }) {
+    const { latex, mathML } = attributes;
+    if (!latex) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { ...useBlockProps.save(), children: /* @__PURE__ */ jsx(
+      "math",
+      {
+        display: "block",
+        dangerouslySetInnerHTML: { __html: mathML }
+      }
+    ) });
+  }
+};
+var v1 = {
+  attributes: legacyAttributes,
   save({ attributes }) {
     const { latex, mathML } = attributes;
     if (!latex) {
@@ -28,7 +45,7 @@ var v1 = {
     );
   }
 };
-var deprecated_default = [v1];
+var deprecated_default = [v2, v1];
 export {
   deprecated_default as default
 };

package/build-module/math/deprecated.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/math/deprecated.jsx"],
-  "sourcesContent": ["import { useBlockProps } from '@wordpress/block-editor';\n\n// v1: Add a wrapper div around the math element.\nconst v1 = {\n\tattributes: {\n\t\tlatex: {\n\t\t\ttype: 'string',\n\t\t\trole: 'content',\n\t\t},\n\t\tmathML: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'math',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { latex, mathML } = attributes;\n\n\t\tif ( ! latex ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<math\n\t\t\t\t{ ...useBlockProps.save() }\n\t\t\t\tdisplay=\"block\"\n\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t/>\n\t\t);\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v1 ];\n"],
-  "mappings": ";AAAA,SAAS,qBAAqB;AAuB3B;AApBH,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,IACX,OAAO;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IACX;AAAA,EACD;AAAA,EACA,KAAM,EAAE,WAAW,GAAI;AACtB,UAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,QAAK,CAAE,OAAQ;AACd,aAAO;AAAA,IACR;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,KAAK;AAAA,QACxB,SAAQ;AAAA,QACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,IAC5C;AAAA,EAEF;AACD;AAUA,IAAO,qBAAQ,CAAE,EAAG;",
+  "sourcesContent": ["import { useBlockProps } from '@wordpress/block-editor';\n\n// Earlier versions stored the LaTeX source in the block comment. Content that\n// could not be rendered was saved with an empty `<math>`, so the source is\n// only available from the comment attribute for such blocks.\nconst legacyAttributes = {\n\tlatex: {\n\t\ttype: 'string',\n\t\trole: 'content',\n\t},\n\tmathML: {\n\t\ttype: 'string',\n\t\tsource: 'html',\n\t\tselector: 'math',\n\t},\n};\n\n// v2: The LaTeX source was stored in the block comment.\nconst v2 = {\n\tattributes: legacyAttributes,\n\tsave( { attributes } ) {\n\t\tconst { latex, mathML } = attributes;\n\n\t\tif ( ! latex ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save() }>\n\t\t\t\t<math\n\t\t\t\t\tdisplay=\"block\"\n\t\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\n// v1: Add a wrapper div around the math element.\nconst v1 = {\n\tattributes: legacyAttributes,\n\tsave( { attributes } ) {\n\t\tconst { latex, mathML } = attributes;\n\n\t\tif ( ! latex ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<math\n\t\t\t\t{ ...useBlockProps.save() }\n\t\t\t\tdisplay=\"block\"\n\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t/>\n\t\t);\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v2, v1 ];\n"],
+  "mappings": ";AAAA,SAAS,qBAAqB;AA6B1B;AAxBJ,IAAM,mBAAmB;AAAA,EACxB,OAAO;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AACD;AAGA,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,EACZ,KAAM,EAAE,WAAW,GAAI;AACtB,UAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,QAAK,CAAE,OAAQ;AACd,aAAO;AAAA,IACR;AAEA,WACC,oBAAC,SAAM,GAAG,cAAc,KAAK,GAC5B;AAAA,MAAC;AAAA;AAAA,QACA,SAAQ;AAAA,QACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,IAC5C,GACD;AAAA,EAEF;AACD;AAGA,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,EACZ,KAAM,EAAE,WAAW,GAAI;AACtB,UAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,QAAK,CAAE,OAAQ;AACd,aAAO;AAAA,IACR;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,KAAK;AAAA,QACxB,SAAQ;AAAA,QACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,IAC5C;AAAA,EAEF;AACD;AAUA,IAAO,qBAAQ,CAAE,IAAI,EAAG;",
   "names": []
 }

package/build-module/math/edit.mjs

@@ -5,35 +5,36 @@ import {
   store as blockEditorStore
 } from "@wordpress/block-editor";
 import { Popover } from "@wordpress/components";
-import { ValidatedTextareaControl } from "@wordpress/ui";
+import { ValidatedTextareaControl, Link } from "@wordpress/ui";
 import { useState, useEffect, useRef } from "@wordpress/element";
 import { useDispatch } from "@wordpress/data";
+import { useEvent } from "@wordpress/compose";
 import { jsx, jsxs } from "react/jsx-runtime";
 function MathEdit({ attributes, setAttributes, isSelected }) {
   const { latex, mathML } = attributes;
   const [blockRef, setBlockRef] = useState();
   const [error, setError] = useState(null);
   const [latexToMathML, setLatexToMathML] = useState();
-  const initialLatex = useRef(latex);
   const formRef = useRef();
   const { __unstableMarkNextChangeAsNotPersistent } = useDispatch(blockEditorStore);
+  const renderLatest = useEvent((convert) => {
+    if (!latex) {
+      return;
+    }
+    try {
+      const newMathML = convert(latex, { displayMode: true });
+      __unstableMarkNextChangeAsNotPersistent();
+      setAttributes({ mathML: newMathML });
+    } catch (err) {
+      setError(err.message);
+    }
+  });
   useEffect(() => {
     import("@wordpress/latex-to-mathml").then((module) => {
       setLatexToMathML(() => module.default);
-      if (initialLatex.current) {
-        __unstableMarkNextChangeAsNotPersistent();
-        setAttributes({
-          mathML: module.default(initialLatex.current, {
-            displayMode: true
-          })
-        });
-      }
+      renderLatest(module.default);
     });
-  }, [
-    initialLatex,
-    setAttributes,
-    __unstableMarkNextChangeAsNotPersistent
-  ]);
+  }, [renderLatest]);
   const blockProps = useBlockProps({
     ref: setBlockRef,
     position: "relative"
@@ -45,7 +46,10 @@ function MathEdit({ attributes, setAttributes, isSelected }) {
         display: "block",
         dangerouslySetInnerHTML: { __html: mathML }
       }
-    ) : "​",
+    ) : (
+      // Show the source until it renders, as the front end does.
+      /* @__PURE__ */ jsx("math", { display: "block", children: /* @__PURE__ */ jsx("semantics", { children: /* @__PURE__ */ jsx("annotation", { encoding: "application/x-tex", children: latex || "​" }) }) })
+    ),
     isSelected && /* @__PURE__ */ jsx(
       Popover,
       {
@@ -55,42 +59,59 @@ function MathEdit({ attributes, setAttributes, isSelected }) {
         focusOnMount: false,
         onFocusOutside: () => formRef.current?.reportValidity(),
         __unstableSlotName: "__unstable-block-tools-after",
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs(
           "form",
           {
             ref: formRef,
-            style: { padding: "4px", minWidth: "300px" },
+            style: { padding: "16px", minWidth: "300px" },
             onSubmit: (event) => event.preventDefault(),
-            children: /* @__PURE__ */ jsx(
-              ValidatedTextareaControl,
-              {
-                label: __("LaTeX math syntax"),
-                hideLabelFromVision: true,
-                value: latex ?? "",
-                className: "wp-block-math__textarea-control",
-                customValidity: error ? { type: "invalid", message: error } : void 0,
-                onValueChange: (newLatex) => {
-                  if (!latexToMathML) {
-                    setAttributes({ latex: newLatex });
-                    return;
-                  }
-                  let newMathML = "";
-                  try {
-                    newMathML = latexToMathML(newLatex, {
-                      displayMode: true
+            children: [
+              /* @__PURE__ */ jsx(
+                ValidatedTextareaControl,
+                {
+                  label: __("LaTeX math syntax"),
+                  value: latex ?? "",
+                  className: "wp-block-math__textarea-control",
+                  customValidity: error ? { type: "invalid", message: error } : void 0,
+                  onValueChange: (newLatex) => {
+                    if (!latexToMathML) {
+                      setAttributes({
+                        latex: newLatex,
+                        mathML: ""
+                      });
+                      return;
+                    }
+                    let newMathML = "";
+                    try {
+                      newMathML = latexToMathML(newLatex, {
+                        displayMode: true
+                      });
+                      setError(null);
+                    } catch (err) {
+                      setError(err.message);
+                    }
+                    setAttributes({
+                      mathML: newMathML,
+                      latex: newLatex
                     });
-                    setError(null);
-                  } catch (err) {
-                    setError(err.message);
-                  }
-                  setAttributes({
-                    mathML: newMathML,
-                    latex: newLatex
-                  });
-                },
-                placeholder: __("e.g., x^2, \\frac{a}{b}")
-              }
-            )
+                  },
+                  placeholder: __(
+                    "e.g., x^2, \\frac{a}{b}, \\sqrt{x}"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  openInNewTab: true,
+                  className: "wp-block-math__learn-more",
+                  href: __(
+                    "https://wordpress.org/documentation/article/math-block/"
+                  ),
+                  children: __("Learn more about LaTeX syntax")
+                }
+              )
+            ]
           }
         )
       }

package/build-module/math/edit.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/math/edit.jsx"],
-  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Popover } from '@wordpress/components';\nimport { ValidatedTextareaControl } from '@wordpress/ui';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\nexport default function MathEdit( { attributes, setAttributes, isSelected } ) {\n\tconst { latex, mathML } = attributes;\n\tconst [ blockRef, setBlockRef ] = useState();\n\tconst [ error, setError ] = useState( null );\n\tconst [ latexToMathML, setLatexToMathML ] = useState();\n\tconst initialLatex = useRef( latex );\n\tconst formRef = useRef();\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\timport( '@wordpress/latex-to-mathml' ).then( ( module ) => {\n\t\t\tsetLatexToMathML( () => module.default );\n\t\t\tif ( initialLatex.current ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tmathML: module.default( initialLatex.current, {\n\t\t\t\t\t\tdisplayMode: true,\n\t\t\t\t\t} ),\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}, [\n\t\tinitialLatex,\n\t\tsetAttributes,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t] );\n\n\tconst blockProps = useBlockProps( {\n\t\tref: setBlockRef,\n\t\tposition: 'relative',\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ mathML ? (\n\t\t\t\t<math\n\t\t\t\t\t// We can't spread block props on the math element because\n\t\t\t\t\t// it only supports a limited amount of global attributes.\n\t\t\t\t\t// For example, draggable will have no effect.\n\t\t\t\t\tdisplay=\"block\"\n\t\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t'\\u200B'\n\t\t\t) }\n\t\t\t{ isSelected && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\toffset={ 8 }\n\t\t\t\t\tanchor={ blockRef }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\t// Surface any parsing error before focus leaves the block.\n\t\t\t\t\t// An invalid field is refocused, keeping the popover open.\n\t\t\t\t\tonFocusOutside={ () => formRef.current?.reportValidity() }\n\t\t\t\t\t__unstableSlotName=\"__unstable-block-tools-after\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tref={ formRef }\n\t\t\t\t\t\tstyle={ { padding: '4px', minWidth: '300px' } }\n\t\t\t\t\t\tonSubmit={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ValidatedTextareaControl\n\t\t\t\t\t\t\tlabel={ __( 'LaTeX math syntax' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ latex ?? '' }\n\t\t\t\t\t\t\tclassName=\"wp-block-math__textarea-control\"\n\t\t\t\t\t\t\tcustomValidity={\n\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t? { type: 'invalid', message: error }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonValueChange={ ( newLatex ) => {\n\t\t\t\t\t\t\t\tif ( ! latexToMathML ) {\n\t\t\t\t\t\t\t\t\tsetAttributes( { latex: newLatex } );\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlet newMathML = '';\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tnewMathML = latexToMathML( newLatex, {\n\t\t\t\t\t\t\t\t\t\tdisplayMode: true,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tsetError( null );\n\t\t\t\t\t\t\t\t} catch ( err ) {\n\t\t\t\t\t\t\t\t\tsetError( err.message );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tmathML: newMathML,\n\t\t\t\t\t\t\t\t\tlatex: newLatex,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tplaceholder={ __( 'e.g., x^2, \\\\frac{a}{b}' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</form>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";AAAA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,eAAe;AACxB,SAAS,gCAAgC;AACzC,SAAS,UAAU,WAAW,cAAc;AAC5C,SAAS,mBAAmB;AAoC1B,SAEE,KAFF;AAlCa,SAAR,SAA2B,EAAE,YAAY,eAAe,WAAW,GAAI;AAC7E,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,CAAE,UAAU,WAAY,IAAI,SAAS;AAC3C,QAAM,CAAE,OAAO,QAAS,IAAI,SAAU,IAAK;AAC3C,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAS;AACrD,QAAM,eAAe,OAAQ,KAAM;AACnC,QAAM,UAAU,OAAO;AACvB,QAAM,EAAE,wCAAwC,IAC/C,YAAa,gBAAiB;AAE/B,YAAW,MAAM;AAChB,WAAQ,4BAA6B,EAAE,KAAM,CAAE,WAAY;AAC1D,uBAAkB,MAAM,OAAO,OAAQ;AACvC,UAAK,aAAa,SAAU;AAC3B,gDAAwC;AACxC,sBAAe;AAAA,UACd,QAAQ,OAAO,QAAS,aAAa,SAAS;AAAA,YAC7C,aAAa;AAAA,UACd,CAAE;AAAA,QACH,CAAE;AAAA,MACH;AAAA,IACD,CAAE;AAAA,EACH,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,QAAM,aAAa,cAAe;AAAA,IACjC,KAAK;AAAA,IACL,UAAU;AAAA,EACX,CAAE;AAEF,SACC,qBAAC,SAAM,GAAG,YACP;AAAA,aACD;AAAA,MAAC;AAAA;AAAA,QAIA,SAAQ;AAAA,QACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,IAC5C,IAEA;AAAA,IAEC,cACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,QAAS;AAAA,QACT,QAAS;AAAA,QACT,cAAe;AAAA,QAGf,gBAAiB,MAAM,QAAQ,SAAS,eAAe;AAAA,QACvD,oBAAmB;AAAA,QAEnB;AAAA,UAAC;AAAA;AAAA,YACA,KAAM;AAAA,YACN,OAAQ,EAAE,SAAS,OAAO,UAAU,QAAQ;AAAA,YAC5C,UAAW,CAAE,UAAW,MAAM,eAAe;AAAA,YAE7C;AAAA,cAAC;AAAA;AAAA,gBACA,OAAQ,GAAI,mBAAoB;AAAA,gBAChC,qBAAmB;AAAA,gBACnB,OAAQ,SAAS;AAAA,gBACjB,WAAU;AAAA,gBACV,gBACC,QACG,EAAE,MAAM,WAAW,SAAS,MAAM,IAClC;AAAA,gBAEJ,eAAgB,CAAE,aAAc;AAC/B,sBAAK,CAAE,eAAgB;AACtB,kCAAe,EAAE,OAAO,SAAS,CAAE;AACnC;AAAA,kBACD;AACA,sBAAI,YAAY;AAChB,sBAAI;AACH,gCAAY,cAAe,UAAU;AAAA,sBACpC,aAAa;AAAA,oBACd,CAAE;AACF,6BAAU,IAAK;AAAA,kBAChB,SAAU,KAAM;AACf,6BAAU,IAAI,OAAQ;AAAA,kBACvB;AACA,gCAAe;AAAA,oBACd,QAAQ;AAAA,oBACR,OAAO;AAAA,kBACR,CAAE;AAAA,gBACH;AAAA,gBACA,aAAc,GAAI,yBAA0B;AAAA;AAAA,YAC7C;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Popover } from '@wordpress/components';\nimport { ValidatedTextareaControl, Link } from '@wordpress/ui';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { useEvent } from '@wordpress/compose';\n\nexport default function MathEdit( { attributes, setAttributes, isSelected } ) {\n\tconst { latex, mathML } = attributes;\n\tconst [ blockRef, setBlockRef ] = useState();\n\tconst [ error, setError ] = useState( null );\n\tconst [ latexToMathML, setLatexToMathML ] = useState();\n\tconst formRef = useRef();\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Re-render once the converter loads, so MathML saved from a corrupted\n\t// source is repaired and a source typed before the converter loaded is\n\t// rendered. The converter loads asynchronously, and the user can type in\n\t// the meantime, so read the source at that time rather than on mount.\n\tconst renderLatest = useEvent( ( convert ) => {\n\t\tif ( ! latex ) {\n\t\t\treturn;\n\t\t}\n\t\ttry {\n\t\t\tconst newMathML = convert( latex, { displayMode: true } );\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { mathML: newMathML } );\n\t\t} catch ( err ) {\n\t\t\tsetError( err.message );\n\t\t}\n\t} );\n\n\tuseEffect( () => {\n\t\timport( '@wordpress/latex-to-mathml' ).then( ( module ) => {\n\t\t\tsetLatexToMathML( () => module.default );\n\t\t\trenderLatest( module.default );\n\t\t} );\n\t}, [ renderLatest ] );\n\n\tconst blockProps = useBlockProps( {\n\t\tref: setBlockRef,\n\t\tposition: 'relative',\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ mathML ? (\n\t\t\t\t<math\n\t\t\t\t\t// We can't spread block props on the math element because\n\t\t\t\t\t// it only supports a limited amount of global attributes.\n\t\t\t\t\t// For example, draggable will have no effect.\n\t\t\t\t\tdisplay=\"block\"\n\t\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t// Show the source until it renders, as the front end does.\n\t\t\t\t<math display=\"block\">\n\t\t\t\t\t<semantics>\n\t\t\t\t\t\t{ /* eslint-disable-next-line react/no-unknown-property -- MathML attribute. */ }\n\t\t\t\t\t\t<annotation encoding=\"application/x-tex\">\n\t\t\t\t\t\t\t{ latex || '\\u200B' }\n\t\t\t\t\t\t</annotation>\n\t\t\t\t\t</semantics>\n\t\t\t\t</math>\n\t\t\t) }\n\t\t\t{ isSelected && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\toffset={ 8 }\n\t\t\t\t\tanchor={ blockRef }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\t// Surface any parsing error before focus leaves the block.\n\t\t\t\t\t// An invalid field is refocused, keeping the popover open.\n\t\t\t\t\tonFocusOutside={ () => formRef.current?.reportValidity() }\n\t\t\t\t\t__unstableSlotName=\"__unstable-block-tools-after\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tref={ formRef }\n\t\t\t\t\t\tstyle={ { padding: '16px', minWidth: '300px' } }\n\t\t\t\t\t\tonSubmit={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ValidatedTextareaControl\n\t\t\t\t\t\t\tlabel={ __( 'LaTeX math syntax' ) }\n\t\t\t\t\t\t\tvalue={ latex ?? '' }\n\t\t\t\t\t\t\tclassName=\"wp-block-math__textarea-control\"\n\t\t\t\t\t\t\tcustomValidity={\n\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t? { type: 'invalid', message: error }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonValueChange={ ( newLatex ) => {\n\t\t\t\t\t\t\t\tif ( ! latexToMathML ) {\n\t\t\t\t\t\t\t\t\t// The source is read back from the MathML,\n\t\t\t\t\t\t\t\t\t// so clear a stale render along with it.\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlatex: newLatex,\n\t\t\t\t\t\t\t\t\t\tmathML: '',\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlet newMathML = '';\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tnewMathML = latexToMathML( newLatex, {\n\t\t\t\t\t\t\t\t\t\tdisplayMode: true,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tsetError( null );\n\t\t\t\t\t\t\t\t} catch ( err ) {\n\t\t\t\t\t\t\t\t\tsetError( err.message );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tmathML: newMathML,\n\t\t\t\t\t\t\t\t\tlatex: newLatex,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t'e.g., x^2, \\\\frac{a}{b}, \\\\sqrt{x}'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\topenInNewTab\n\t\t\t\t\t\t\tclassName=\"wp-block-math__learn-more\"\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/math-block/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about LaTeX syntax' ) }\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t</form>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/math/save.mjs

@@ -6,13 +6,13 @@ function save({ attributes }) {
   if (!latex) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { ...useBlockProps.save(), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ...useBlockProps.save(), children: mathML ? /* @__PURE__ */ jsx(
     "math",
     {
       display: "block",
       dangerouslySetInnerHTML: { __html: mathML }
     }
-  ) });
+  ) : /* @__PURE__ */ jsx("math", { display: "block", children: /* @__PURE__ */ jsx("semantics", { children: /* @__PURE__ */ jsx("annotation", { encoding: "application/x-tex", children: latex }) }) }) });
 }
 export {
   save as default

package/build-module/math/save.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/math/save.jsx"],
-  "sourcesContent": ["import { useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { latex, mathML } = attributes;\n\n\tif ( ! latex ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps.save() }>\n\t\t\t<math\n\t\t\t\tdisplay=\"block\"\n\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";AAAA,SAAS,qBAAqB;AAW3B;AATY,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,SAAM,GAAG,cAAc,KAAK,GAC5B;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,EAC5C,GACD;AAEF;",
+  "sourcesContent": ["import { useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { latex, mathML } = attributes;\n\n\tif ( ! latex ) {\n\t\treturn null;\n\t}\n\n\t// The LaTeX source lives in the `<annotation>` inside the MathML, where\n\t// it is HTML-escaped, so `wp_kses` leaves characters such as `&` and `<`\n\t// alone. Until the source renders, save it on its own: with the\n\t// annotation as the only child of `<semantics>`, browsers display the\n\t// source text.\n\treturn (\n\t\t<div { ...useBlockProps.save() }>\n\t\t\t{ mathML ? (\n\t\t\t\t<math\n\t\t\t\t\tdisplay=\"block\"\n\t\t\t\t\tdangerouslySetInnerHTML={ { __html: mathML } }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<math display=\"block\">\n\t\t\t\t\t<semantics>\n\t\t\t\t\t\t{ /* eslint-disable-next-line react/no-unknown-property -- MathML attribute. */ }\n\t\t\t\t\t\t<annotation encoding=\"application/x-tex\">\n\t\t\t\t\t\t\t{ latex }\n\t\t\t\t\t\t</annotation>\n\t\t\t\t\t</semantics>\n\t\t\t\t</math>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";AAAA,SAAS,qBAAqB;AAiB1B;AAfW,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAOA,SACC,oBAAC,SAAM,GAAG,cAAc,KAAK,GAC1B,mBACD;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,yBAA0B,EAAE,QAAQ,OAAO;AAAA;AAAA,EAC5C,IAEA,oBAAC,UAAK,SAAQ,SACb,8BAAC,eAEA,8BAAC,gBAAW,UAAS,qBAClB,iBACH,GACD,GACD,GAEF;AAEF;",
   "names": []
 }

package/build-module/media-text/block.json

@@ -116,6 +116,7 @@
 			"gradients": true,
 			"heading": true,
 			"link": true,
+			"button": true,
 			"__experimentalDefaultControls": {
 				"background": true,
 				"text": true

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

@@ -1,5 +1,6 @@
 // packages/block-library/src/media-text/constants.js
 import { _x } from "@wordpress/i18n";
+var ALLOWED_MEDIA_TYPES = ["image", "video"];
 var DEFAULT_MEDIA_SIZE_SLUG = "full";
 var WIDTH_CONSTRAINT_PERCENTAGE = 15;
 var LINK_DESTINATION_NONE = "none";
@@ -14,6 +15,7 @@ var TEMPLATE = [
   ]
 ];
 export {
+  ALLOWED_MEDIA_TYPES,
   DEFAULT_MEDIA_SIZE_SLUG,
   LINK_DESTINATION_ATTACHMENT,
   LINK_DESTINATION_MEDIA,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/media-text/constants.js"],
-  "sourcesContent": ["import { _x } from '@wordpress/i18n';\n\nexport const DEFAULT_MEDIA_SIZE_SLUG = 'full';\nexport const WIDTH_CONSTRAINT_PERCENTAGE = 15;\nexport const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: _x( 'Content…', 'content placeholder' ),\n\t\t},\n\t],\n];\n"],
-  "mappings": ";AAAA,SAAS,UAAU;AAEZ,IAAM,0BAA0B;AAChC,IAAM,8BAA8B;AACpC,IAAM,wBAAwB;AAC9B,IAAM,yBAAyB;AAC/B,IAAM,8BAA8B;AACpC,IAAM,WAAW;AAAA,EACvB;AAAA,IACC;AAAA,IACA;AAAA,MACC,aAAa,GAAI,YAAY,qBAAsB;AAAA,IACpD;AAAA,EACD;AACD;",
+  "sourcesContent": ["import { _x } from '@wordpress/i18n';\n\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nexport const DEFAULT_MEDIA_SIZE_SLUG = 'full';\nexport const WIDTH_CONSTRAINT_PERCENTAGE = 15;\nexport const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: _x( 'Content…', 'content placeholder' ),\n\t\t},\n\t],\n];\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AAEZ,IAAM,sBAAsB,CAAE,SAAS,OAAQ;AAC/C,IAAM,0BAA0B;AAChC,IAAM,8BAA8B;AACpC,IAAM,wBAAwB;AAC9B,IAAM,yBAAyB;AAC/B,IAAM,8BAA8B;AACpC,IAAM,WAAW;AAAA,EACvB;AAAA,IACC;AAAA,IACA;AAAA,MACC,aAAa,GAAI,YAAY,qBAAsB;AAAA,IACpD;AAAA,EACD;AACD;",
   "names": []
 }