@wordpress/editor 14.28.0 → 14.29.0

package/build-module/hooks/navigation-link-view-button.js

@@ -0,0 +1,74 @@
+/**
+ * WordPress dependencies
+ */
+import { addFilter } from '@wordpress/hooks';
+import { createHigherOrderComponent } from '@wordpress/compose';
+import { useCallback } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { __unstableBlockToolbarLastItem as BlockToolbarLastItem, store as blockEditorStore, useBlockEditingMode } from '@wordpress/block-editor';
+import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+
+// Target blocks that should have the View button.
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SUPPORTED_BLOCKS = ['core/navigation-link', 'core/navigation-submenu'];
+
+/**
+ * Component that renders the View button for navigation blocks.
+ *
+ * @param {Object} props            Component props.
+ * @param {Object} props.attributes Block attributes.
+ * @return {JSX.Element|null} The View button component or null if not applicable.
+ */
+function NavigationViewButton({
+  attributes
+}) {
+  const {
+    kind,
+    id,
+    type
+  } = attributes;
+  const blockEditingMode = useBlockEditingMode();
+  const onNavigateToEntityRecord = useSelect(select => select(blockEditorStore).getSettings().onNavigateToEntityRecord, []);
+  const onViewPage = useCallback(() => {
+    if (kind === 'post-type' && type === 'page' && id && onNavigateToEntityRecord) {
+      onNavigateToEntityRecord({
+        postId: id,
+        postType: type
+      });
+    }
+  }, [kind, id, type, onNavigateToEntityRecord]);
+
+  // Only show for page-type links, when navigation is available, and when in contentOnly mode.
+  if (kind !== 'post-type' || type !== 'page' || !id || !onNavigateToEntityRecord || blockEditingMode !== 'contentOnly') {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(BlockToolbarLastItem, {
+    children: /*#__PURE__*/_jsx(ToolbarGroup, {
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        name: "view",
+        title: __('View'),
+        onClick: onViewPage,
+        children: __('View')
+      })
+    })
+  });
+}
+
+/**
+ * Higher-order component that adds the View button to navigation blocks.
+ */
+const withNavigationViewButton = createHigherOrderComponent(BlockEdit => props => {
+  const isSupportedBlock = SUPPORTED_BLOCKS.includes(props.name);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockEdit, {
+      ...props
+    }, "edit"), props.isSelected && isSupportedBlock && /*#__PURE__*/_jsx(NavigationViewButton, {
+      ...props
+    })]
+  });
+}, 'withNavigationViewButton');
+
+// Register the filter.
+addFilter('editor.BlockEdit', 'core/editor/with-navigation-view-button', withNavigationViewButton);
+//# sourceMappingURL=navigation-link-view-button.js.map

package/build-module/hooks/navigation-link-view-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addFilter","createHigherOrderComponent","useCallback","__","__unstableBlockToolbarLastItem","BlockToolbarLastItem","store","blockEditorStore","useBlockEditingMode","ToolbarButton","ToolbarGroup","useSelect","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SUPPORTED_BLOCKS","NavigationViewButton","attributes","kind","id","type","blockEditingMode","onNavigateToEntityRecord","select","getSettings","onViewPage","postId","postType","children","name","title","onClick","withNavigationViewButton","BlockEdit","props","isSupportedBlock","includes","isSelected"],"sources":["@wordpress/editor/src/hooks/navigation-link-view-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__unstableBlockToolbarLastItem as BlockToolbarLastItem,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n// Target blocks that should have the View button.\nconst SUPPORTED_BLOCKS = [ 'core/navigation-link', 'core/navigation-submenu' ];\n\n/**\n * Component that renders the View button for navigation blocks.\n *\n * @param {Object} props            Component props.\n * @param {Object} props.attributes Block attributes.\n * @return {JSX.Element|null} The View button component or null if not applicable.\n */\nfunction NavigationViewButton( { attributes } ) {\n\tconst { kind, id, type } = attributes;\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst onNavigateToEntityRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().onNavigateToEntityRecord,\n\t\t[]\n\t);\n\n\tconst onViewPage = useCallback( () => {\n\t\tif (\n\t\t\tkind === 'post-type' &&\n\t\t\ttype === 'page' &&\n\t\t\tid &&\n\t\t\tonNavigateToEntityRecord\n\t\t) {\n\t\t\tonNavigateToEntityRecord( {\n\t\t\t\tpostId: id,\n\t\t\t\tpostType: type,\n\t\t\t} );\n\t\t}\n\t}, [ kind, id, type, onNavigateToEntityRecord ] );\n\n\t// Only show for page-type links, when navigation is available, and when in contentOnly mode.\n\tif (\n\t\tkind !== 'post-type' ||\n\t\ttype !== 'page' ||\n\t\t! id ||\n\t\t! onNavigateToEntityRecord ||\n\t\tblockEditingMode !== 'contentOnly'\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockToolbarLastItem>\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tname=\"view\"\n\t\t\t\t\ttitle={ __( 'View' ) }\n\t\t\t\t\tonClick={ onViewPage }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'View' ) }\n\t\t\t\t</ToolbarButton>\n\t\t\t</ToolbarGroup>\n\t\t</BlockToolbarLastItem>\n\t);\n}\n\n/**\n * Higher-order component that adds the View button to navigation blocks.\n */\nconst withNavigationViewButton = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst isSupportedBlock = SUPPORTED_BLOCKS.includes( props.name );\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t\t{ props.isSelected && isSupportedBlock && (\n\t\t\t\t\t<NavigationViewButton { ...props } />\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\t'withNavigationViewButton'\n);\n\n// Register the filter.\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/with-navigation-view-button',\n\twithNavigationViewButton\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,0BAA0B,QAAQ,oBAAoB;AAC/D,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,8BAA8B,IAAIC,oBAAoB,EACtDC,KAAK,IAAIC,gBAAgB,EACzBC,mBAAmB,QACb,yBAAyB;AAChC,SAASC,aAAa,EAAEC,YAAY,QAAQ,uBAAuB;AACnE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,gBAAgB,GAAG,CAAE,sBAAsB,EAAE,yBAAyB,CAAE;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC/C,MAAM;IAAEC,IAAI;IAAEC,EAAE;IAAEC;EAAK,CAAC,GAAGH,UAAU;EACrC,MAAMI,gBAAgB,GAAGhB,mBAAmB,CAAC,CAAC;EAE9C,MAAMiB,wBAAwB,GAAGd,SAAS,CACvCe,MAAM,IACPA,MAAM,CAAEnB,gBAAiB,CAAC,CAACoB,WAAW,CAAC,CAAC,CAACF,wBAAwB,EAClE,EACD,CAAC;EAED,MAAMG,UAAU,GAAG1B,WAAW,CAAE,MAAM;IACrC,IACCmB,IAAI,KAAK,WAAW,IACpBE,IAAI,KAAK,MAAM,IACfD,EAAE,IACFG,wBAAwB,EACvB;MACDA,wBAAwB,CAAE;QACzBI,MAAM,EAAEP,EAAE;QACVQ,QAAQ,EAAEP;MACX,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEF,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAEE,wBAAwB,CAAG,CAAC;;EAEjD;EACA,IACCJ,IAAI,KAAK,WAAW,IACpBE,IAAI,KAAK,MAAM,IACf,CAAED,EAAE,IACJ,CAAEG,wBAAwB,IAC1BD,gBAAgB,KAAK,aAAa,EACjC;IACD,OAAO,IAAI;EACZ;EAEA,oBACCX,IAAA,CAACR,oBAAoB;IAAA0B,QAAA,eACpBlB,IAAA,CAACH,YAAY;MAAAqB,QAAA,eACZlB,IAAA,CAACJ,aAAa;QACbuB,IAAI,EAAC,MAAM;QACXC,KAAK,EAAG9B,EAAE,CAAE,MAAO,CAAG;QACtB+B,OAAO,EAAGN,UAAY;QAAAG,QAAA,EAEpB5B,EAAE,CAAE,MAAO;MAAC,CACA;IAAC,CACH;EAAC,CACM,CAAC;AAEzB;;AAEA;AACA;AACA;AACA,MAAMgC,wBAAwB,GAAGlC,0BAA0B,CACxDmC,SAAS,IAAQC,KAAK,IAAM;EAC7B,MAAMC,gBAAgB,GAAGpB,gBAAgB,CAACqB,QAAQ,CAAEF,KAAK,CAACL,IAAK,CAAC;EAEhE,oBACCf,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACClB,IAAA,CAACuB,SAAS;MAAA,GAAiBC;IAAK,GAAjB,MAAqB,CAAC,EACnCA,KAAK,CAACG,UAAU,IAAIF,gBAAgB,iBACrCzB,IAAA,CAACM,oBAAoB;MAAA,GAAMkB;IAAK,CAAI,CACpC;EAAA,CACA,CAAC;AAEL,CAAC,EACD,0BACD,CAAC;;AAED;AACArC,SAAS,CACR,kBAAkB,EAClB,yCAAyC,EACzCmC,wBACD,CAAC","ignoreList":[]}

package/build-style/style-rtl.css

@@ -2316,7 +2316,8 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   padding-inline-start: 0 !important;
 }
 
-.editor-post-url__panel-toggle {
+.editor-post-url__panel-toggle,
+.editor-post-parent__panel-toggle {
   word-break: break-word;
 }
 

package/build-style/style.css

@@ -2320,7 +2320,8 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   padding-inline-start: 0 !important;
 }
 
-.editor-post-url__panel-toggle {
+.editor-post-url__panel-toggle,
+.editor-post-parent__panel-toggle {
   word-break: break-word;
 }
 

package/build-types/hooks/navigation-link-view-button.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=navigation-link-view-button.d.ts.map

package/build-types/hooks/navigation-link-view-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-link-view-button.d.ts","sourceRoot":"","sources":["../../src/hooks/navigation-link-view-button.js"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.28.0",
+	"version": "14.29.0",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -34,41 +34,41 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.28.0",
-		"@wordpress/api-fetch": "^7.28.0",
-		"@wordpress/blob": "^4.28.0",
-		"@wordpress/block-editor": "^15.1.0",
-		"@wordpress/blocks": "^15.1.0",
-		"@wordpress/commands": "^1.28.0",
-		"@wordpress/components": "^30.1.0",
-		"@wordpress/compose": "^7.28.0",
-		"@wordpress/core-data": "^7.28.0",
-		"@wordpress/data": "^10.28.0",
-		"@wordpress/dataviews": "^6.0.0",
-		"@wordpress/date": "^5.28.0",
-		"@wordpress/deprecated": "^4.28.0",
-		"@wordpress/dom": "^4.28.0",
-		"@wordpress/element": "^6.28.0",
-		"@wordpress/fields": "^0.20.0",
-		"@wordpress/hooks": "^4.28.0",
-		"@wordpress/html-entities": "^4.28.0",
-		"@wordpress/i18n": "^6.1.0",
-		"@wordpress/icons": "^10.28.0",
-		"@wordpress/interface": "^9.13.0",
-		"@wordpress/keyboard-shortcuts": "^5.28.0",
-		"@wordpress/keycodes": "^4.28.0",
-		"@wordpress/media-utils": "^5.28.0",
-		"@wordpress/notices": "^5.28.0",
-		"@wordpress/patterns": "^2.28.0",
-		"@wordpress/plugins": "^7.28.0",
-		"@wordpress/preferences": "^4.28.0",
-		"@wordpress/private-apis": "^1.28.0",
-		"@wordpress/reusable-blocks": "^5.28.0",
-		"@wordpress/rich-text": "^7.28.0",
-		"@wordpress/server-side-render": "^6.4.0",
-		"@wordpress/url": "^4.28.0",
-		"@wordpress/warning": "^3.28.0",
-		"@wordpress/wordcount": "^4.28.0",
+		"@wordpress/a11y": "^4.29.0",
+		"@wordpress/api-fetch": "^7.29.0",
+		"@wordpress/blob": "^4.29.0",
+		"@wordpress/block-editor": "^15.2.0",
+		"@wordpress/blocks": "^15.2.0",
+		"@wordpress/commands": "^1.29.0",
+		"@wordpress/components": "^30.2.0",
+		"@wordpress/compose": "^7.29.0",
+		"@wordpress/core-data": "^7.29.0",
+		"@wordpress/data": "^10.29.0",
+		"@wordpress/dataviews": "^7.0.0",
+		"@wordpress/date": "^5.29.0",
+		"@wordpress/deprecated": "^4.29.0",
+		"@wordpress/dom": "^4.29.0",
+		"@wordpress/element": "^6.29.0",
+		"@wordpress/fields": "^0.21.0",
+		"@wordpress/hooks": "^4.29.0",
+		"@wordpress/html-entities": "^4.29.0",
+		"@wordpress/i18n": "^6.2.0",
+		"@wordpress/icons": "^10.29.0",
+		"@wordpress/interface": "^9.14.0",
+		"@wordpress/keyboard-shortcuts": "^5.29.0",
+		"@wordpress/keycodes": "^4.29.0",
+		"@wordpress/media-utils": "^5.29.0",
+		"@wordpress/notices": "^5.29.0",
+		"@wordpress/patterns": "^2.29.0",
+		"@wordpress/plugins": "^7.29.0",
+		"@wordpress/preferences": "^4.29.0",
+		"@wordpress/private-apis": "^1.29.0",
+		"@wordpress/reusable-blocks": "^5.29.0",
+		"@wordpress/rich-text": "^7.29.0",
+		"@wordpress/server-side-render": "^6.5.0",
+		"@wordpress/url": "^4.29.0",
+		"@wordpress/warning": "^3.29.0",
+		"@wordpress/wordcount": "^4.29.0",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -88,5 +88,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "28cc2098f5ee28f89096b638533796538f495f72"
+	"gitHead": "445ede01e8abc8e49a1101b21a3651adbe852120"
 }

package/src/components/collab-sidebar/comments.js

@@ -145,10 +145,7 @@ function Thread( {
 						<VStack className="editor-collab-sidebar-panel__show-more-reply">
 							{ sprintf(
 								// translators: %s: number of replies.
-								_x(
-									'%s more replies..',
-									'Show replies button'
-								),
+								_x( '%s more replies', 'Show replies button' ),
 								thread?.reply?.length
 							) }
 						</VStack>

package/src/components/document-bar/index.js

@@ -161,7 +161,7 @@ export default function DocumentBar( props ) {
 					</MotionButton>
 				) }
 			</AnimatePresence>
-			{ ! isTemplate && isTemplatePreview && (
+			{ ! isTemplate && isTemplatePreview && ! hasBackButton && (
 				<BlockIcon
 					icon={ layout }
 					className="editor-document-bar__icon-layout"

package/src/components/post-url/style.scss

@@ -45,7 +45,8 @@
 	padding-inline-start: 0 !important;
 }
 
-.editor-post-url__panel-toggle {
+.editor-post-url__panel-toggle,
+.editor-post-parent__panel-toggle {
 	word-break: break-word;
 }
 

package/src/hooks/index.js

@@ -5,3 +5,4 @@ import './custom-sources-backwards-compatibility';
 import './default-autocompleters';
 import './media-upload';
 import './pattern-overrides';
+import './navigation-link-view-button';

package/src/hooks/navigation-link-view-button.js

@@ -0,0 +1,100 @@
+/**
+ * WordPress dependencies
+ */
+import { addFilter } from '@wordpress/hooks';
+import { createHigherOrderComponent } from '@wordpress/compose';
+import { useCallback } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import {
+	__unstableBlockToolbarLastItem as BlockToolbarLastItem,
+	store as blockEditorStore,
+	useBlockEditingMode,
+} from '@wordpress/block-editor';
+import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+
+// Target blocks that should have the View button.
+const SUPPORTED_BLOCKS = [ 'core/navigation-link', 'core/navigation-submenu' ];
+
+/**
+ * Component that renders the View button for navigation blocks.
+ *
+ * @param {Object} props            Component props.
+ * @param {Object} props.attributes Block attributes.
+ * @return {JSX.Element|null} The View button component or null if not applicable.
+ */
+function NavigationViewButton( { attributes } ) {
+	const { kind, id, type } = attributes;
+	const blockEditingMode = useBlockEditingMode();
+
+	const onNavigateToEntityRecord = useSelect(
+		( select ) =>
+			select( blockEditorStore ).getSettings().onNavigateToEntityRecord,
+		[]
+	);
+
+	const onViewPage = useCallback( () => {
+		if (
+			kind === 'post-type' &&
+			type === 'page' &&
+			id &&
+			onNavigateToEntityRecord
+		) {
+			onNavigateToEntityRecord( {
+				postId: id,
+				postType: type,
+			} );
+		}
+	}, [ kind, id, type, onNavigateToEntityRecord ] );
+
+	// Only show for page-type links, when navigation is available, and when in contentOnly mode.
+	if (
+		kind !== 'post-type' ||
+		type !== 'page' ||
+		! id ||
+		! onNavigateToEntityRecord ||
+		blockEditingMode !== 'contentOnly'
+	) {
+		return null;
+	}
+
+	return (
+		<BlockToolbarLastItem>
+			<ToolbarGroup>
+				<ToolbarButton
+					name="view"
+					title={ __( 'View' ) }
+					onClick={ onViewPage }
+				>
+					{ __( 'View' ) }
+				</ToolbarButton>
+			</ToolbarGroup>
+		</BlockToolbarLastItem>
+	);
+}
+
+/**
+ * Higher-order component that adds the View button to navigation blocks.
+ */
+const withNavigationViewButton = createHigherOrderComponent(
+	( BlockEdit ) => ( props ) => {
+		const isSupportedBlock = SUPPORTED_BLOCKS.includes( props.name );
+
+		return (
+			<>
+				<BlockEdit key="edit" { ...props } />
+				{ props.isSelected && isSupportedBlock && (
+					<NavigationViewButton { ...props } />
+				) }
+			</>
+		);
+	},
+	'withNavigationViewButton'
+);
+
+// Register the filter.
+addFilter(
+	'editor.BlockEdit',
+	'core/editor/with-navigation-view-button',
+	withNavigationViewButton
+);