@wordpress/block-library 8.18.0 → 8.19.0

package/build/verse/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","content","type","source","selector","__unstablePreserveWhiteSpace","__experimentalRole","textAlign","supports","anchor","color","gradients","link","__experimentalDefaultControls","background","text","typography","fontSize","__experimentalFontFamily","lineHeight","__experimentalFontStyle","__experimentalFontWeight","__experimentalLetterSpacing","__experimentalTextTransform","__experimentalTextDecoration","fontAppearance","spacing","margin","padding","__experimentalBorder","radius","width","style","editorStyle","exports","settings","icon","example","__","transforms","deprecated","merge","attributesToMerge","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/verse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { verse as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\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\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.\n\t\t\tcontent: __(\n\t\t\t\t'WHAT was he doing, the great god Pan,\\n\tDown in the reeds by the river?\\nSpreading ruin and scattering ban,\\nSplashing and paddling with hoofs of a goat,\\nAnd breaking the golden lilies afloat\\n    With the dragon-fly on the river.'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,KAAA,GAAAF,sBAAA,CAAAH,OAAA;AAEA,IAAAM,KAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,WAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;AAIA;AACA;AACA;AAFA,MAAAQ,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAA;MAAAC,4BAAA;MAAAC,kBAAA;IAAA;IAAAC,SAAA;MAAAL,IAAA;IAAA;EAAA;EAAAM,QAAA;IAAAC,MAAA;IAAAC,KAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,wBAAA;MAAAC,UAAA;MAAAC,uBAAA;MAAAC,wBAAA;MAAAC,2BAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAX,6BAAA;QAAAI,QAAA;QAAAQ,cAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAf,6BAAA;QAAAc,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAArB,KAAA;MAAAsB,KAAA;IAAA;EAAA;EAAAA,KAAA;EAAAC,WAAA;AAAA;AAAAC,OAAA,CAAA3C,QAAA,GAAAA,QAAA;AAUA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAAC2C,OAAA,CAAAxC,IAAA,GAAAA,IAAA;AAInB,MAAMyC,QAAQ,GAAG;EACvBC,IAAI,EAAJA,YAAI;EACJC,OAAO,EAAE;IACRrC,UAAU,EAAE;MACX;MACA;MACAC,OAAO,EAAE,IAAAqC,QAAE,EACV,yOACD;MACA;IACD;EACD,CAAC;;EACDC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,KAAKA,CAAEzC,UAAU,EAAE0C,iBAAiB,EAAG;IACtC,OAAO;MACNzC,OAAO,EAAED,UAAU,CAACC,OAAO,GAAGyC,iBAAiB,CAACzC;IACjD,CAAC;EACF,CAAC;EACD0C,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACV,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMU,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpD,IAAI;EAAEH,QAAQ;EAAE4C;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAW,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","content","type","source","selector","__unstablePreserveWhiteSpace","__experimentalRole","textAlign","supports","anchor","color","gradients","link","__experimentalDefaultControls","background","text","typography","fontSize","__experimentalFontFamily","lineHeight","__experimentalFontStyle","__experimentalFontWeight","__experimentalLetterSpacing","__experimentalTextTransform","__experimentalTextDecoration","fontAppearance","spacing","margin","padding","__experimentalBorder","radius","width","style","editorStyle","exports","settings","icon","example","__","transforms","deprecated","merge","attributesToMerge","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/verse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { verse as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\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\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.\n\t\t\tcontent: __(\n\t\t\t\t'WHAT was he doing, the great god Pan,\\n\tDown in the reeds by the river?\\nSpreading ruin and scattering ban,\\nSplashing and paddling with hoofs of a goat,\\nAnd breaking the golden lilies afloat\\n    With the dragon-fly on the river.'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent: attributes.content + '\\n\\n' + attributesToMerge.content,\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,KAAA,GAAAF,sBAAA,CAAAH,OAAA;AAEA,IAAAM,KAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,WAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;AAIA;AACA;AACA;AAFA,MAAAQ,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAA;MAAAC,4BAAA;MAAAC,kBAAA;IAAA;IAAAC,SAAA;MAAAL,IAAA;IAAA;EAAA;EAAAM,QAAA;IAAAC,MAAA;IAAAC,KAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,wBAAA;MAAAC,UAAA;MAAAC,uBAAA;MAAAC,wBAAA;MAAAC,2BAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAX,6BAAA;QAAAI,QAAA;QAAAQ,cAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAf,6BAAA;QAAAc,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAArB,KAAA;MAAAsB,KAAA;IAAA;EAAA;EAAAA,KAAA;EAAAC,WAAA;AAAA;AAAAC,OAAA,CAAA3C,QAAA,GAAAA,QAAA;AAUA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAAC2C,OAAA,CAAAxC,IAAA,GAAAA,IAAA;AAInB,MAAMyC,QAAQ,GAAG;EACvBC,IAAI,EAAJA,YAAI;EACJC,OAAO,EAAE;IACRrC,UAAU,EAAE;MACX;MACA;MACAC,OAAO,EAAE,IAAAqC,QAAE,EACV,yOACD;MACA;IACD;EACD,CAAC;;EACDC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,KAAKA,CAAEzC,UAAU,EAAE0C,iBAAiB,EAAG;IACtC,OAAO;MACNzC,OAAO,EAAED,UAAU,CAACC,OAAO,GAAG,MAAM,GAAGyC,iBAAiB,CAACzC;IAC1D,CAAC;EACF,CAAC;EACD0C,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACV,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMU,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpD,IAAI;EAAEH,QAAQ;EAAE4C;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAW,IAAA,GAAAA,IAAA"}

package/build-module/block/edit.js

@@ -1,16 +1,57 @@
 import { createElement } from "@wordpress/element";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
 import { useEntityBlockEditor, useEntityProp, useEntityRecord } from '@wordpress/core-data';
 import { Placeholder, Spinner, TextControl, PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useInnerBlocksProps, __experimentalRecursionProvider as RecursionProvider, __experimentalUseHasRecursion as useHasRecursion, InnerBlocks, InspectorControls, useBlockProps, Warning } from '@wordpress/block-editor';
+import { useInnerBlocksProps, __experimentalRecursionProvider as RecursionProvider, __experimentalUseHasRecursion as useHasRecursion, InnerBlocks, InspectorControls, useBlockProps, Warning, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { useRef, useMemo } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../lock-unlock';
+const fullAlignments = ['full', 'wide', 'left', 'right'];
+const useInferredLayout = (blocks, parentLayout) => {
+  const initialInferredAlignmentRef = useRef();
+  return useMemo(() => {
+    // Exit early if the pattern's blocks haven't loaded yet.
+    if (!blocks?.length) {
+      return {};
+    }
+    let alignment = initialInferredAlignmentRef.current;
+
+    // Only track the initial alignment so that temporarily removed
+    // alignments can be reapplied.
+    if (alignment === undefined) {
+      const isConstrained = parentLayout?.type === 'constrained';
+      const hasFullAlignment = blocks.some(block => fullAlignments.includes(block.attributes.align));
+      alignment = isConstrained && hasFullAlignment ? 'full' : null;
+      initialInferredAlignmentRef.current = alignment;
+    }
+    const layout = alignment ? parentLayout : undefined;
+    return {
+      alignment,
+      layout
+    };
+  }, [blocks, parentLayout]);
+};
 export default function ReusableBlockEdit({
+  name,
   attributes: {
     ref
-  }
+  },
+  __unstableParentLayout: parentLayout
 }) {
+  const {
+    useLayoutClasses
+  } = unlock(blockEditorPrivateApis);
   const hasAlreadyRendered = useHasRecursion(ref);
   const {
     record,
@@ -21,11 +62,21 @@ export default function ReusableBlockEdit({
     id: ref
   });
   const [title, setTitle] = useEntityProp('postType', 'wp_block', 'title', ref);
+  const {
+    alignment,
+    layout
+  } = useInferredLayout(blocks, parentLayout);
+  const layoutClasses = useLayoutClasses({
+    layout
+  }, name);
   const blockProps = useBlockProps({
-    className: 'block-library-block__reusable-block-container'
+    className: classnames('block-library-block__reusable-block-container', layout && layoutClasses, {
+      [`align${alignment}`]: alignment
+    })
   });
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     value: blocks,
+    layout,
     onInput,
     onChange,
     renderAppender: blocks?.length ? undefined : InnerBlocks.ButtonBlockAppender

package/build-module/block/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEntityBlockEditor","useEntityProp","useEntityRecord","Placeholder","Spinner","TextControl","PanelBody","__","useInnerBlocksProps","__experimentalRecursionProvider","RecursionProvider","__experimentalUseHasRecursion","useHasRecursion","InnerBlocks","InspectorControls","useBlockProps","Warning","ReusableBlockEdit","attributes","ref","hasAlreadyRendered","record","hasResolved","isMissing","blocks","onInput","onChange","id","title","setTitle","blockProps","className","innerBlocksProps","value","renderAppender","length","undefined","ButtonBlockAppender","createElement","uniqueId","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n} from '@wordpress/block-editor';\n\nexport default function ReusableBlockEdit( { attributes: { ref } } ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: 'block-library-block__reusable-block-container',\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,oBAAoB,EACpBC,aAAa,EACbC,eAAe,QACT,sBAAsB;AAC7B,SACCC,WAAW,EACXC,OAAO,EACPC,WAAW,EACXC,SAAS,QACH,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,mBAAmB,EACnBC,+BAA+B,IAAIC,iBAAiB,EACpDC,6BAA6B,IAAIC,eAAe,EAChDC,WAAW,EACXC,iBAAiB,EACjBC,aAAa,EACbC,OAAO,QACD,yBAAyB;AAEhC,eAAe,SAASC,iBAAiBA,CAAE;EAAEC,UAAU,EAAE;IAAEC;EAAI;AAAE,CAAC,EAAG;EACpE,MAAMC,kBAAkB,GAAGR,eAAe,CAAEO,GAAI,CAAC;EACjD,MAAM;IAAEE,MAAM;IAAEC;EAAY,CAAC,GAAGpB,eAAe,CAC9C,UAAU,EACV,UAAU,EACViB,GACD,CAAC;EACD,MAAMI,SAAS,GAAGD,WAAW,IAAI,CAAED,MAAM;EAEzC,MAAM,CAAEG,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG1B,oBAAoB,CACzD,UAAU,EACV,UAAU,EACV;IAAE2B,EAAE,EAAER;EAAI,CACX,CAAC;EAED,MAAM,CAAES,KAAK,EAAEC,QAAQ,CAAE,GAAG5B,aAAa,CACxC,UAAU,EACV,UAAU,EACV,OAAO,EACPkB,GACD,CAAC;EAED,MAAMW,UAAU,GAAGf,aAAa,CAAE;IACjCgB,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,MAAMC,gBAAgB,GAAGxB,mBAAmB,CAAEsB,UAAU,EAAE;IACzDG,KAAK,EAAET,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRQ,cAAc,EAAEV,MAAM,EAAEW,MAAM,GAC3BC,SAAS,GACTvB,WAAW,CAACwB;EAChB,CAAE,CAAC;EAEH,IAAKjB,kBAAkB,EAAG;IACzB,OACCkB,aAAA;MAAA,GAAUR;IAAU,GACnBQ,aAAA,CAACtB,OAAO,QACLT,EAAE,CAAE,yCAA0C,CACxC,CACL,CAAC;EAER;EAEA,IAAKgB,SAAS,EAAG;IAChB,OACCe,aAAA;MAAA,GAAUR;IAAU,GACnBQ,aAAA,CAACtB,OAAO,QACLT,EAAE,CAAE,2CAA4C,CAC1C,CACL,CAAC;EAER;EAEA,IAAK,CAAEe,WAAW,EAAG;IACpB,OACCgB,aAAA;MAAA,GAAUR;IAAU,GACnBQ,aAAA,CAACnC,WAAW,QACXmC,aAAA,CAAClC,OAAO,MAAE,CACE,CACT,CAAC;EAER;EAEA,OACCkC,aAAA,CAAC5B,iBAAiB;IAAC6B,QAAQ,EAAGpB;EAAK,GAClCmB,aAAA,CAACxB,iBAAiB,QACjBwB,aAAA,CAAChC,SAAS,QACTgC,aAAA,CAACjC,WAAW;IACXmC,uBAAuB;IACvBC,KAAK,EAAGlC,EAAE,CAAE,MAAO,CAAG;IACtB0B,KAAK,EAAGL,KAAO;IACfF,QAAQ,EAAGG;EAAU,CACrB,CACS,CACO,CAAC,EACpBS,aAAA;IAAA,GAAUN;EAAgB,CAAI,CACZ,CAAC;AAEtB"}
+{"version":3,"names":["classnames","useEntityBlockEditor","useEntityProp","useEntityRecord","Placeholder","Spinner","TextControl","PanelBody","__","useInnerBlocksProps","__experimentalRecursionProvider","RecursionProvider","__experimentalUseHasRecursion","useHasRecursion","InnerBlocks","InspectorControls","useBlockProps","Warning","privateApis","blockEditorPrivateApis","useRef","useMemo","unlock","fullAlignments","useInferredLayout","blocks","parentLayout","initialInferredAlignmentRef","length","alignment","current","undefined","isConstrained","type","hasFullAlignment","some","block","includes","attributes","align","layout","ReusableBlockEdit","name","ref","__unstableParentLayout","useLayoutClasses","hasAlreadyRendered","record","hasResolved","isMissing","onInput","onChange","id","title","setTitle","layoutClasses","blockProps","className","innerBlocksProps","value","renderAppender","ButtonBlockAppender","createElement","uniqueId","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst fullAlignments = [ 'full', 'wide', 'left', 'right' ];\n\nconst useInferredLayout = ( blocks, parentLayout ) => {\n\tconst initialInferredAlignmentRef = useRef();\n\n\treturn useMemo( () => {\n\t\t// Exit early if the pattern's blocks haven't loaded yet.\n\t\tif ( ! blocks?.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet alignment = initialInferredAlignmentRef.current;\n\n\t\t// Only track the initial alignment so that temporarily removed\n\t\t// alignments can be reapplied.\n\t\tif ( alignment === undefined ) {\n\t\t\tconst isConstrained = parentLayout?.type === 'constrained';\n\t\t\tconst hasFullAlignment = blocks.some( ( block ) =>\n\t\t\t\tfullAlignments.includes( block.attributes.align )\n\t\t\t);\n\n\t\t\talignment = isConstrained && hasFullAlignment ? 'full' : null;\n\t\t\tinitialInferredAlignmentRef.current = alignment;\n\t\t}\n\n\t\tconst layout = alignment ? parentLayout : undefined;\n\n\t\treturn { alignment, layout };\n\t}, [ blocks, parentLayout ] );\n};\n\nexport default function ReusableBlockEdit( {\n\tname,\n\tattributes: { ref },\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst { useLayoutClasses } = unlock( blockEditorPrivateApis );\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst { alignment, layout } = useInferredLayout( blocks, parentLayout );\n\tconst layoutClasses = useLayoutClasses( { layout }, name );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\t'block-library-block__reusable-block-container',\n\t\t\tlayout && layoutClasses,\n\t\t\t{ [ `align${ alignment }` ]: alignment }\n\t\t),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tlayout,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}

package/build-module/button/edit.js

@@ -53,6 +53,7 @@ function ButtonEdit(props) {
     mergeBlocks
   } = props;
   const {
+    tagName,
     textAlign,
     linkTarget,
     placeholder,
@@ -62,6 +63,7 @@ function ButtonEdit(props) {
     url,
     width
   } = attributes;
+  const TagName = tagName || 'a';
   function onToggleOpenInNewTab(value) {
     const newLinkTarget = value ? '_blank' : undefined;
     let updatedRel = rel;
@@ -105,6 +107,7 @@ function ButtonEdit(props) {
   const [isEditingURL, setIsEditingURL] = useState(false);
   const isURLSet = !!url;
   const opensInNewTab = linkTarget === '_blank';
+  const isLinkTag = 'a' === TagName;
   function startEditing(event) {
     event.preventDefault();
     setIsEditingURL(true);
@@ -169,20 +172,20 @@ function ButtonEdit(props) {
         textAlign: nextAlign
       });
     }
-  }), !isURLSet && createElement(ToolbarButton, {
+  }), !isURLSet && isLinkTag && createElement(ToolbarButton, {
     name: "link",
     icon: link,
     title: __('Link'),
     shortcut: displayShortcut.primary('k'),
     onClick: startEditing
-  }), isURLSet && createElement(ToolbarButton, {
+  }), isURLSet && isLinkTag && createElement(ToolbarButton, {
     name: "link",
     icon: linkOff,
     title: __('Unlink'),
     shortcut: displayShortcut.primaryShift('k'),
     onClick: unlink,
     isActive: true
-  })), isSelected && (isEditingURL || isURLSet) && createElement(Popover, {
+  })), isLinkTag && isSelected && (isEditingURL || isURLSet) && createElement(Popover, {
     placement: "bottom",
     onClose: () => {
       setIsEditingURL(false);
@@ -215,7 +218,7 @@ function ButtonEdit(props) {
     setAttributes: setAttributes
   })), createElement(InspectorControls, {
     group: "advanced"
-  }, createElement(TextControl, {
+  }, isLinkTag && createElement(TextControl, {
     __nextHasNoMarginBottom: true,
     label: __('Link rel'),
     value: rel || '',

package/build-module/button/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","useEffect","useState","useRef","useMemo","Button","ButtonGroup","PanelBody","TextControl","ToolbarButton","Popover","AlignmentControl","BlockControls","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalLinkControl","LinkControl","__experimentalGetElementClassName","displayShortcut","isKeyboardEvent","link","linkOff","createBlock","useMergeRefs","prependHTTP","NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","createElement","title","map","widthValue","key","size","variant","onClick","ButtonEdit","props","attributes","className","isSelected","onReplace","mergeBlocks","textAlign","linkTarget","placeholder","rel","style","text","url","onToggleOpenInNewTab","value","newLinkTarget","updatedRel","setButtonText","newText","replace","onKeyDown","event","primary","startEditing","primaryShift","unlink","richTextRef","current","focus","popoverAnchor","setPopoverAnchor","borderProps","colorProps","spacingProps","ref","blockProps","isEditingURL","setIsEditingURL","isURLSet","opensInNewTab","preventDefault","linkValue","Fragment","fontSize","onChange","withoutInteractiveFormatting","border","radius","onSplit","onMerge","identifier","group","nextAlign","name","icon","shortcut","isActive","placement","onClose","anchor","focusOnMount","__unstableSlotName","shift","newURL","newOpensInNewTab","onRemove","forceIsEditingLink","__nextHasNoMarginBottom","label","newRel"],"sources":["@wordpress/block-library/src/button/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef, useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalLinkControl as LinkControl,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { displayShortcut, isKeyboardEvent } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { prependHTTP } from '@wordpress/url';\n\nconst NEW_TAB_REL = 'noreferrer noopener';\n\nfunction WidthPanel( { selectedWidth, setAttributes } ) {\n\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tconst width = selectedWidth === newWidth ? undefined : newWidth;\n\n\t\t// Update attributes.\n\t\tsetAttributes( { width } );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Width settings' ) }>\n\t\t\t<ButtonGroup aria-label={ __( 'Button width' ) }>\n\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\twidthValue === selectedWidth\n\t\t\t\t\t\t\t\t\t? 'primary'\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\tonClick={ () => handleChange( widthValue ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ widthValue }%\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ButtonGroup>\n\t\t</PanelBody>\n\t);\n}\n\nfunction ButtonEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tclassName,\n\t\tisSelected,\n\t\tonReplace,\n\t\tmergeBlocks,\n\t} = props;\n\tconst { textAlign, linkTarget, placeholder, rel, style, text, url, width } =\n\t\tattributes;\n\n\tfunction onToggleOpenInNewTab( value ) {\n\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\tlet updatedRel = rel;\n\t\tif ( newLinkTarget && ! rel ) {\n\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\tupdatedRel = undefined;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tlinkTarget: newLinkTarget,\n\t\t\trel: updatedRel,\n\t\t} );\n\t}\n\n\tfunction setButtonText( newText ) {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t}\n\n\tfunction onKeyDown( event ) {\n\t\tif ( isKeyboardEvent.primary( event, 'k' ) ) {\n\t\t\tstartEditing( event );\n\t\t} else if ( isKeyboardEvent.primaryShift( event, 'k' ) ) {\n\t\t\tunlink();\n\t\t\trichTextRef.current?.focus();\n\t\t}\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tconst spacingProps = useSpacingProps( attributes );\n\tconst ref = useRef();\n\tconst richTextRef = useRef();\n\tconst blockProps = useBlockProps( {\n\t\tref: useMergeRefs( [ setPopoverAnchor, ref ] ),\n\t\tonKeyDown,\n\t} );\n\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst isURLSet = !! url;\n\tconst opensInNewTab = linkTarget === '_blank';\n\n\tfunction startEditing( event ) {\n\t\tevent.preventDefault();\n\t\tsetIsEditingURL( true );\n\t}\n\n\tfunction unlink() {\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\trel: undefined,\n\t\t} );\n\t\tsetIsEditingURL( false );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingURL( false );\n\t\t}\n\t}, [ isSelected ] );\n\n\t// Memoize link value to avoid overriding the LinkControl's internal state.\n\t// This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/51256.\n\tconst linkValue = useMemo(\n\t\t() => ( { url, opensInNewTab } ),\n\t\t[ url, opensInNewTab ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( blockProps.className, {\n\t\t\t\t\t[ `has-custom-width wp-block-button__width-${ width }` ]:\n\t\t\t\t\t\twidth,\n\t\t\t\t\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<RichText\n\t\t\t\t\tref={ richTextRef }\n\t\t\t\t\taria-label={ __( 'Button text' ) }\n\t\t\t\t\tplaceholder={ placeholder || __( 'Add text…' ) }\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tonChange={ ( value ) => setButtonText( value ) }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-button__link',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t\t\t\t\t// For backwards compatibility add style that isn't\n\t\t\t\t\t\t\t// provided via block support.\n\t\t\t\t\t\t\t'no-border-radius': style?.border?.radius === 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t\tonSplit={ ( value ) =>\n\t\t\t\t\t\tcreateBlock( 'core/button', {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\ttext: value,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ ! isURLSet && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\tonClick={ startEditing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isURLSet && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift( 'k' ) }\n\t\t\t\t\t\tonClick={ unlink }\n\t\t\t\t\t\tisActive={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ isSelected && ( isEditingURL || isURLSet ) && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t} }\n\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\tfocusOnMount={ isEditingURL ? 'firstElement' : false }\n\t\t\t\t\t__unstableSlotName={ '__unstable-block-tools-after' }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<LinkControl\n\t\t\t\t\t\tvalue={ linkValue }\n\t\t\t\t\t\tonChange={ ( {\n\t\t\t\t\t\t\turl: newURL = '',\n\t\t\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t\t\t} ) => {\n\t\t\t\t\t\t\tsetAttributes( { url: prependHTTP( newURL ) } );\n\n\t\t\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tunlink();\n\t\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tforceIsEditingLink={ isEditingURL }\n\t\t\t\t\t/>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<WidthPanel\n\t\t\t\t\tselectedWidth={ width }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ ( newRel ) => setAttributes( { rel: newRel } ) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","__","useEffect","useState","useRef","useMemo","Button","ButtonGroup","PanelBody","TextControl","ToolbarButton","Popover","AlignmentControl","BlockControls","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalLinkControl","LinkControl","__experimentalGetElementClassName","displayShortcut","isKeyboardEvent","link","linkOff","createBlock","useMergeRefs","prependHTTP","NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","createElement","title","map","widthValue","key","size","variant","onClick","ButtonEdit","props","attributes","className","isSelected","onReplace","mergeBlocks","tagName","textAlign","linkTarget","placeholder","rel","style","text","url","TagName","onToggleOpenInNewTab","value","newLinkTarget","updatedRel","setButtonText","newText","replace","onKeyDown","event","primary","startEditing","primaryShift","unlink","richTextRef","current","focus","popoverAnchor","setPopoverAnchor","borderProps","colorProps","spacingProps","ref","blockProps","isEditingURL","setIsEditingURL","isURLSet","opensInNewTab","isLinkTag","preventDefault","linkValue","Fragment","fontSize","onChange","withoutInteractiveFormatting","border","radius","onSplit","onMerge","identifier","group","nextAlign","name","icon","shortcut","isActive","placement","onClose","anchor","focusOnMount","__unstableSlotName","shift","newURL","newOpensInNewTab","onRemove","forceIsEditingLink","__nextHasNoMarginBottom","label","newRel"],"sources":["@wordpress/block-library/src/button/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef, useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalLinkControl as LinkControl,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { displayShortcut, isKeyboardEvent } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { prependHTTP } from '@wordpress/url';\n\nconst NEW_TAB_REL = 'noreferrer noopener';\n\nfunction WidthPanel( { selectedWidth, setAttributes } ) {\n\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tconst width = selectedWidth === newWidth ? undefined : newWidth;\n\n\t\t// Update attributes.\n\t\tsetAttributes( { width } );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Width settings' ) }>\n\t\t\t<ButtonGroup aria-label={ __( 'Button width' ) }>\n\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\twidthValue === selectedWidth\n\t\t\t\t\t\t\t\t\t? 'primary'\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\tonClick={ () => handleChange( widthValue ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ widthValue }%\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ButtonGroup>\n\t\t</PanelBody>\n\t);\n}\n\nfunction ButtonEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tclassName,\n\t\tisSelected,\n\t\tonReplace,\n\t\tmergeBlocks,\n\t} = props;\n\tconst {\n\t\ttagName,\n\t\ttextAlign,\n\t\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\n\tconst TagName = tagName || 'a';\n\n\tfunction onToggleOpenInNewTab( value ) {\n\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\tlet updatedRel = rel;\n\t\tif ( newLinkTarget && ! rel ) {\n\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\tupdatedRel = undefined;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tlinkTarget: newLinkTarget,\n\t\t\trel: updatedRel,\n\t\t} );\n\t}\n\n\tfunction setButtonText( newText ) {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t}\n\n\tfunction onKeyDown( event ) {\n\t\tif ( isKeyboardEvent.primary( event, 'k' ) ) {\n\t\t\tstartEditing( event );\n\t\t} else if ( isKeyboardEvent.primaryShift( event, 'k' ) ) {\n\t\t\tunlink();\n\t\t\trichTextRef.current?.focus();\n\t\t}\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tconst spacingProps = useSpacingProps( attributes );\n\tconst ref = useRef();\n\tconst richTextRef = useRef();\n\tconst blockProps = useBlockProps( {\n\t\tref: useMergeRefs( [ setPopoverAnchor, ref ] ),\n\t\tonKeyDown,\n\t} );\n\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst isURLSet = !! url;\n\tconst opensInNewTab = linkTarget === '_blank';\n\tconst isLinkTag = 'a' === TagName;\n\n\tfunction startEditing( event ) {\n\t\tevent.preventDefault();\n\t\tsetIsEditingURL( true );\n\t}\n\n\tfunction unlink() {\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\trel: undefined,\n\t\t} );\n\t\tsetIsEditingURL( false );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingURL( false );\n\t\t}\n\t}, [ isSelected ] );\n\n\t// Memoize link value to avoid overriding the LinkControl's internal state.\n\t// This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/51256.\n\tconst linkValue = useMemo(\n\t\t() => ( { url, opensInNewTab } ),\n\t\t[ url, opensInNewTab ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( blockProps.className, {\n\t\t\t\t\t[ `has-custom-width wp-block-button__width-${ width }` ]:\n\t\t\t\t\t\twidth,\n\t\t\t\t\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<RichText\n\t\t\t\t\tref={ richTextRef }\n\t\t\t\t\taria-label={ __( 'Button text' ) }\n\t\t\t\t\tplaceholder={ placeholder || __( 'Add text…' ) }\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tonChange={ ( value ) => setButtonText( value ) }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-button__link',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t\t\t\t\t// For backwards compatibility add style that isn't\n\t\t\t\t\t\t\t// provided via block support.\n\t\t\t\t\t\t\t'no-border-radius': style?.border?.radius === 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t\tonSplit={ ( value ) =>\n\t\t\t\t\t\tcreateBlock( 'core/button', {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\ttext: value,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ ! isURLSet && isLinkTag && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\tonClick={ startEditing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isURLSet && isLinkTag && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift( 'k' ) }\n\t\t\t\t\t\tonClick={ unlink }\n\t\t\t\t\t\tisActive={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ isLinkTag && isSelected && ( isEditingURL || isURLSet ) && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t} }\n\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\tfocusOnMount={ isEditingURL ? 'firstElement' : false }\n\t\t\t\t\t__unstableSlotName={ '__unstable-block-tools-after' }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<LinkControl\n\t\t\t\t\t\tvalue={ linkValue }\n\t\t\t\t\t\tonChange={ ( {\n\t\t\t\t\t\t\turl: newURL = '',\n\t\t\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t\t\t} ) => {\n\t\t\t\t\t\t\tsetAttributes( { url: prependHTTP( newURL ) } );\n\n\t\t\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tunlink();\n\t\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tforceIsEditingLink={ isEditingURL }\n\t\t\t\t\t/>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<WidthPanel\n\t\t\t\t\tselectedWidth={ width }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t{ isLinkTag && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"],"mappings":"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"}

package/build-module/button/index.js

@@ -21,6 +21,15 @@ const metadata = {
   keywords: ["link"],
   textdomain: "default",
   attributes: {
+    tagName: {
+      type: "string",
+      "enum": ["a", "button"],
+      "default": "a"
+    },
+    type: {
+      type: "string",
+      "default": "button"
+    },
     textAlign: {
       type: "string"
     },
@@ -34,14 +43,14 @@ const metadata = {
     title: {
       type: "string",
       source: "attribute",
-      selector: "a",
+      selector: "a,button",
       attribute: "title",
       __experimentalRole: "content"
     },
     text: {
       type: "string",
       source: "html",
-      selector: "a",
+      selector: "a,button",
       __experimentalRole: "content"
     },
     linkTarget: {

package/build-module/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","button","icon","initBlock","deprecated","edit","metadata","$schema","apiVersion","name","title","category","parent","description","keywords","textdomain","attributes","textAlign","type","url","source","selector","attribute","__experimentalRole","text","linkTarget","rel","placeholder","backgroundColor","textColor","gradient","width","supports","anchor","align","alignWide","color","__experimentalSkipSerialization","gradients","__experimentalDefaultControls","background","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","reusable","shadow","spacing","padding","__experimentalBorder","radius","style","__experimentalSelector","styles","label","isDefault","editorStyle","save","settings","example","className","merge","a","init"],"sources":["@wordpress/block-library/src/button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { button as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tclassName: 'is-style-fill',\n\t\t\ttext: __( 'Call to Action' ),\n\t\t},\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n\tmerge: ( a, { text = '' } ) => ( {\n\t\t...a,\n\t\ttext: ( a.text || '' ) + text,\n\t} ),\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,IAAIC,IAAI,QAAQ,kBAAkB;;AAEjD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,SAAA;MAAAC,IAAA;IAAA;IAAAC,GAAA;MAAAD,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAAC,kBAAA;IAAA;IAAAb,KAAA;MAAAQ,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAAC,kBAAA;IAAA;IAAAC,IAAA;MAAAN,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAE,kBAAA;IAAA;IAAAE,UAAA;MAAAP,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAAC,kBAAA;IAAA;IAAAG,GAAA;MAAAR,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAAC,kBAAA;IAAA;IAAAI,WAAA;MAAAT,IAAA;IAAA;IAAAU,eAAA;MAAAV,IAAA;IAAA;IAAAW,SAAA;MAAAX,IAAA;IAAA;IAAAY,QAAA;MAAAZ,IAAA;IAAA;IAAAa,KAAA;MAAAb,IAAA;IAAA;EAAA;EAAAc,QAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,KAAA;MAAAC,+BAAA;MAAAC,SAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAhB,IAAA;MAAA;IAAA;IAAAiB,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAV,6BAAA;QAAAG,QAAA;MAAA;IAAA;IAAAQ,QAAA;IAAAC,MAAA;IAAAC,OAAA;MAAAf,+BAAA;MAAAgB,OAAA;MAAAd,6BAAA;QAAAc,OAAA;MAAA;IAAA;IAAAC,oBAAA;MAAAlB,KAAA;MAAAmB,MAAA;MAAAC,KAAA;MAAAzB,KAAA;MAAAM,+BAAA;MAAAE,6BAAA;QAAAH,KAAA;QAAAmB,MAAA;QAAAC,KAAA;QAAAzB,KAAA;MAAA;IAAA;IAAA0B,sBAAA;EAAA;EAAAC,MAAA;IAAAjD,IAAA;IAAAkD,KAAA;IAAAC,SAAA;EAAA;IAAAnD,IAAA;IAAAkD,KAAA;EAAA;EAAAE,WAAA;EAAAL,KAAA;AAAA;AAE1B,OAAOM,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAErD;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMsD,QAAQ,GAAG;EACvB7D,IAAI;EACJ8D,OAAO,EAAE;IACRhD,UAAU,EAAE;MACXiD,SAAS,EAAE,eAAe;MAC1BzC,IAAI,EAAExB,EAAE,CAAE,gBAAiB;IAC5B;EACD,CAAC;EACDK,IAAI;EACJyD,IAAI;EACJ1D,UAAU;EACV8D,KAAK,EAAEA,CAAEC,CAAC,EAAE;IAAE3C,IAAI,GAAG;EAAG,CAAC,MAAQ;IAChC,GAAG2C,CAAC;IACJ3C,IAAI,EAAE,CAAE2C,CAAC,CAAC3C,IAAI,IAAI,EAAE,IAAKA;EAC1B,CAAC;AACF,CAAC;AAED,OAAO,MAAM4C,IAAI,GAAGA,CAAA,KAAMjE,SAAS,CAAE;EAAEM,IAAI;EAAEH,QAAQ;EAAEyD;AAAS,CAAE,CAAC"}
+{"version":3,"names":["__","button","icon","initBlock","deprecated","edit","metadata","$schema","apiVersion","name","title","category","parent","description","keywords","textdomain","attributes","tagName","type","textAlign","url","source","selector","attribute","__experimentalRole","text","linkTarget","rel","placeholder","backgroundColor","textColor","gradient","width","supports","anchor","align","alignWide","color","__experimentalSkipSerialization","gradients","__experimentalDefaultControls","background","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","reusable","shadow","spacing","padding","__experimentalBorder","radius","style","__experimentalSelector","styles","label","isDefault","editorStyle","save","settings","example","className","merge","a","init"],"sources":["@wordpress/block-library/src/button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { button as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tclassName: 'is-style-fill',\n\t\t\ttext: __( 'Call to Action' ),\n\t\t},\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n\tmerge: ( a, { text = '' } ) => ( {\n\t\t...a,\n\t\ttext: ( a.text || '' ) + text,\n\t} ),\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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"}

package/build-module/button/save.js

@@ -13,6 +13,8 @@ export default function save({
   className
 }) {
   const {
+    tagName,
+    type,
     textAlign,
     fontSize,
     linkTarget,
@@ -26,6 +28,9 @@ export default function save({
   if (!text) {
     return null;
   }
+  const TagName = tagName || 'a';
+  const isButtonTag = 'button' === TagName;
+  const buttonType = type || 'button';
   const borderProps = getBorderClassesAndStyles(attributes);
   const colorProps = getColorClassesAndStyles(attributes);
   const spacingProps = getSpacingClassesAndStyles(attributes);
@@ -54,14 +59,15 @@ export default function save({
       className: wrapperClasses
     })
   }, createElement(RichText.Content, {
-    tagName: "a",
+    tagName: TagName,
+    type: isButtonTag ? buttonType : null,
     className: buttonClasses,
-    href: url,
+    href: isButtonTag ? null : url,
     title: title,
     style: buttonStyle,
     value: text,
-    target: linkTarget,
-    rel: rel
+    target: isButtonTag ? null : linkTarget,
+    rel: isButtonTag ? null : rel
   }));
 }
 //# sourceMappingURL=save.js.map

package/build-module/button/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","RichText","useBlockProps","__experimentalGetBorderClassesAndStyles","getBorderClassesAndStyles","__experimentalGetColorClassesAndStyles","getColorClassesAndStyles","__experimentalGetSpacingClassesAndStyles","getSpacingClassesAndStyles","__experimentalGetElementClassName","save","attributes","className","textAlign","fontSize","linkTarget","rel","style","text","title","url","width","borderProps","colorProps","spacingProps","buttonClasses","border","radius","buttonStyle","wrapperClasses","typography","createElement","Content","tagName","href","value","target"],"sources":["@wordpress/block-library/src/button/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n\t__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes, className } ) {\n\tconst {\n\t\ttextAlign,\n\t\tfontSize,\n\t\tlinkTarget,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\ttitle,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\n\tif ( ! text ) {\n\t\treturn null;\n\t}\n\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\tconst spacingProps = getSpacingClassesAndStyles( attributes );\n\tconst buttonClasses = classnames(\n\t\t'wp-block-button__link',\n\t\tcolorProps.className,\n\t\tborderProps.className,\n\t\t{\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t// For backwards compatibility add style that isn't provided via\n\t\t\t// block support.\n\t\t\t'no-border-radius': style?.border?.radius === 0,\n\t\t},\n\t\t__experimentalGetElementClassName( 'button' )\n\t);\n\tconst buttonStyle = {\n\t\t...borderProps.style,\n\t\t...colorProps.style,\n\t\t...spacingProps.style,\n\t};\n\n\t// The use of a `title` attribute here is soft-deprecated, but still applied\n\t// if it had already been assigned, for the sake of backward-compatibility.\n\t// A title will no longer be assigned for new or updated button block links.\n\n\tconst wrapperClasses = classnames( className, {\n\t\t[ `has-custom-width wp-block-button__width-${ width }` ]: width,\n\t\t[ `has-custom-font-size` ]: fontSize || style?.typography?.fontSize,\n\t} );\n\n\treturn (\n\t\t<div { ...useBlockProps.save( { className: wrapperClasses } ) }>\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"a\"\n\t\t\t\tclassName={ buttonClasses }\n\t\t\t\thref={ url }\n\t\t\t\ttitle={ title }\n\t\t\t\tstyle={ buttonStyle }\n\t\t\t\tvalue={ text }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ rel }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,uCAAuC,IAAIC,yBAAyB,EACpEC,sCAAsC,IAAIC,wBAAwB,EAClEC,wCAAwC,IAAIC,0BAA0B,EACtEC,iCAAiC,QAC3B,yBAAyB;AAEhC,eAAe,SAASC,IAAIA,CAAE;EAAEC,UAAU;EAAEC;AAAU,CAAC,EAAG;EACzD,MAAM;IACLC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACVC,GAAG;IACHC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,GAAG;IACHC;EACD,CAAC,GAAGV,UAAU;EAEd,IAAK,CAAEO,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAMI,WAAW,GAAGlB,yBAAyB,CAAEO,UAAW,CAAC;EAC3D,MAAMY,UAAU,GAAGjB,wBAAwB,CAAEK,UAAW,CAAC;EACzD,MAAMa,YAAY,GAAGhB,0BAA0B,CAAEG,UAAW,CAAC;EAC7D,MAAMc,aAAa,GAAGzB,UAAU,CAC/B,uBAAuB,EACvBuB,UAAU,CAACX,SAAS,EACpBU,WAAW,CAACV,SAAS,EACrB;IACC,CAAG,kBAAkBC,SAAW,EAAC,GAAIA,SAAS;IAC9C;IACA;IACA,kBAAkB,EAAEI,KAAK,EAAES,MAAM,EAAEC,MAAM,KAAK;EAC/C,CAAC,EACDlB,iCAAiC,CAAE,QAAS,CAC7C,CAAC;EACD,MAAMmB,WAAW,GAAG;IACnB,GAAGN,WAAW,CAACL,KAAK;IACpB,GAAGM,UAAU,CAACN,KAAK;IACnB,GAAGO,YAAY,CAACP;EACjB,CAAC;;EAED;EACA;EACA;;EAEA,MAAMY,cAAc,GAAG7B,UAAU,CAAEY,SAAS,EAAE;IAC7C,CAAG,2CAA2CS,KAAO,EAAC,GAAIA,KAAK;IAC/D,CAAG,sBAAqB,GAAIP,QAAQ,IAAIG,KAAK,EAAEa,UAAU,EAAEhB;EAC5D,CAAE,CAAC;EAEH,OACCiB,aAAA;IAAA,GAAU7B,aAAa,CAACQ,IAAI,CAAE;MAAEE,SAAS,EAAEiB;IAAe,CAAE;EAAC,GAC5DE,aAAA,CAAC9B,QAAQ,CAAC+B,OAAO;IAChBC,OAAO,EAAC,GAAG;IACXrB,SAAS,EAAGa,aAAe;IAC3BS,IAAI,EAAGd,GAAK;IACZD,KAAK,EAAGA,KAAO;IACfF,KAAK,EAAGW,WAAa;IACrBO,KAAK,EAAGjB,IAAM;IACdkB,MAAM,EAAGrB,UAAY;IACrBC,GAAG,EAAGA;EAAK,CACX,CACG,CAAC;AAER"}
+{"version":3,"names":["classnames","RichText","useBlockProps","__experimentalGetBorderClassesAndStyles","getBorderClassesAndStyles","__experimentalGetColorClassesAndStyles","getColorClassesAndStyles","__experimentalGetSpacingClassesAndStyles","getSpacingClassesAndStyles","__experimentalGetElementClassName","save","attributes","className","tagName","type","textAlign","fontSize","linkTarget","rel","style","text","title","url","width","TagName","isButtonTag","buttonType","borderProps","colorProps","spacingProps","buttonClasses","border","radius","buttonStyle","wrapperClasses","typography","createElement","Content","href","value","target"],"sources":["@wordpress/block-library/src/button/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n\t__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes, className } ) {\n\tconst {\n\t\ttagName,\n\t\ttype,\n\t\ttextAlign,\n\t\tfontSize,\n\t\tlinkTarget,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\ttitle,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\n\tif ( ! text ) {\n\t\treturn null;\n\t}\n\n\tconst TagName = tagName || 'a';\n\tconst isButtonTag = 'button' === TagName;\n\tconst buttonType = type || 'button';\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\tconst spacingProps = getSpacingClassesAndStyles( attributes );\n\tconst buttonClasses = classnames(\n\t\t'wp-block-button__link',\n\t\tcolorProps.className,\n\t\tborderProps.className,\n\t\t{\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t// For backwards compatibility add style that isn't provided via\n\t\t\t// block support.\n\t\t\t'no-border-radius': style?.border?.radius === 0,\n\t\t},\n\t\t__experimentalGetElementClassName( 'button' )\n\t);\n\tconst buttonStyle = {\n\t\t...borderProps.style,\n\t\t...colorProps.style,\n\t\t...spacingProps.style,\n\t};\n\n\t// The use of a `title` attribute here is soft-deprecated, but still applied\n\t// if it had already been assigned, for the sake of backward-compatibility.\n\t// A title will no longer be assigned for new or updated button block links.\n\n\tconst wrapperClasses = classnames( className, {\n\t\t[ `has-custom-width wp-block-button__width-${ width }` ]: width,\n\t\t[ `has-custom-font-size` ]: fontSize || style?.typography?.fontSize,\n\t} );\n\n\treturn (\n\t\t<div { ...useBlockProps.save( { className: wrapperClasses } ) }>\n\t\t\t<RichText.Content\n\t\t\t\ttagName={ TagName }\n\t\t\t\ttype={ isButtonTag ? buttonType : null }\n\t\t\t\tclassName={ buttonClasses }\n\t\t\t\thref={ isButtonTag ? null : url }\n\t\t\t\ttitle={ title }\n\t\t\t\tstyle={ buttonStyle }\n\t\t\t\tvalue={ text }\n\t\t\t\ttarget={ isButtonTag ? null : linkTarget }\n\t\t\t\trel={ isButtonTag ? null : rel }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,uCAAuC,IAAIC,yBAAyB,EACpEC,sCAAsC,IAAIC,wBAAwB,EAClEC,wCAAwC,IAAIC,0BAA0B,EACtEC,iCAAiC,QAC3B,yBAAyB;AAEhC,eAAe,SAASC,IAAIA,CAAE;EAAEC,UAAU;EAAEC;AAAU,CAAC,EAAG;EACzD,MAAM;IACLC,OAAO;IACPC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACVC,GAAG;IACHC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,GAAG;IACHC;EACD,CAAC,GAAGZ,UAAU;EAEd,IAAK,CAAES,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAMI,OAAO,GAAGX,OAAO,IAAI,GAAG;EAC9B,MAAMY,WAAW,GAAG,QAAQ,KAAKD,OAAO;EACxC,MAAME,UAAU,GAAGZ,IAAI,IAAI,QAAQ;EACnC,MAAMa,WAAW,GAAGvB,yBAAyB,CAAEO,UAAW,CAAC;EAC3D,MAAMiB,UAAU,GAAGtB,wBAAwB,CAAEK,UAAW,CAAC;EACzD,MAAMkB,YAAY,GAAGrB,0BAA0B,CAAEG,UAAW,CAAC;EAC7D,MAAMmB,aAAa,GAAG9B,UAAU,CAC/B,uBAAuB,EACvB4B,UAAU,CAAChB,SAAS,EACpBe,WAAW,CAACf,SAAS,EACrB;IACC,CAAG,kBAAkBG,SAAW,EAAC,GAAIA,SAAS;IAC9C;IACA;IACA,kBAAkB,EAAEI,KAAK,EAAEY,MAAM,EAAEC,MAAM,KAAK;EAC/C,CAAC,EACDvB,iCAAiC,CAAE,QAAS,CAC7C,CAAC;EACD,MAAMwB,WAAW,GAAG;IACnB,GAAGN,WAAW,CAACR,KAAK;IACpB,GAAGS,UAAU,CAACT,KAAK;IACnB,GAAGU,YAAY,CAACV;EACjB,CAAC;;EAED;EACA;EACA;;EAEA,MAAMe,cAAc,GAAGlC,UAAU,CAAEY,SAAS,EAAE;IAC7C,CAAG,2CAA2CW,KAAO,EAAC,GAAIA,KAAK;IAC/D,CAAG,sBAAqB,GAAIP,QAAQ,IAAIG,KAAK,EAAEgB,UAAU,EAAEnB;EAC5D,CAAE,CAAC;EAEH,OACCoB,aAAA;IAAA,GAAUlC,aAAa,CAACQ,IAAI,CAAE;MAAEE,SAAS,EAAEsB;IAAe,CAAE;EAAC,GAC5DE,aAAA,CAACnC,QAAQ,CAACoC,OAAO;IAChBxB,OAAO,EAAGW,OAAS;IACnBV,IAAI,EAAGW,WAAW,GAAGC,UAAU,GAAG,IAAM;IACxCd,SAAS,EAAGkB,aAAe;IAC3BQ,IAAI,EAAGb,WAAW,GAAG,IAAI,GAAGH,GAAK;IACjCD,KAAK,EAAGA,KAAO;IACfF,KAAK,EAAGc,WAAa;IACrBM,KAAK,EAAGnB,IAAM;IACdoB,MAAM,EAAGf,WAAW,GAAG,IAAI,GAAGR,UAAY;IAC1CC,GAAG,EAAGO,WAAW,GAAG,IAAI,GAAGP;EAAK,CAChC,CACG,CAAC;AAER"}

package/build-module/buttons/edit.js

@@ -9,6 +9,7 @@ import classnames from 'classnames';
  */
 import { useBlockProps, useInnerBlocksProps, store as blockEditorStore } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
+import { store as blocksStore } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -34,14 +35,22 @@ function ButtonsEdit({
       'has-custom-font-size': fontSize || style?.typography?.fontSize
     })
   });
-  const preferredStyle = useSelect(select => {
+  const {
+    preferredStyle,
+    hasButtonVariations
+  } = useSelect(select => {
     const preferredStyleVariations = select(blockEditorStore).getSettings().__experimentalPreferredStyleVariations;
-    return preferredStyleVariations?.value?.[buttonBlockName];
+    const buttonVariations = select(blocksStore).getBlockVariations(buttonBlockName, 'inserter');
+    return {
+      preferredStyle: preferredStyleVariations?.value?.[buttonBlockName],
+      hasButtonVariations: buttonVariations.length > 0
+    };
   }, []);
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     allowedBlocks: ALLOWED_BLOCKS,
     defaultBlock: DEFAULT_BLOCK,
-    directInsert: true,
+    // This check should be handled by the `Inserter` internally to be consistent across all blocks that use it.
+    directInsert: !hasButtonVariations,
     template: [[buttonBlockName, {
       className: preferredStyle && `is-style-${preferredStyle}`
     }]],

package/build-module/buttons/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","useBlockProps","useInnerBlocksProps","store","blockEditorStore","useSelect","name","buttonBlockName","ALLOWED_BLOCKS","DEFAULT_BLOCK","attributesToCopy","ButtonsEdit","attributes","className","_layout$orientation","fontSize","layout","style","blockProps","typography","preferredStyle","select","preferredStyleVariations","getSettings","__experimentalPreferredStyleVariations","value","innerBlocksProps","allowedBlocks","defaultBlock","directInsert","template","templateInsertUpdatesSelection","orientation","createElement"],"sources":["@wordpress/block-library/src/buttons/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { name as buttonBlockName } from '../button';\n\nconst ALLOWED_BLOCKS = [ buttonBlockName ];\n\nconst DEFAULT_BLOCK = {\n\tname: buttonBlockName,\n\tattributesToCopy: [\n\t\t'backgroundColor',\n\t\t'border',\n\t\t'className',\n\t\t'fontFamily',\n\t\t'fontSize',\n\t\t'gradient',\n\t\t'style',\n\t\t'textColor',\n\t\t'width',\n\t],\n};\n\nfunction ButtonsEdit( { attributes, className } ) {\n\tconst { fontSize, layout, style } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( className, {\n\t\t\t'has-custom-font-size': fontSize || style?.typography?.fontSize,\n\t\t} ),\n\t} );\n\tconst preferredStyle = useSelect( ( select ) => {\n\t\tconst preferredStyleVariations =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalPreferredStyleVariations;\n\t\treturn preferredStyleVariations?.value?.[ buttonBlockName ];\n\t}, [] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\ttemplate: [\n\t\t\t[\n\t\t\t\tbuttonBlockName,\n\t\t\t\t{ className: preferredStyle && `is-style-${ preferredStyle }` },\n\t\t\t],\n\t\t],\n\t\ttemplateInsertUpdatesSelection: true,\n\t\torientation: layout?.orientation ?? 'horizontal',\n\t} );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n\nexport default ButtonsEdit;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,aAAa,EACbC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,IAAI,IAAIC,eAAe,QAAQ,WAAW;AAEnD,MAAMC,cAAc,GAAG,CAAED,eAAe,CAAE;AAE1C,MAAME,aAAa,GAAG;EACrBH,IAAI,EAAEC,eAAe;EACrBG,gBAAgB,EAAE,CACjB,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAO;AAET,CAAC;AAED,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC;AAAU,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACjD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,UAAU;EAC9C,MAAMM,UAAU,GAAGjB,aAAa,CAAE;IACjCY,SAAS,EAAEb,UAAU,CAAEa,SAAS,EAAE;MACjC,sBAAsB,EAAEE,QAAQ,IAAIE,KAAK,EAAEE,UAAU,EAAEJ;IACxD,CAAE;EACH,CAAE,CAAC;EACH,MAAMK,cAAc,GAAGf,SAAS,CAAIgB,MAAM,IAAM;IAC/C,MAAMC,wBAAwB,GAC7BD,MAAM,CAAEjB,gBAAiB,CAAC,CAACmB,WAAW,CAAC,CAAC,CACtCC,sCAAsC;IACzC,OAAOF,wBAAwB,EAAEG,KAAK,GAAIlB,eAAe,CAAE;EAC5D,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMmB,gBAAgB,GAAGxB,mBAAmB,CAAEgB,UAAU,EAAE;IACzDS,aAAa,EAAEnB,cAAc;IAC7BoB,YAAY,EAAEnB,aAAa;IAC3BoB,YAAY,EAAE,IAAI;IAClBC,QAAQ,EAAE,CACT,CACCvB,eAAe,EACf;MAAEM,SAAS,EAAEO,cAAc,IAAK,YAAYA,cAAgB;IAAE,CAAC,CAC/D,CACD;IACDW,8BAA8B,EAAE,IAAI;IACpCC,WAAW,GAAAlB,mBAAA,GAAEE,MAAM,EAAEgB,WAAW,cAAAlB,mBAAA,cAAAA,mBAAA,GAAI;EACrC,CAAE,CAAC;EAEH,OAAOmB,aAAA;IAAA,GAAUP;EAAgB,CAAI,CAAC;AACvC;AAEA,eAAef,WAAW"}
+{"version":3,"names":["classnames","useBlockProps","useInnerBlocksProps","store","blockEditorStore","useSelect","blocksStore","name","buttonBlockName","ALLOWED_BLOCKS","DEFAULT_BLOCK","attributesToCopy","ButtonsEdit","attributes","className","_layout$orientation","fontSize","layout","style","blockProps","typography","preferredStyle","hasButtonVariations","select","preferredStyleVariations","getSettings","__experimentalPreferredStyleVariations","buttonVariations","getBlockVariations","value","length","innerBlocksProps","allowedBlocks","defaultBlock","directInsert","template","templateInsertUpdatesSelection","orientation","createElement"],"sources":["@wordpress/block-library/src/buttons/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name as buttonBlockName } from '../button';\n\nconst ALLOWED_BLOCKS = [ buttonBlockName ];\n\nconst DEFAULT_BLOCK = {\n\tname: buttonBlockName,\n\tattributesToCopy: [\n\t\t'backgroundColor',\n\t\t'border',\n\t\t'className',\n\t\t'fontFamily',\n\t\t'fontSize',\n\t\t'gradient',\n\t\t'style',\n\t\t'textColor',\n\t\t'width',\n\t],\n};\n\nfunction ButtonsEdit( { attributes, className } ) {\n\tconst { fontSize, layout, style } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( className, {\n\t\t\t'has-custom-font-size': fontSize || style?.typography?.fontSize,\n\t\t} ),\n\t} );\n\tconst { preferredStyle, hasButtonVariations } = useSelect( ( select ) => {\n\t\tconst preferredStyleVariations =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalPreferredStyleVariations;\n\t\tconst buttonVariations = select( blocksStore ).getBlockVariations(\n\t\t\tbuttonBlockName,\n\t\t\t'inserter'\n\t\t);\n\t\treturn {\n\t\t\tpreferredStyle:\n\t\t\t\tpreferredStyleVariations?.value?.[ buttonBlockName ],\n\t\t\thasButtonVariations: buttonVariations.length > 0,\n\t\t};\n\t}, [] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t// This check should be handled by the `Inserter` internally to be consistent across all blocks that use it.\n\t\tdirectInsert: ! hasButtonVariations,\n\t\ttemplate: [\n\t\t\t[\n\t\t\t\tbuttonBlockName,\n\t\t\t\t{ className: preferredStyle && `is-style-${ preferredStyle }` },\n\t\t\t],\n\t\t],\n\t\ttemplateInsertUpdatesSelection: true,\n\t\torientation: layout?.orientation ?? 'horizontal',\n\t} );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n\nexport default ButtonsEdit;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,aAAa,EACbC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASF,KAAK,IAAIG,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASC,IAAI,IAAIC,eAAe,QAAQ,WAAW;AAEnD,MAAMC,cAAc,GAAG,CAAED,eAAe,CAAE;AAE1C,MAAME,aAAa,GAAG;EACrBH,IAAI,EAAEC,eAAe;EACrBG,gBAAgB,EAAE,CACjB,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAO;AAET,CAAC;AAED,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC;AAAU,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACjD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,UAAU;EAC9C,MAAMM,UAAU,GAAGlB,aAAa,CAAE;IACjCa,SAAS,EAAEd,UAAU,CAAEc,SAAS,EAAE;MACjC,sBAAsB,EAAEE,QAAQ,IAAIE,KAAK,EAAEE,UAAU,EAAEJ;IACxD,CAAE;EACH,CAAE,CAAC;EACH,MAAM;IAAEK,cAAc;IAAEC;EAAoB,CAAC,GAAGjB,SAAS,CAAIkB,MAAM,IAAM;IACxE,MAAMC,wBAAwB,GAC7BD,MAAM,CAAEnB,gBAAiB,CAAC,CAACqB,WAAW,CAAC,CAAC,CACtCC,sCAAsC;IACzC,MAAMC,gBAAgB,GAAGJ,MAAM,CAAEjB,WAAY,CAAC,CAACsB,kBAAkB,CAChEpB,eAAe,EACf,UACD,CAAC;IACD,OAAO;MACNa,cAAc,EACbG,wBAAwB,EAAEK,KAAK,GAAIrB,eAAe,CAAE;MACrDc,mBAAmB,EAAEK,gBAAgB,CAACG,MAAM,GAAG;IAChD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,gBAAgB,GAAG7B,mBAAmB,CAAEiB,UAAU,EAAE;IACzDa,aAAa,EAAEvB,cAAc;IAC7BwB,YAAY,EAAEvB,aAAa;IAC3B;IACAwB,YAAY,EAAE,CAAEZ,mBAAmB;IACnCa,QAAQ,EAAE,CACT,CACC3B,eAAe,EACf;MAAEM,SAAS,EAAEO,cAAc,IAAK,YAAYA,cAAgB;IAAE,CAAC,CAC/D,CACD;IACDe,8BAA8B,EAAE,IAAI;IACpCC,WAAW,GAAAtB,mBAAA,GAAEE,MAAM,EAAEoB,WAAW,cAAAtB,mBAAA,cAAAA,mBAAA,GAAI;EACrC,CAAE,CAAC;EAEH,OAAOuB,aAAA;IAAA,GAAUP;EAAgB,CAAI,CAAC;AACvC;AAEA,eAAenB,WAAW"}

package/build-module/code/edit.js

@@ -4,25 +4,31 @@ import { createElement } from "@wordpress/element";
  */
 import { __ } from '@wordpress/i18n';
 import { RichText, useBlockProps } from '@wordpress/block-editor';
+import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 export default function CodeEdit({
   attributes,
   setAttributes,
-  onRemove
+  onRemove,
+  insertBlocksAfter,
+  mergeBlocks
 }) {
   const blockProps = useBlockProps();
   return createElement("pre", {
     ...blockProps
   }, createElement(RichText, {
     tagName: "code",
+    identifier: "content",
     value: attributes.content,
     onChange: content => setAttributes({
       content
     }),
     onRemove: onRemove,
+    onMerge: mergeBlocks,
     placeholder: __('Write code…'),
     "aria-label": __('Code'),
     preserveWhiteSpace: true,
-    __unstablePastePlainText: true
+    __unstablePastePlainText: true,
+    __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
   }));
 }
 //# sourceMappingURL=edit.js.map

package/build-module/code/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","RichText","useBlockProps","CodeEdit","attributes","setAttributes","onRemove","blockProps","createElement","tagName","value","content","onChange","placeholder","preserveWhiteSpace","__unstablePastePlainText"],"sources":["@wordpress/block-library/src/code/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function CodeEdit( { attributes, setAttributes, onRemove } ) {\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<pre { ...blockProps }>\n\t\t\t<RichText\n\t\t\t\ttagName=\"code\"\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tpreserveWhiteSpace\n\t\t\t\t__unstablePastePlainText\n\t\t\t/>\n\t\t</pre>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAEjE,eAAe,SAASC,QAAQA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAS,CAAC,EAAG;EAC3E,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAClC,OACCM,aAAA;IAAA,GAAUD;EAAU,GACnBC,aAAA,CAACP,QAAQ;IACRQ,OAAO,EAAC,MAAM;IACdC,KAAK,EAAGN,UAAU,CAACO,OAAS;IAC5BC,QAAQ,EAAKD,OAAO,IAAMN,aAAa,CAAE;MAAEM;IAAQ,CAAE,CAAG;IACxDL,QAAQ,EAAGA,QAAU;IACrBO,WAAW,EAAGb,EAAE,CAAE,aAAc,CAAG;IACnC,cAAaA,EAAE,CAAE,MAAO,CAAG;IAC3Bc,kBAAkB;IAClBC,wBAAwB;EAAA,CACxB,CACG,CAAC;AAER"}
+{"version":3,"names":["__","RichText","useBlockProps","createBlock","getDefaultBlockName","CodeEdit","attributes","setAttributes","onRemove","insertBlocksAfter","mergeBlocks","blockProps","createElement","tagName","identifier","value","content","onChange","onMerge","placeholder","preserveWhiteSpace","__unstablePastePlainText","__unstableOnSplitAtDoubleLineEnd"],"sources":["@wordpress/block-library/src/code/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\nexport default function CodeEdit( {\n\tattributes,\n\tsetAttributes,\n\tonRemove,\n\tinsertBlocksAfter,\n\tmergeBlocks,\n} ) {\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<pre { ...blockProps }>\n\t\t\t<RichText\n\t\t\t\ttagName=\"code\"\n\t\t\t\tidentifier=\"content\"\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tpreserveWhiteSpace\n\t\t\t\t__unstablePastePlainText\n\t\t\t\t__unstableOnSplitAtDoubleLineEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</pre>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AACjE,SAASC,WAAW,EAAEC,mBAAmB,QAAQ,mBAAmB;AAEpE,eAAe,SAASC,QAAQA,CAAE;EACjCC,UAAU;EACVC,aAAa;EACbC,QAAQ;EACRC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,OACCU,aAAA;IAAA,GAAUD;EAAU,GACnBC,aAAA,CAACX,QAAQ;IACRY,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,SAAS;IACpBC,KAAK,EAAGT,UAAU,CAACU,OAAS;IAC5BC,QAAQ,EAAKD,OAAO,IAAMT,aAAa,CAAE;MAAES;IAAQ,CAAE,CAAG;IACxDR,QAAQ,EAAGA,QAAU;IACrBU,OAAO,EAAGR,WAAa;IACvBS,WAAW,EAAGnB,EAAE,CAAE,aAAc,CAAG;IACnC,cAAaA,EAAE,CAAE,MAAO,CAAG;IAC3BoB,kBAAkB;IAClBC,wBAAwB;IACxBC,gCAAgC,EAAGA,CAAA,KAClCb,iBAAiB,CAAEN,WAAW,CAAEC,mBAAmB,CAAC,CAAE,CAAE;EACxD,CACD,CACG,CAAC;AAER"}

package/build-module/code/index.js

@@ -21,7 +21,8 @@ const metadata = {
     content: {
       type: "string",
       source: "html",
-      selector: "code"
+      selector: "code",
+      __unstablePreserveWhiteSpace: true
     }
   },
   supports: {
@@ -87,6 +88,11 @@ export const settings = {
     }
   },
 
+  merge(attributes, attributesToMerge) {
+    return {
+      content: attributes.content + '\n\n' + attributesToMerge.content
+    };
+  },
   transforms,
   edit,
   save

package/build-module/code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","code","icon","initBlock","edit","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","content","type","source","selector","supports","align","anchor","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","spacing","margin","padding","__experimentalBorder","radius","color","width","style","text","background","gradients","save","transforms","settings","example","init"],"sources":["@wordpress/block-library/src/code/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { code as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\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\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Preserve \\n markers for line breaks\n\t\t\tcontent: __(\n\t\t\t\t'// A “block” is the abstract term used\\n// to describe units of markup that\\n// when composed together, form the\\n// content or layout of a page.\\nregisterBlockType( name, settings );'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,IAAIC,IAAI,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAC,6BAAA;QAAAR,QAAA;MAAA;IAAA;IAAAS,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAH,6BAAA;QAAAE,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAR,6BAAA;QAAAO,KAAA;QAAAD,KAAA;MAAA;IAAA;IAAAA,KAAA;MAAAG,IAAA;MAAAC,UAAA;MAAAC,SAAA;MAAAX,6BAAA;QAAAU,UAAA;QAAAD,IAAA;MAAA;IAAA;EAAA;EAAAD,KAAA;AAAA;AAE1B,OAAOI,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAEnC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMoC,QAAQ,GAAG;EACvB1C,IAAI;EACJ2C,OAAO,EAAE;IACRhC,UAAU,EAAE;MACX;MACA;MACAC,OAAO,EAAEd,EAAE,CACV,yLACD;MACA;IACD;EACD,CAAC;;EACD2C,UAAU;EACVvC,IAAI;EACJsC;AACD,CAAC;AAED,OAAO,MAAMI,IAAI,GAAGA,CAAA,KAAM3C,SAAS,CAAE;EAAEK,IAAI;EAAEH,QAAQ;EAAEuC;AAAS,CAAE,CAAC"}
+{"version":3,"names":["__","code","icon","initBlock","edit","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","content","type","source","selector","__unstablePreserveWhiteSpace","supports","align","anchor","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","spacing","margin","padding","__experimentalBorder","radius","color","width","style","text","background","gradients","save","transforms","settings","example","merge","attributesToMerge","init"],"sources":["@wordpress/block-library/src/code/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { code as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\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\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Preserve \\n markers for line breaks\n\t\t\tcontent: __(\n\t\t\t\t'// A “block” is the abstract term used\\n// to describe units of markup that\\n// when composed together, form the\\n// content or layout of a page.\\nregisterBlockType( name, settings );'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent: attributes.content + '\\n\\n' + attributesToMerge.content,\n\t\t};\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,IAAIC,IAAI,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,4BAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAC,6BAAA;QAAAR,QAAA;MAAA;IAAA;IAAAS,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAH,6BAAA;QAAAE,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAR,6BAAA;QAAAO,KAAA;QAAAD,KAAA;MAAA;IAAA;IAAAA,KAAA;MAAAG,IAAA;MAAAC,UAAA;MAAAC,SAAA;MAAAX,6BAAA;QAAAU,UAAA;QAAAD,IAAA;MAAA;IAAA;EAAA;EAAAD,KAAA;AAAA;AAE1B,OAAOI,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAEpC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMqC,QAAQ,GAAG;EACvB3C,IAAI;EACJ4C,OAAO,EAAE;IACRjC,UAAU,EAAE;MACX;MACA;MACAC,OAAO,EAAEd,EAAE,CACV,yLACD;MACA;IACD;EACD,CAAC;;EACD+C,KAAKA,CAAElC,UAAU,EAAEmC,iBAAiB,EAAG;IACtC,OAAO;MACNlC,OAAO,EAAED,UAAU,CAACC,OAAO,GAAG,MAAM,GAAGkC,iBAAiB,CAAClC;IAC1D,CAAC;EACF,CAAC;EACD8B,UAAU;EACVxC,IAAI;EACJuC;AACD,CAAC;AAED,OAAO,MAAMM,IAAI,GAAGA,CAAA,KAAM9C,SAAS,CAAE;EAAEK,IAAI;EAAEH,QAAQ;EAAEwC;AAAS,CAAE,CAAC"}

package/build-module/column/edit.native.js

@@ -82,17 +82,17 @@ function ColumnEdit({
     onChangeWidth(nextWidth);
   };
   const renderAppender = useCallback(() => {
-    const {
-      width: columnWidth
-    } = contentStyle[clientId];
-    const isFullWidth = columnWidth === screenWidth;
     if (isSelected) {
+      const {
+        width: columnWidth
+      } = contentStyle[clientId] || {};
+      const isFullWidth = columnWidth === screenWidth;
       return createElement(View, {
         style: [styles.columnAppender, isFullWidth && styles.fullwidthColumnAppender, isFullWidth && hasChildren && styles.fullwidthHasInnerColumnAppender, !isFullWidth && hasChildren && styles.hasInnerColumnAppender]
       }, createElement(InnerBlocks.ButtonBlockAppender, null));
     }
     return null;
-  }, [contentStyle[clientId], screenWidth, isSelected, hasChildren]);
+  }, [contentStyle, clientId, screenWidth, isSelected, hasChildren]);
   if (!isSelected && !hasChildren) {
     return createElement(View, {
       style: [getStylesFromColorScheme(styles.columnPlaceholder, styles.columnPlaceholderDark), contentStyle[clientId]]