@wordpress/block-library 3.2.17 → 3.2.20

package/README.md

@@ -72,7 +72,7 @@ apply_filter( 'render_block', 'render_block_my_block' );
 
 <!-- START TOKEN(Autogenerated API docs) -->
 
-<a name="registerCoreBlocks" href="#registerCoreBlocks">#</a> **registerCoreBlocks**
+### registerCoreBlocks
 
 Function to register core blocks provided by the block editor.
 
@@ -88,7 +88,6 @@ _Parameters_
 
 -   _blocks_ `Array`: An optional array of the core blocks being registered.
 
-
 <!-- END TOKEN(Autogenerated API docs) -->
 
 <br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

package/build/button/edit.js

@@ -67,30 +67,42 @@ function URLPicker({
   setAttributes,
   opensInNewTab,
   onToggleOpenInNewTab,
-  anchorRef
+  anchorRef,
+  richTextRef
 }) {
-  const [isURLPickerOpen, setIsURLPickerOpen] = (0, _element.useState)(false);
-  const urlIsSet = !!url;
-  const urlIsSetandSelected = urlIsSet && isSelected;
+  const [isEditingURL, setIsEditingURL] = (0, _element.useState)(false);
+  const isURLSet = !!url;
 
-  const openLinkControl = () => {
-    setIsURLPickerOpen(true);
-    return false; // prevents default behaviour for event
+  const startEditing = event => {
+    event.preventDefault();
+    setIsEditingURL(true);
   };
 
-  const unlinkButton = () => {
+  const unlink = () => {
     setAttributes({
       url: undefined,
       linkTarget: undefined,
       rel: undefined
     });
-    setIsURLPickerOpen(false);
+    setIsEditingURL(false);
   };
 
-  const linkControl = (isURLPickerOpen || urlIsSetandSelected) && (0, _element.createElement)(_components.Popover, {
+  (0, _element.useEffect)(() => {
+    if (!isSelected) {
+      setIsEditingURL(false);
+    }
+  }, [isSelected]);
+  const isLinkControlVisible = isSelected && (isEditingURL || isURLSet);
+  const linkControl = isLinkControlVisible && (0, _element.createElement)(_components.Popover, {
     position: "bottom center",
-    onClose: () => setIsURLPickerOpen(false),
-    anchorRef: anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current
+    onClose: () => {
+      var _richTextRef$current;
+
+      setIsEditingURL(false);
+      (_richTextRef$current = richTextRef.current) === null || _richTextRef$current === void 0 ? void 0 : _richTextRef$current.focus();
+    },
+    anchorRef: anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current,
+    focusOnMount: isEditingURL ? 'firstElement' : false
   }, (0, _element.createElement)(_blockEditor.__experimentalLinkControl, {
     className: "wp-block-navigation-link__inline-link-input",
     value: {
@@ -108,28 +120,40 @@ function URLPicker({
       if (opensInNewTab !== newOpensInNewTab) {
         onToggleOpenInNewTab(newOpensInNewTab);
       }
-    }
+    },
+    onRemove: () => {
+      var _richTextRef$current2;
+
+      unlink();
+      (_richTextRef$current2 = richTextRef.current) === null || _richTextRef$current2 === void 0 ? void 0 : _richTextRef$current2.focus();
+    },
+    forceIsEditingLink: isEditingURL
   }));
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, !urlIsSet && (0, _element.createElement)(_components.ToolbarButton, {
+  }, !isURLSet && (0, _element.createElement)(_components.ToolbarButton, {
     name: "link",
     icon: _icons.link,
     title: (0, _i18n.__)('Link'),
     shortcut: _keycodes.displayShortcut.primary('k'),
-    onClick: openLinkControl
-  }), urlIsSetandSelected && (0, _element.createElement)(_components.ToolbarButton, {
+    onClick: startEditing
+  }), isURLSet && (0, _element.createElement)(_components.ToolbarButton, {
     name: "link",
     icon: _icons.linkOff,
     title: (0, _i18n.__)('Unlink'),
     shortcut: _keycodes.displayShortcut.primaryShift('k'),
-    onClick: unlinkButton,
+    onClick: unlink,
     isActive: true
   })), isSelected && (0, _element.createElement)(_components.KeyboardShortcuts, {
     bindGlobal: true,
     shortcuts: {
-      [_keycodes.rawShortcut.primary('k')]: openLinkControl,
-      [_keycodes.rawShortcut.primaryShift('k')]: unlinkButton
+      [_keycodes.rawShortcut.primary('k')]: startEditing,
+      [_keycodes.rawShortcut.primaryShift('k')]: () => {
+        var _richTextRef$current3;
+
+        unlink();
+        (_richTextRef$current3 = richTextRef.current) === null || _richTextRef$current3 === void 0 ? void 0 : _richTextRef$current3.focus();
+      }
     }
   }), linkControl);
 }
@@ -185,6 +209,7 @@ function ButtonEdit(props) {
   const borderRadius = style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius;
   const colorProps = (0, _blockEditor.__experimentalUseColorProps)(attributes);
   const ref = (0, _element.useRef)();
+  const richTextRef = (0, _element.useRef)();
   const blockProps = (0, _blockEditor.useBlockProps)({
     ref
   });
@@ -194,6 +219,7 @@ function ButtonEdit(props) {
       [`has-custom-font-size`]: blockProps.style.fontSize
     })
   }), (0, _element.createElement)(_blockEditor.RichText, {
+    ref: richTextRef,
     "aria-label": (0, _i18n.__)('Button text'),
     placeholder: placeholder || (0, _i18n.__)('Add text…'),
     value: text,
@@ -218,7 +244,8 @@ function ButtonEdit(props) {
     isSelected: isSelected,
     opensInNewTab: linkTarget === '_blank',
     onToggleOpenInNewTab: onToggleOpenInNewTab,
-    anchorRef: ref
+    anchorRef: ref,
+    richTextRef: richTextRef
   }), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(WidthPanel, {
     selectedWidth: width,
     setAttributes: setAttributes

package/build/button/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/button/edit.js"],"names":["NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","map","widthValue","URLPicker","isSelected","url","opensInNewTab","onToggleOpenInNewTab","anchorRef","isURLPickerOpen","setIsURLPickerOpen","urlIsSet","urlIsSetandSelected","openLinkControl","unlinkButton","linkTarget","rel","linkControl","current","newURL","newOpensInNewTab","link","displayShortcut","primary","linkOff","primaryShift","rawShortcut","ButtonEdit","props","attributes","className","onReplace","mergeBlocks","placeholder","style","text","onSetLinkRel","value","newLinkTarget","updatedRel","setButtonText","newText","replace","borderRadius","border","radius","colorProps","ref","blockProps","fontSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useState, useRef } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tKeyboardShortcuts,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tInspectorAdvancedControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalLinkControl as LinkControl,\n} from '@wordpress/block-editor';\nimport { rawShortcut, displayShortcut } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\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\tisSmall\n\t\t\t\t\t\t\tisPrimary={ widthValue === selectedWidth }\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 URLPicker( {\n\tisSelected,\n\turl,\n\tsetAttributes,\n\topensInNewTab,\n\tonToggleOpenInNewTab,\n\tanchorRef,\n} ) {\n\tconst [ isURLPickerOpen, setIsURLPickerOpen ] = useState( false );\n\tconst urlIsSet = !! url;\n\tconst urlIsSetandSelected = urlIsSet && isSelected;\n\tconst openLinkControl = () => {\n\t\tsetIsURLPickerOpen( true );\n\t\treturn false; // prevents default behaviour for event\n\t};\n\tconst unlinkButton = () => {\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\trel: undefined,\n\t\t} );\n\t\tsetIsURLPickerOpen( false );\n\t};\n\tconst linkControl = ( isURLPickerOpen || urlIsSetandSelected ) && (\n\t\t<Popover\n\t\t\tposition=\"bottom center\"\n\t\t\tonClose={ () => setIsURLPickerOpen( false ) }\n\t\t\tanchorRef={ anchorRef?.current }\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tclassName=\"wp-block-navigation-link__inline-link-input\"\n\t\t\t\tvalue={ { url, opensInNewTab } }\n\t\t\t\tonChange={ ( {\n\t\t\t\t\turl: newURL = '',\n\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t} ) => {\n\t\t\t\t\tsetAttributes( { url: newURL } );\n\n\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ ! urlIsSet && (\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={ openLinkControl }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ urlIsSetandSelected && (\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={ unlinkButton }\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 && (\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tbindGlobal\n\t\t\t\t\tshortcuts={ {\n\t\t\t\t\t\t[ rawShortcut.primary( 'k' ) ]: openLinkControl,\n\t\t\t\t\t\t[ rawShortcut.primaryShift( 'k' ) ]: unlinkButton,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ linkControl }\n\t\t</>\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\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\tconst onSetLinkRel = useCallback(\n\t\t( value ) => {\n\t\t\tsetAttributes( { rel: value } );\n\t\t},\n\t\t[ setAttributes ]\n\t);\n\n\tconst onToggleOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = rel;\n\t\t\tif ( newLinkTarget && ! rel ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t[ rel, setAttributes ]\n\t);\n\n\tconst setButtonText = ( newText ) => {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t};\n\n\tconst borderRadius = style?.border?.radius;\n\tconst colorProps = useColorProps( attributes );\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\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 }` ]: width,\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\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\t{\n\t\t\t\t\t\t\t'no-border-radius': borderRadius === 0,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tborderRadius: borderRadius\n\t\t\t\t\t\t\t? borderRadius + 'px'\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t...colorProps.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<URLPicker\n\t\t\t\turl={ url }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\topensInNewTab={ linkTarget === '_blank' }\n\t\t\t\tonToggleOpenInNewTab={ onToggleOpenInNewTab }\n\t\t\t\tanchorRef={ ref }\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<InspectorAdvancedControls>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t\t/>\n\t\t\t</InspectorAdvancedControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/button/edit.js"],"names":["NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","map","widthValue","URLPicker","isSelected","url","opensInNewTab","onToggleOpenInNewTab","anchorRef","richTextRef","isEditingURL","setIsEditingURL","isURLSet","startEditing","event","preventDefault","unlink","linkTarget","rel","isLinkControlVisible","linkControl","current","focus","newURL","newOpensInNewTab","link","displayShortcut","primary","linkOff","primaryShift","rawShortcut","ButtonEdit","props","attributes","className","onReplace","mergeBlocks","placeholder","style","text","onSetLinkRel","value","newLinkTarget","updatedRel","setButtonText","newText","replace","borderRadius","border","radius","colorProps","ref","blockProps","fontSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useEffect, useState, useRef } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tKeyboardShortcuts,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tInspectorAdvancedControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalLinkControl as LinkControl,\n} from '@wordpress/block-editor';\nimport { rawShortcut, displayShortcut } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\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\tisSmall\n\t\t\t\t\t\t\tisPrimary={ widthValue === selectedWidth }\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 URLPicker( {\n\tisSelected,\n\turl,\n\tsetAttributes,\n\topensInNewTab,\n\tonToggleOpenInNewTab,\n\tanchorRef,\n\trichTextRef,\n} ) {\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst isURLSet = !! url;\n\n\tconst startEditing = ( event ) => {\n\t\tevent.preventDefault();\n\t\tsetIsEditingURL( true );\n\t};\n\n\tconst 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\tconst isLinkControlVisible = isSelected && ( isEditingURL || isURLSet );\n\n\tconst linkControl = isLinkControlVisible && (\n\t\t<Popover\n\t\t\tposition=\"bottom center\"\n\t\t\tonClose={ () => {\n\t\t\t\tsetIsEditingURL( false );\n\t\t\t\trichTextRef.current?.focus();\n\t\t\t} }\n\t\t\tanchorRef={ anchorRef?.current }\n\t\t\tfocusOnMount={ isEditingURL ? 'firstElement' : false }\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tclassName=\"wp-block-navigation-link__inline-link-input\"\n\t\t\t\tvalue={ { url, opensInNewTab } }\n\t\t\t\tonChange={ ( {\n\t\t\t\t\turl: newURL = '',\n\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t} ) => {\n\t\t\t\t\tsetAttributes( { url: newURL } );\n\n\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonRemove={ () => {\n\t\t\t\t\tunlink();\n\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t} }\n\t\t\t\tforceIsEditingLink={ isEditingURL }\n\t\t\t/>\n\t\t</Popover>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\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 && (\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tbindGlobal\n\t\t\t\t\tshortcuts={ {\n\t\t\t\t\t\t[ rawShortcut.primary( 'k' ) ]: startEditing,\n\t\t\t\t\t\t[ rawShortcut.primaryShift( 'k' ) ]: () => {\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} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ linkControl }\n\t\t</>\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\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\tconst onSetLinkRel = useCallback(\n\t\t( value ) => {\n\t\t\tsetAttributes( { rel: value } );\n\t\t},\n\t\t[ setAttributes ]\n\t);\n\n\tconst onToggleOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = rel;\n\t\t\tif ( newLinkTarget && ! rel ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t[ rel, setAttributes ]\n\t);\n\n\tconst setButtonText = ( newText ) => {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t};\n\n\tconst borderRadius = style?.border?.radius;\n\tconst colorProps = useColorProps( attributes );\n\tconst ref = useRef();\n\tconst richTextRef = useRef();\n\tconst blockProps = useBlockProps( { ref } );\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 }` ]: width,\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\t{\n\t\t\t\t\t\t\t'no-border-radius': borderRadius === 0,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tborderRadius: borderRadius\n\t\t\t\t\t\t\t? borderRadius + 'px'\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t...colorProps.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<URLPicker\n\t\t\t\turl={ url }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\topensInNewTab={ linkTarget === '_blank' }\n\t\t\t\tonToggleOpenInNewTab={ onToggleOpenInNewTab }\n\t\t\t\tanchorRef={ ref }\n\t\t\t\trichTextRef={ richTextRef }\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<InspectorAdvancedControls>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t\t/>\n\t\t\t</InspectorAdvancedControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"]}

package/build/post-excerpt/edit.js

@@ -32,26 +32,9 @@ var _hooks = require("../utils/hooks");
 /**
  * Internal dependencies
  */
-function usePostContentExcerpt(wordCount, postId, postType) {
-  // Don't destrcuture items from content here, it can be undefined.
-  const [,, content] = (0, _coreData.useEntityProp)('postType', postType, 'content', postId);
-  const renderedPostContent = content === null || content === void 0 ? void 0 : content.rendered;
-  return (0, _element.useMemo)(() => {
-    if (!renderedPostContent) {
-      return '';
-    }
-
-    const excerptElement = document.createElement('div');
-    excerptElement.innerHTML = renderedPostContent;
-    const excerpt = excerptElement.textContent || excerptElement.innerText || '';
-    return excerpt.trim().split(' ', wordCount).join(' ');
-  }, [renderedPostContent, wordCount]);
-}
-
 function PostExcerptEditor({
   attributes: {
     textAlign,
-    wordCount,
     moreText,
     showMoreOnNewLine
   },
@@ -70,12 +53,22 @@ function PostExcerptEditor({
     rendered: renderedExcerpt,
     protected: isProtected
   } = {}] = (0, _coreData.useEntityProp)('postType', postType, 'excerpt', postId);
-  const postContentExcerpt = usePostContentExcerpt(wordCount, postId, postType);
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: (0, _classnames.default)({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
+  /**
+   * When excerpt is editable, strip the html tags from
+   * rendered excerpt. This will be used if the entity's
+   * excerpt has been produced from the content.
+   */
+
+  const strippedRenderedExcerpt = (0, _element.useMemo)(() => {
+    if (!renderedExcerpt) return '';
+    const document = new window.DOMParser().parseFromString(renderedExcerpt, 'text/html');
+    return document.body.textContent || document.body.innerText || '';
+  }, [renderedExcerpt]);
 
   if (!postType || !postId) {
     return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Post excerpt block: no post found.')));
@@ -98,11 +91,11 @@ function PostExcerptEditor({
   const excerptContent = isEditable ? (0, _element.createElement)(_blockEditor.RichText, {
     className: !showMoreOnNewLine && 'wp-block-post-excerpt__excerpt is-inline',
     "aria-label": (0, _i18n.__)('Post excerpt text'),
-    value: rawExcerpt || postContentExcerpt || (isSelected ? '' : (0, _i18n.__)('No post excerpt found')),
+    value: rawExcerpt || strippedRenderedExcerpt || (isSelected ? '' : (0, _i18n.__)('No post excerpt found')),
     onChange: setExcerpt
-  }) : renderedExcerpt && (0, _element.createElement)(_element.RawHTML, {
+  }) : renderedExcerpt && (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_element.RawHTML, {
     key: "html"
-  }, renderedExcerpt) || postContentExcerpt || (0, _i18n.__)('No post excerpt found');
+  }, renderedExcerpt)) || (0, _i18n.__)('No post excerpt found');
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_blockEditor.AlignmentToolbar, {
     value: textAlign,
     onChange: newAlign => setAttributes({
@@ -110,15 +103,7 @@ function PostExcerptEditor({
     })
   })), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Post Excerpt Settings')
-  }, !renderedExcerpt && (0, _element.createElement)(_components.RangeControl, {
-    label: (0, _i18n.__)('Max words'),
-    value: wordCount,
-    onChange: newExcerptLength => setAttributes({
-      wordCount: newExcerptLength
-    }),
-    min: 10,
-    max: 100
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _element.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Show link on new line'),
     checked: showMoreOnNewLine,
     onChange: newShowMoreOnNewLine => setAttributes({

package/build/post-excerpt/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"names":["usePostContentExcerpt","wordCount","postId","postType","content","renderedPostContent","rendered","excerptElement","document","createElement","innerHTML","excerpt","textContent","innerText","trim","split","join","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","setAttributes","isSelected","context","queryId","isDescendentOfQueryLoop","userCanEdit","isEditable","rawExcerpt","setExcerpt","renderedExcerpt","protected","isProtected","postContentExcerpt","blockProps","className","readMoreLink","newMoreText","excerptContent","newAlign","newExcerptLength","newShowMoreOnNewLine"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { useMemo, RawHTML } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, RangeControl, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction usePostContentExcerpt( wordCount, postId, postType ) {\n\t// Don't destrcuture items from content here, it can be undefined.\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst renderedPostContent = content?.rendered;\n\treturn useMemo( () => {\n\t\tif ( ! renderedPostContent ) {\n\t\t\treturn '';\n\t\t}\n\t\tconst excerptElement = document.createElement( 'div' );\n\t\texcerptElement.innerHTML = renderedPostContent;\n\t\tconst excerpt =\n\t\t\texcerptElement.textContent || excerptElement.innerText || '';\n\t\treturn excerpt.trim().split( ' ', wordCount ).join( ' ' );\n\t}, [ renderedPostContent, wordCount ] );\n}\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, wordCount, moreText, showMoreOnNewLine },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = !! queryId;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\tconst postContentExcerpt = usePostContentExcerpt(\n\t\twordCount,\n\t\tpostId,\n\t\tpostType\n\t);\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Post excerpt block: no post found.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'There is no excerpt because this is a protected post.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '\"Read more\" link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t/>\n\t);\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={\n\t\t\t\t! showMoreOnNewLine &&\n\t\t\t\t'wp-block-post-excerpt__excerpt is-inline'\n\t\t\t}\n\t\t\taria-label={ __( 'Post excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\trawExcerpt ||\n\t\t\t\tpostContentExcerpt ||\n\t\t\t\t( isSelected ? '' : __( 'No post excerpt found' ) )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t/>\n\t) : (\n\t\t( renderedExcerpt && (\n\t\t\t<RawHTML key=\"html\">{ renderedExcerpt }</RawHTML>\n\t\t) ) ||\n\t\tpostContentExcerpt ||\n\t\t__( 'No post excerpt found' )\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Post Excerpt Settings' ) }>\n\t\t\t\t\t{ ! renderedExcerpt && (\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tlabel={ __( 'Max words' ) }\n\t\t\t\t\t\t\tvalue={ wordCount }\n\t\t\t\t\t\t\tonChange={ ( newExcerptLength ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { wordCount: newExcerptLength } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\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\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"names":["PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","userCanEdit","isEditable","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","blockProps","className","strippedRenderedExcerpt","document","window","DOMParser","parseFromString","body","textContent","innerText","readMoreLink","newMoreText","excerptContent","newAlign","newShowMoreOnNewLine"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { useMemo, RawHTML } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, Disabled } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = !! queryId;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) return '';\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Post excerpt block: no post found.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'There is no excerpt because this is a protected post.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '\"Read more\" link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t/>\n\t);\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={\n\t\t\t\t! showMoreOnNewLine &&\n\t\t\t\t'wp-block-post-excerpt__excerpt is-inline'\n\t\t\t}\n\t\t\taria-label={ __( 'Post excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\trawExcerpt ||\n\t\t\t\tstrippedRenderedExcerpt ||\n\t\t\t\t( isSelected ? '' : __( 'No post excerpt found' ) )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t/>\n\t) : (\n\t\t( renderedExcerpt && (\n\t\t\t<Disabled>\n\t\t\t\t<RawHTML key=\"html\">{ renderedExcerpt }</RawHTML>\n\t\t\t</Disabled>\n\t\t) ) ||\n\t\t__( 'No post excerpt found' )\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Post Excerpt Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\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\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build/post-excerpt/index.js

@@ -29,10 +29,6 @@ const metadata = {
     textAlign: {
       type: "string"
     },
-    wordCount: {
-      type: "number",
-      "default": 55
-    },
     moreText: {
       type: "string"
     },

package/build/post-excerpt/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,kBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postExcerpt as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,kBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postExcerpt as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}

package/build-module/button/edit.js

@@ -10,7 +10,7 @@ import classnames from 'classnames';
  */
 
 import { __ } from '@wordpress/i18n';
-import { useCallback, useState, useRef } from '@wordpress/element';
+import { useCallback, useEffect, useState, useRef } from '@wordpress/element';
 import { Button, ButtonGroup, KeyboardShortcuts, PanelBody, TextControl, ToolbarButton, Popover } from '@wordpress/components';
 import { BlockControls, InspectorControls, InspectorAdvancedControls, RichText, useBlockProps, __experimentalUseColorProps as useColorProps, __experimentalLinkControl as LinkControl } from '@wordpress/block-editor';
 import { rawShortcut, displayShortcut } from '@wordpress/keycodes';
@@ -51,30 +51,42 @@ function URLPicker({
   setAttributes,
   opensInNewTab,
   onToggleOpenInNewTab,
-  anchorRef
+  anchorRef,
+  richTextRef
 }) {
-  const [isURLPickerOpen, setIsURLPickerOpen] = useState(false);
-  const urlIsSet = !!url;
-  const urlIsSetandSelected = urlIsSet && isSelected;
+  const [isEditingURL, setIsEditingURL] = useState(false);
+  const isURLSet = !!url;
 
-  const openLinkControl = () => {
-    setIsURLPickerOpen(true);
-    return false; // prevents default behaviour for event
+  const startEditing = event => {
+    event.preventDefault();
+    setIsEditingURL(true);
   };
 
-  const unlinkButton = () => {
+  const unlink = () => {
     setAttributes({
       url: undefined,
       linkTarget: undefined,
       rel: undefined
     });
-    setIsURLPickerOpen(false);
+    setIsEditingURL(false);
   };
 
-  const linkControl = (isURLPickerOpen || urlIsSetandSelected) && createElement(Popover, {
+  useEffect(() => {
+    if (!isSelected) {
+      setIsEditingURL(false);
+    }
+  }, [isSelected]);
+  const isLinkControlVisible = isSelected && (isEditingURL || isURLSet);
+  const linkControl = isLinkControlVisible && createElement(Popover, {
     position: "bottom center",
-    onClose: () => setIsURLPickerOpen(false),
-    anchorRef: anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current
+    onClose: () => {
+      var _richTextRef$current;
+
+      setIsEditingURL(false);
+      (_richTextRef$current = richTextRef.current) === null || _richTextRef$current === void 0 ? void 0 : _richTextRef$current.focus();
+    },
+    anchorRef: anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current,
+    focusOnMount: isEditingURL ? 'firstElement' : false
   }, createElement(LinkControl, {
     className: "wp-block-navigation-link__inline-link-input",
     value: {
@@ -92,28 +104,40 @@ function URLPicker({
       if (opensInNewTab !== newOpensInNewTab) {
         onToggleOpenInNewTab(newOpensInNewTab);
       }
-    }
+    },
+    onRemove: () => {
+      var _richTextRef$current2;
+
+      unlink();
+      (_richTextRef$current2 = richTextRef.current) === null || _richTextRef$current2 === void 0 ? void 0 : _richTextRef$current2.focus();
+    },
+    forceIsEditingLink: isEditingURL
   }));
   return createElement(Fragment, null, createElement(BlockControls, {
     group: "block"
-  }, !urlIsSet && createElement(ToolbarButton, {
+  }, !isURLSet && createElement(ToolbarButton, {
     name: "link",
     icon: link,
     title: __('Link'),
     shortcut: displayShortcut.primary('k'),
-    onClick: openLinkControl
-  }), urlIsSetandSelected && createElement(ToolbarButton, {
+    onClick: startEditing
+  }), isURLSet && createElement(ToolbarButton, {
     name: "link",
     icon: linkOff,
     title: __('Unlink'),
     shortcut: displayShortcut.primaryShift('k'),
-    onClick: unlinkButton,
+    onClick: unlink,
     isActive: true
   })), isSelected && createElement(KeyboardShortcuts, {
     bindGlobal: true,
     shortcuts: {
-      [rawShortcut.primary('k')]: openLinkControl,
-      [rawShortcut.primaryShift('k')]: unlinkButton
+      [rawShortcut.primary('k')]: startEditing,
+      [rawShortcut.primaryShift('k')]: () => {
+        var _richTextRef$current3;
+
+        unlink();
+        (_richTextRef$current3 = richTextRef.current) === null || _richTextRef$current3 === void 0 ? void 0 : _richTextRef$current3.focus();
+      }
     }
   }), linkControl);
 }
@@ -169,6 +193,7 @@ function ButtonEdit(props) {
   const borderRadius = style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius;
   const colorProps = useColorProps(attributes);
   const ref = useRef();
+  const richTextRef = useRef();
   const blockProps = useBlockProps({
     ref
   });
@@ -178,6 +203,7 @@ function ButtonEdit(props) {
       [`has-custom-font-size`]: blockProps.style.fontSize
     })
   }), createElement(RichText, {
+    ref: richTextRef,
     "aria-label": __('Button text'),
     placeholder: placeholder || __('Add text…'),
     value: text,
@@ -202,7 +228,8 @@ function ButtonEdit(props) {
     isSelected: isSelected,
     opensInNewTab: linkTarget === '_blank',
     onToggleOpenInNewTab: onToggleOpenInNewTab,
-    anchorRef: ref
+    anchorRef: ref,
+    richTextRef: richTextRef
   }), createElement(InspectorControls, null, createElement(WidthPanel, {
     selectedWidth: width,
     setAttributes: setAttributes

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/button/edit.js"],"names":["classnames","__","useCallback","useState","useRef","Button","ButtonGroup","KeyboardShortcuts","PanelBody","TextControl","ToolbarButton","Popover","BlockControls","InspectorControls","InspectorAdvancedControls","RichText","useBlockProps","__experimentalUseColorProps","useColorProps","__experimentalLinkControl","LinkControl","rawShortcut","displayShortcut","link","linkOff","createBlock","NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","map","widthValue","URLPicker","isSelected","url","opensInNewTab","onToggleOpenInNewTab","anchorRef","isURLPickerOpen","setIsURLPickerOpen","urlIsSet","urlIsSetandSelected","openLinkControl","unlinkButton","linkTarget","rel","linkControl","current","newURL","newOpensInNewTab","primary","primaryShift","ButtonEdit","props","attributes","className","onReplace","mergeBlocks","placeholder","style","text","onSetLinkRel","value","newLinkTarget","updatedRel","setButtonText","newText","replace","borderRadius","border","radius","colorProps","ref","blockProps","fontSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useState, useRef } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tKeyboardShortcuts,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tInspectorAdvancedControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalLinkControl as LinkControl,\n} from '@wordpress/block-editor';\nimport { rawShortcut, displayShortcut } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\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\tisSmall\n\t\t\t\t\t\t\tisPrimary={ widthValue === selectedWidth }\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 URLPicker( {\n\tisSelected,\n\turl,\n\tsetAttributes,\n\topensInNewTab,\n\tonToggleOpenInNewTab,\n\tanchorRef,\n} ) {\n\tconst [ isURLPickerOpen, setIsURLPickerOpen ] = useState( false );\n\tconst urlIsSet = !! url;\n\tconst urlIsSetandSelected = urlIsSet && isSelected;\n\tconst openLinkControl = () => {\n\t\tsetIsURLPickerOpen( true );\n\t\treturn false; // prevents default behaviour for event\n\t};\n\tconst unlinkButton = () => {\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\trel: undefined,\n\t\t} );\n\t\tsetIsURLPickerOpen( false );\n\t};\n\tconst linkControl = ( isURLPickerOpen || urlIsSetandSelected ) && (\n\t\t<Popover\n\t\t\tposition=\"bottom center\"\n\t\t\tonClose={ () => setIsURLPickerOpen( false ) }\n\t\t\tanchorRef={ anchorRef?.current }\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tclassName=\"wp-block-navigation-link__inline-link-input\"\n\t\t\t\tvalue={ { url, opensInNewTab } }\n\t\t\t\tonChange={ ( {\n\t\t\t\t\turl: newURL = '',\n\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t} ) => {\n\t\t\t\t\tsetAttributes( { url: newURL } );\n\n\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ ! urlIsSet && (\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={ openLinkControl }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ urlIsSetandSelected && (\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={ unlinkButton }\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 && (\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tbindGlobal\n\t\t\t\t\tshortcuts={ {\n\t\t\t\t\t\t[ rawShortcut.primary( 'k' ) ]: openLinkControl,\n\t\t\t\t\t\t[ rawShortcut.primaryShift( 'k' ) ]: unlinkButton,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ linkControl }\n\t\t</>\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\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\tconst onSetLinkRel = useCallback(\n\t\t( value ) => {\n\t\t\tsetAttributes( { rel: value } );\n\t\t},\n\t\t[ setAttributes ]\n\t);\n\n\tconst onToggleOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = rel;\n\t\t\tif ( newLinkTarget && ! rel ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t[ rel, setAttributes ]\n\t);\n\n\tconst setButtonText = ( newText ) => {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t};\n\n\tconst borderRadius = style?.border?.radius;\n\tconst colorProps = useColorProps( attributes );\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\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 }` ]: width,\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\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\t{\n\t\t\t\t\t\t\t'no-border-radius': borderRadius === 0,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tborderRadius: borderRadius\n\t\t\t\t\t\t\t? borderRadius + 'px'\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t...colorProps.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<URLPicker\n\t\t\t\turl={ url }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\topensInNewTab={ linkTarget === '_blank' }\n\t\t\t\tonToggleOpenInNewTab={ onToggleOpenInNewTab }\n\t\t\t\tanchorRef={ ref }\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<InspectorAdvancedControls>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t\t/>\n\t\t\t</InspectorAdvancedControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/button/edit.js"],"names":["classnames","__","useCallback","useEffect","useState","useRef","Button","ButtonGroup","KeyboardShortcuts","PanelBody","TextControl","ToolbarButton","Popover","BlockControls","InspectorControls","InspectorAdvancedControls","RichText","useBlockProps","__experimentalUseColorProps","useColorProps","__experimentalLinkControl","LinkControl","rawShortcut","displayShortcut","link","linkOff","createBlock","NEW_TAB_REL","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","map","widthValue","URLPicker","isSelected","url","opensInNewTab","onToggleOpenInNewTab","anchorRef","richTextRef","isEditingURL","setIsEditingURL","isURLSet","startEditing","event","preventDefault","unlink","linkTarget","rel","isLinkControlVisible","linkControl","current","focus","newURL","newOpensInNewTab","primary","primaryShift","ButtonEdit","props","attributes","className","onReplace","mergeBlocks","placeholder","style","text","onSetLinkRel","value","newLinkTarget","updatedRel","setButtonText","newText","replace","borderRadius","border","radius","colorProps","ref","blockProps","fontSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useEffect, useState, useRef } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tKeyboardShortcuts,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tInspectorAdvancedControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalLinkControl as LinkControl,\n} from '@wordpress/block-editor';\nimport { rawShortcut, displayShortcut } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\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\tisSmall\n\t\t\t\t\t\t\tisPrimary={ widthValue === selectedWidth }\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 URLPicker( {\n\tisSelected,\n\turl,\n\tsetAttributes,\n\topensInNewTab,\n\tonToggleOpenInNewTab,\n\tanchorRef,\n\trichTextRef,\n} ) {\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst isURLSet = !! url;\n\n\tconst startEditing = ( event ) => {\n\t\tevent.preventDefault();\n\t\tsetIsEditingURL( true );\n\t};\n\n\tconst 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\tconst isLinkControlVisible = isSelected && ( isEditingURL || isURLSet );\n\n\tconst linkControl = isLinkControlVisible && (\n\t\t<Popover\n\t\t\tposition=\"bottom center\"\n\t\t\tonClose={ () => {\n\t\t\t\tsetIsEditingURL( false );\n\t\t\t\trichTextRef.current?.focus();\n\t\t\t} }\n\t\t\tanchorRef={ anchorRef?.current }\n\t\t\tfocusOnMount={ isEditingURL ? 'firstElement' : false }\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tclassName=\"wp-block-navigation-link__inline-link-input\"\n\t\t\t\tvalue={ { url, opensInNewTab } }\n\t\t\t\tonChange={ ( {\n\t\t\t\t\turl: newURL = '',\n\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t} ) => {\n\t\t\t\t\tsetAttributes( { url: newURL } );\n\n\t\t\t\t\tif ( opensInNewTab !== newOpensInNewTab ) {\n\t\t\t\t\t\tonToggleOpenInNewTab( newOpensInNewTab );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonRemove={ () => {\n\t\t\t\t\tunlink();\n\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t} }\n\t\t\t\tforceIsEditingLink={ isEditingURL }\n\t\t\t/>\n\t\t</Popover>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\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 && (\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tbindGlobal\n\t\t\t\t\tshortcuts={ {\n\t\t\t\t\t\t[ rawShortcut.primary( 'k' ) ]: startEditing,\n\t\t\t\t\t\t[ rawShortcut.primaryShift( 'k' ) ]: () => {\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} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ linkControl }\n\t\t</>\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\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t} = attributes;\n\tconst onSetLinkRel = useCallback(\n\t\t( value ) => {\n\t\t\tsetAttributes( { rel: value } );\n\t\t},\n\t\t[ setAttributes ]\n\t);\n\n\tconst onToggleOpenInNewTab = useCallback(\n\t\t( value ) => {\n\t\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\t\tlet updatedRel = rel;\n\t\t\tif ( newLinkTarget && ! rel ) {\n\t\t\t\tupdatedRel = NEW_TAB_REL;\n\t\t\t} else if ( ! newLinkTarget && rel === NEW_TAB_REL ) {\n\t\t\t\tupdatedRel = undefined;\n\t\t\t}\n\n\t\t\tsetAttributes( {\n\t\t\t\tlinkTarget: newLinkTarget,\n\t\t\t\trel: updatedRel,\n\t\t\t} );\n\t\t},\n\t\t[ rel, setAttributes ]\n\t);\n\n\tconst setButtonText = ( newText ) => {\n\t\t// Remove anchor tags from button text content.\n\t\tsetAttributes( { text: newText.replace( /<\\/?a[^>]*>/g, '' ) } );\n\t};\n\n\tconst borderRadius = style?.border?.radius;\n\tconst colorProps = useColorProps( attributes );\n\tconst ref = useRef();\n\tconst richTextRef = useRef();\n\tconst blockProps = useBlockProps( { ref } );\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 }` ]: width,\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\t{\n\t\t\t\t\t\t\t'no-border-radius': borderRadius === 0,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tborderRadius: borderRadius\n\t\t\t\t\t\t\t? borderRadius + 'px'\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t...colorProps.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<URLPicker\n\t\t\t\turl={ url }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\topensInNewTab={ linkTarget === '_blank' }\n\t\t\t\tonToggleOpenInNewTab={ onToggleOpenInNewTab }\n\t\t\t\tanchorRef={ ref }\n\t\t\t\trichTextRef={ richTextRef }\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<InspectorAdvancedControls>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t\t/>\n\t\t\t</InspectorAdvancedControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"]}

package/build-module/post-excerpt/edit.js

@@ -11,34 +11,16 @@ import classnames from 'classnames';
 import { useEntityProp } from '@wordpress/core-data';
 import { useMemo, RawHTML } from '@wordpress/element';
 import { AlignmentToolbar, BlockControls, InspectorControls, RichText, Warning, useBlockProps } from '@wordpress/block-editor';
-import { PanelBody, RangeControl, ToggleControl } from '@wordpress/components';
+import { PanelBody, ToggleControl, Disabled } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
 
 import { useCanEditEntity } from '../utils/hooks';
-
-function usePostContentExcerpt(wordCount, postId, postType) {
-  // Don't destrcuture items from content here, it can be undefined.
-  const [,, content] = useEntityProp('postType', postType, 'content', postId);
-  const renderedPostContent = content === null || content === void 0 ? void 0 : content.rendered;
-  return useMemo(() => {
-    if (!renderedPostContent) {
-      return '';
-    }
-
-    const excerptElement = document.createElement('div');
-    excerptElement.innerHTML = renderedPostContent;
-    const excerpt = excerptElement.textContent || excerptElement.innerText || '';
-    return excerpt.trim().split(' ', wordCount).join(' ');
-  }, [renderedPostContent, wordCount]);
-}
-
 export default function PostExcerptEditor({
   attributes: {
     textAlign,
-    wordCount,
     moreText,
     showMoreOnNewLine
   },
@@ -57,12 +39,22 @@ export default function PostExcerptEditor({
     rendered: renderedExcerpt,
     protected: isProtected
   } = {}] = useEntityProp('postType', postType, 'excerpt', postId);
-  const postContentExcerpt = usePostContentExcerpt(wordCount, postId, postType);
   const blockProps = useBlockProps({
     className: classnames({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
+  /**
+   * When excerpt is editable, strip the html tags from
+   * rendered excerpt. This will be used if the entity's
+   * excerpt has been produced from the content.
+   */
+
+  const strippedRenderedExcerpt = useMemo(() => {
+    if (!renderedExcerpt) return '';
+    const document = new window.DOMParser().parseFromString(renderedExcerpt, 'text/html');
+    return document.body.textContent || document.body.innerText || '';
+  }, [renderedExcerpt]);
 
   if (!postType || !postId) {
     return createElement("div", blockProps, createElement(Warning, null, __('Post excerpt block: no post found.')));
@@ -85,11 +77,11 @@ export default function PostExcerptEditor({
   const excerptContent = isEditable ? createElement(RichText, {
     className: !showMoreOnNewLine && 'wp-block-post-excerpt__excerpt is-inline',
     "aria-label": __('Post excerpt text'),
-    value: rawExcerpt || postContentExcerpt || (isSelected ? '' : __('No post excerpt found')),
+    value: rawExcerpt || strippedRenderedExcerpt || (isSelected ? '' : __('No post excerpt found')),
     onChange: setExcerpt
-  }) : renderedExcerpt && createElement(RawHTML, {
+  }) : renderedExcerpt && createElement(Disabled, null, createElement(RawHTML, {
     key: "html"
-  }, renderedExcerpt) || postContentExcerpt || __('No post excerpt found');
+  }, renderedExcerpt)) || __('No post excerpt found');
   return createElement(Fragment, null, createElement(BlockControls, null, createElement(AlignmentToolbar, {
     value: textAlign,
     onChange: newAlign => setAttributes({
@@ -97,15 +89,7 @@ export default function PostExcerptEditor({
     })
   })), createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Post Excerpt Settings')
-  }, !renderedExcerpt && createElement(RangeControl, {
-    label: __('Max words'),
-    value: wordCount,
-    onChange: newExcerptLength => setAttributes({
-      wordCount: newExcerptLength
-    }),
-    min: 10,
-    max: 100
-  }), createElement(ToggleControl, {
+  }, createElement(ToggleControl, {
     label: __('Show link on new line'),
     checked: showMoreOnNewLine,
     onChange: newShowMoreOnNewLine => setAttributes({

package/build-module/post-excerpt/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"names":["classnames","useEntityProp","useMemo","RawHTML","AlignmentToolbar","BlockControls","InspectorControls","RichText","Warning","useBlockProps","PanelBody","RangeControl","ToggleControl","__","useCanEditEntity","usePostContentExcerpt","wordCount","postId","postType","content","renderedPostContent","rendered","excerptElement","document","createElement","innerHTML","excerpt","textContent","innerText","trim","split","join","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","setAttributes","isSelected","context","queryId","isDescendentOfQueryLoop","userCanEdit","isEditable","rawExcerpt","setExcerpt","renderedExcerpt","protected","isProtected","postContentExcerpt","blockProps","className","readMoreLink","newMoreText","excerptContent","newAlign","newExcerptLength","newShowMoreOnNewLine"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { useMemo, RawHTML } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, RangeControl, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction usePostContentExcerpt( wordCount, postId, postType ) {\n\t// Don't destrcuture items from content here, it can be undefined.\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst renderedPostContent = content?.rendered;\n\treturn useMemo( () => {\n\t\tif ( ! renderedPostContent ) {\n\t\t\treturn '';\n\t\t}\n\t\tconst excerptElement = document.createElement( 'div' );\n\t\texcerptElement.innerHTML = renderedPostContent;\n\t\tconst excerpt =\n\t\t\texcerptElement.textContent || excerptElement.innerText || '';\n\t\treturn excerpt.trim().split( ' ', wordCount ).join( ' ' );\n\t}, [ renderedPostContent, wordCount ] );\n}\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, wordCount, moreText, showMoreOnNewLine },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = !! queryId;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\tconst postContentExcerpt = usePostContentExcerpt(\n\t\twordCount,\n\t\tpostId,\n\t\tpostType\n\t);\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Post excerpt block: no post found.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'There is no excerpt because this is a protected post.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '\"Read more\" link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t/>\n\t);\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={\n\t\t\t\t! showMoreOnNewLine &&\n\t\t\t\t'wp-block-post-excerpt__excerpt is-inline'\n\t\t\t}\n\t\t\taria-label={ __( 'Post excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\trawExcerpt ||\n\t\t\t\tpostContentExcerpt ||\n\t\t\t\t( isSelected ? '' : __( 'No post excerpt found' ) )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t/>\n\t) : (\n\t\t( renderedExcerpt && (\n\t\t\t<RawHTML key=\"html\">{ renderedExcerpt }</RawHTML>\n\t\t) ) ||\n\t\tpostContentExcerpt ||\n\t\t__( 'No post excerpt found' )\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Post Excerpt Settings' ) }>\n\t\t\t\t\t{ ! renderedExcerpt && (\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tlabel={ __( 'Max words' ) }\n\t\t\t\t\t\t\tvalue={ wordCount }\n\t\t\t\t\t\t\tonChange={ ( newExcerptLength ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { wordCount: newExcerptLength } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\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\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"names":["classnames","useEntityProp","useMemo","RawHTML","AlignmentToolbar","BlockControls","InspectorControls","RichText","Warning","useBlockProps","PanelBody","ToggleControl","Disabled","__","useCanEditEntity","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","userCanEdit","isEditable","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","blockProps","className","strippedRenderedExcerpt","document","window","DOMParser","parseFromString","body","textContent","innerText","readMoreLink","newMoreText","excerptContent","newAlign","newShowMoreOnNewLine"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { useMemo, RawHTML } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, Disabled } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = !! queryId;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) return '';\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Post excerpt block: no post found.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'There is no excerpt because this is a protected post.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '\"Read more\" link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t/>\n\t);\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={\n\t\t\t\t! showMoreOnNewLine &&\n\t\t\t\t'wp-block-post-excerpt__excerpt is-inline'\n\t\t\t}\n\t\t\taria-label={ __( 'Post excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\trawExcerpt ||\n\t\t\t\tstrippedRenderedExcerpt ||\n\t\t\t\t( isSelected ? '' : __( 'No post excerpt found' ) )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t/>\n\t) : (\n\t\t( renderedExcerpt && (\n\t\t\t<Disabled>\n\t\t\t\t<RawHTML key=\"html\">{ renderedExcerpt }</RawHTML>\n\t\t\t</Disabled>\n\t\t) ) ||\n\t\t__( 'No post excerpt found' )\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Post Excerpt Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\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\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build-module/post-excerpt/index.js

@@ -17,10 +17,6 @@ const metadata = {
     textAlign: {
       type: "string"
     },
-    wordCount: {
-      type: "number",
-      "default": 55
-    },
     moreText: {
       type: "string"
     },

package/build-module/post-excerpt/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/index.js"],"names":["postExcerpt","icon","edit","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,IAAxB,QAAoC,kBAApC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBJ,EAAAA,IADuB;AAEvBC,EAAAA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postExcerpt as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-excerpt/index.js"],"names":["postExcerpt","icon","edit","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,IAAxB,QAAoC,kBAApC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBJ,EAAAA,IADuB;AAEvBC,EAAAA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postExcerpt as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "3.2.17",
+	"version": "3.2.20",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,33 +33,33 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.13.10",
-		"@wordpress/a11y": "^3.1.1",
-		"@wordpress/api-fetch": "^5.1.1",
-		"@wordpress/autop": "^3.1.1",
-		"@wordpress/blob": "^3.1.1",
-		"@wordpress/block-editor": "^6.1.12",
-		"@wordpress/blocks": "^9.1.7",
-		"@wordpress/components": "^14.1.9",
-		"@wordpress/compose": "^4.1.5",
-		"@wordpress/core-data": "^3.1.11",
-		"@wordpress/data": "^5.1.5",
-		"@wordpress/date": "^4.1.1",
-		"@wordpress/deprecated": "^3.1.1",
-		"@wordpress/dom": "^3.1.4",
-		"@wordpress/element": "^3.1.1",
-		"@wordpress/escape-html": "^2.1.1",
+		"@wordpress/a11y": "^3.1.2",
+		"@wordpress/api-fetch": "^5.1.3",
+		"@wordpress/autop": "^3.1.2",
+		"@wordpress/blob": "^3.1.2",
+		"@wordpress/block-editor": "^6.1.15",
+		"@wordpress/blocks": "^9.1.8",
+		"@wordpress/components": "^14.1.11",
+		"@wordpress/compose": "^4.1.6",
+		"@wordpress/core-data": "^3.1.13",
+		"@wordpress/data": "^5.1.6",
+		"@wordpress/date": "^4.1.2",
+		"@wordpress/deprecated": "^3.1.2",
+		"@wordpress/dom": "^3.1.5",
+		"@wordpress/element": "^3.1.2",
+		"@wordpress/escape-html": "^2.1.2",
 		"@wordpress/hooks": "^3.1.1",
-		"@wordpress/i18n": "^4.1.1",
-		"@wordpress/icons": "^4.0.2",
+		"@wordpress/i18n": "^4.1.2",
+		"@wordpress/icons": "^4.0.3",
 		"@wordpress/is-shallow-equal": "^4.1.1",
-		"@wordpress/keycodes": "^3.1.1",
-		"@wordpress/notices": "^3.1.5",
-		"@wordpress/primitives": "^2.1.1",
-		"@wordpress/reusable-blocks": "^2.1.15",
-		"@wordpress/rich-text": "^4.1.5",
-		"@wordpress/server-side-render": "^2.1.10",
-		"@wordpress/url": "^3.1.1",
-		"@wordpress/viewport": "^3.1.5",
+		"@wordpress/keycodes": "^3.1.2",
+		"@wordpress/notices": "^3.1.6",
+		"@wordpress/primitives": "^2.1.2",
+		"@wordpress/reusable-blocks": "^2.1.18",
+		"@wordpress/rich-text": "^4.1.6",
+		"@wordpress/server-side-render": "^2.1.13",
+		"@wordpress/url": "^3.1.3",
+		"@wordpress/viewport": "^3.1.6",
 		"classnames": "^2.2.5",
 		"fast-average-color": "4.3.0",
 		"lodash": "^4.17.21",
@@ -72,5 +72,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "42a6dbdbf9c981e71ea4752c94e5642d6f6cac1d"
+	"gitHead": "6464883c6c546233543a1ee01428059dee3560fc"
 }

package/src/button/edit.js

@@ -7,7 +7,7 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useCallback, useState, useRef } from '@wordpress/element';
+import { useCallback, useEffect, useState, useRef } from '@wordpress/element';
 import {
 	Button,
 	ButtonGroup,
@@ -68,27 +68,42 @@ function URLPicker( {
 	opensInNewTab,
 	onToggleOpenInNewTab,
 	anchorRef,
+	richTextRef,
 } ) {
-	const [ isURLPickerOpen, setIsURLPickerOpen ] = useState( false );
-	const urlIsSet = !! url;
-	const urlIsSetandSelected = urlIsSet && isSelected;
-	const openLinkControl = () => {
-		setIsURLPickerOpen( true );
-		return false; // prevents default behaviour for event
+	const [ isEditingURL, setIsEditingURL ] = useState( false );
+	const isURLSet = !! url;
+
+	const startEditing = ( event ) => {
+		event.preventDefault();
+		setIsEditingURL( true );
 	};
-	const unlinkButton = () => {
+
+	const unlink = () => {
 		setAttributes( {
 			url: undefined,
 			linkTarget: undefined,
 			rel: undefined,
 		} );
-		setIsURLPickerOpen( false );
+		setIsEditingURL( false );
 	};
-	const linkControl = ( isURLPickerOpen || urlIsSetandSelected ) && (
+
+	useEffect( () => {
+		if ( ! isSelected ) {
+			setIsEditingURL( false );
+		}
+	}, [ isSelected ] );
+
+	const isLinkControlVisible = isSelected && ( isEditingURL || isURLSet );
+
+	const linkControl = isLinkControlVisible && (
 		<Popover
 			position="bottom center"
-			onClose={ () => setIsURLPickerOpen( false ) }
+			onClose={ () => {
+				setIsEditingURL( false );
+				richTextRef.current?.focus();
+			} }
 			anchorRef={ anchorRef?.current }
+			focusOnMount={ isEditingURL ? 'firstElement' : false }
 		>
 			<LinkControl
 				className="wp-block-navigation-link__inline-link-input"
@@ -103,28 +118,34 @@ function URLPicker( {
 						onToggleOpenInNewTab( newOpensInNewTab );
 					}
 				} }
+				onRemove={ () => {
+					unlink();
+					richTextRef.current?.focus();
+				} }
+				forceIsEditingLink={ isEditingURL }
 			/>
 		</Popover>
 	);
+
 	return (
 		<>
 			<BlockControls group="block">
-				{ ! urlIsSet && (
+				{ ! isURLSet && (
 					<ToolbarButton
 						name="link"
 						icon={ link }
 						title={ __( 'Link' ) }
 						shortcut={ displayShortcut.primary( 'k' ) }
-						onClick={ openLinkControl }
+						onClick={ startEditing }
 					/>
 				) }
-				{ urlIsSetandSelected && (
+				{ isURLSet && (
 					<ToolbarButton
 						name="link"
 						icon={ linkOff }
 						title={ __( 'Unlink' ) }
 						shortcut={ displayShortcut.primaryShift( 'k' ) }
-						onClick={ unlinkButton }
+						onClick={ unlink }
 						isActive={ true }
 					/>
 				) }
@@ -133,8 +154,11 @@ function URLPicker( {
 				<KeyboardShortcuts
 					bindGlobal
 					shortcuts={ {
-						[ rawShortcut.primary( 'k' ) ]: openLinkControl,
-						[ rawShortcut.primaryShift( 'k' ) ]: unlinkButton,
+						[ rawShortcut.primary( 'k' ) ]: startEditing,
+						[ rawShortcut.primaryShift( 'k' ) ]: () => {
+							unlink();
+							richTextRef.current?.focus();
+						},
 					} }
 				/>
 			) }
@@ -195,6 +219,7 @@ function ButtonEdit( props ) {
 	const borderRadius = style?.border?.radius;
 	const colorProps = useColorProps( attributes );
 	const ref = useRef();
+	const richTextRef = useRef();
 	const blockProps = useBlockProps( { ref } );
 
 	return (
@@ -207,6 +232,7 @@ function ButtonEdit( props ) {
 				} ) }
 			>
 				<RichText
+					ref={ richTextRef }
 					aria-label={ __( 'Button text' ) }
 					placeholder={ placeholder || __( 'Add text…' ) }
 					value={ text }
@@ -244,6 +270,7 @@ function ButtonEdit( props ) {
 				opensInNewTab={ linkTarget === '_blank' }
 				onToggleOpenInNewTab={ onToggleOpenInNewTab }
 				anchorRef={ ref }
+				richTextRef={ richTextRef }
 			/>
 			<InspectorControls>
 				<WidthPanel

package/src/post-excerpt/block.json

@@ -9,10 +9,6 @@
 		"textAlign": {
 			"type": "string"
 		},
-		"wordCount": {
-			"type": "number",
-			"default": 55
-		},
 		"moreText": {
 			"type": "string"
 		},

package/src/post-excerpt/edit.js

@@ -16,7 +16,7 @@ import {
 	Warning,
 	useBlockProps,
 } from '@wordpress/block-editor';
-import { PanelBody, RangeControl, ToggleControl } from '@wordpress/components';
+import { PanelBody, ToggleControl, Disabled } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -24,29 +24,8 @@ import { __ } from '@wordpress/i18n';
  */
 import { useCanEditEntity } from '../utils/hooks';
 
-function usePostContentExcerpt( wordCount, postId, postType ) {
-	// Don't destrcuture items from content here, it can be undefined.
-	const [ , , content ] = useEntityProp(
-		'postType',
-		postType,
-		'content',
-		postId
-	);
-	const renderedPostContent = content?.rendered;
-	return useMemo( () => {
-		if ( ! renderedPostContent ) {
-			return '';
-		}
-		const excerptElement = document.createElement( 'div' );
-		excerptElement.innerHTML = renderedPostContent;
-		const excerpt =
-			excerptElement.textContent || excerptElement.innerText || '';
-		return excerpt.trim().split( ' ', wordCount ).join( ' ' );
-	}, [ renderedPostContent, wordCount ] );
-}
-
 export default function PostExcerptEditor( {
-	attributes: { textAlign, wordCount, moreText, showMoreOnNewLine },
+	attributes: { textAlign, moreText, showMoreOnNewLine },
 	setAttributes,
 	isSelected,
 	context: { postId, postType, queryId },
@@ -59,16 +38,24 @@ export default function PostExcerptEditor( {
 		setExcerpt,
 		{ rendered: renderedExcerpt, protected: isProtected } = {},
 	] = useEntityProp( 'postType', postType, 'excerpt', postId );
-	const postContentExcerpt = usePostContentExcerpt(
-		wordCount,
-		postId,
-		postType
-	);
 	const blockProps = useBlockProps( {
 		className: classnames( {
 			[ `has-text-align-${ textAlign }` ]: textAlign,
 		} ),
 	} );
+	/**
+	 * When excerpt is editable, strip the html tags from
+	 * rendered excerpt. This will be used if the entity's
+	 * excerpt has been produced from the content.
+	 */
+	const strippedRenderedExcerpt = useMemo( () => {
+		if ( ! renderedExcerpt ) return '';
+		const document = new window.DOMParser().parseFromString(
+			renderedExcerpt,
+			'text/html'
+		);
+		return document.body.textContent || document.body.innerText || '';
+	}, [ renderedExcerpt ] );
 	if ( ! postType || ! postId ) {
 		return (
 			<div { ...blockProps }>
@@ -110,16 +97,17 @@ export default function PostExcerptEditor( {
 			aria-label={ __( 'Post excerpt text' ) }
 			value={
 				rawExcerpt ||
-				postContentExcerpt ||
+				strippedRenderedExcerpt ||
 				( isSelected ? '' : __( 'No post excerpt found' ) )
 			}
 			onChange={ setExcerpt }
 		/>
 	) : (
 		( renderedExcerpt && (
-			<RawHTML key="html">{ renderedExcerpt }</RawHTML>
+			<Disabled>
+				<RawHTML key="html">{ renderedExcerpt }</RawHTML>
+			</Disabled>
 		) ) ||
-		postContentExcerpt ||
 		__( 'No post excerpt found' )
 	);
 	return (
@@ -134,17 +122,6 @@ export default function PostExcerptEditor( {
 			</BlockControls>
 			<InspectorControls>
 				<PanelBody title={ __( 'Post Excerpt Settings' ) }>
-					{ ! renderedExcerpt && (
-						<RangeControl
-							label={ __( 'Max words' ) }
-							value={ wordCount }
-							onChange={ ( newExcerptLength ) =>
-								setAttributes( { wordCount: newExcerptLength } )
-							}
-							min={ 10 }
-							max={ 100 }
-						/>
-					) }
 					<ToggleControl
 						label={ __( 'Show link on new line' ) }
 						checked={ showMoreOnNewLine }

package/src/post-excerpt/index.php

@@ -18,34 +18,34 @@ function render_block_core_post_excerpt( $attributes, $content, $block ) {
 		return '';
 	}
 
-	$more_text = isset( $attributes['moreText'] ) ? '<a class="wp-block-post-excerpt__more-link" href="' . esc_url( get_the_permalink( $block->context['postId'] ) ) . '">' . $attributes['moreText'] . '</a>' : '';
-
-	$filter_excerpt_length = function() use ( $attributes ) {
-		return isset( $attributes['wordCount'] ) ? $attributes['wordCount'] : 55;
+	$more_text           = ! empty( $attributes['moreText'] ) ? '<a class="wp-block-post-excerpt__more-link" href="' . esc_url( get_the_permalink( $block->context['postId'] ) ) . '">' . $attributes['moreText'] . '</a>' : '';
+	$filter_excerpt_more = function( $more ) use ( $more_text ) {
+		return empty( $more_text ) ? $more : '';
 	};
-	add_filter(
-		'excerpt_length',
-		$filter_excerpt_length
-	);
-
+	/**
+	 * Some themes might use `excerpt_more` filter to handle the
+	 * `more` link displayed after a trimmed excerpt. Since the
+	 * block has a `more text` attribute we have to check and
+	 * override if needed the return value from this filter.
+	 * So if the block's attribute is not empty override the
+	 * `excerpt_more` filter and return nothing. This will
+	 * result in showing only one `read more` link at a time.
+	 */
+	add_filter( 'excerpt_more', $filter_excerpt_more );
 	$classes = '';
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
+		$classes .= "has-text-align-{$attributes['textAlign']}";
 	}
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
 
-	$content = '<p class="wp-block-post-excerpt__excerpt">' . get_the_excerpt( $block->context['postId'] );
-	if ( ! isset( $attributes['showMoreOnNewLine'] ) || $attributes['showMoreOnNewLine'] ) {
+	$content               = '<p class="wp-block-post-excerpt__excerpt">' . get_the_excerpt( $block->context['postId'] );
+	$show_more_on_new_line = ! isset( $attributes['showMoreOnNewLine'] ) || $attributes['showMoreOnNewLine'];
+	if ( $show_more_on_new_line && ! empty( $more_text ) ) {
 		$content .= '</p><p class="wp-block-post-excerpt__more-text">' . $more_text . '</p>';
 	} else {
 		$content .= " $more_text</p>";
 	}
-
-	remove_filter(
-		'excerpt_length',
-		$filter_excerpt_length
-	);
-
+	remove_filter( 'excerpt_more', $filter_excerpt_more );
 	return sprintf( '<div %1$s>%2$s</div>', $wrapper_attributes, $content );
 }