npm - @wordpress/editor - Versions diffs - 14.4.0 → 14.6.0 - Mend

@wordpress/editor 14.4.0 → 14.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

package/build/components/post-template/create-new-template-modal.js CHANGED Viewed

@@ -93,6 +93,7 @@ function CreateNewTemplateModal({
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
         spacing: "3",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+          __next40pxDefaultSize: true,
           __nextHasNoMarginBottom: true,
           label: (0, _i18n.__)('Name'),
           value: title,
@@ -103,10 +104,12 @@ function CreateNewTemplateModal({
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
           justify: "right",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            __next40pxDefaultSize: true,
             variant: "tertiary",
             onClick: cancel,
             children: (0, _i18n.__)('Cancel')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            __next40pxDefaultSize: true,
             variant: "primary",
             type: "submit",
             isBusy: isBusy,

package/build/components/post-template/create-new-template-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_element","_blocks","_components","_i18n","_url","_lockUnlock","_store","_jsxRuntime","DEFAULT_TITLE","__","CreateNewTemplateModal","onClose","defaultBlockTemplate","onNavigateToEntityRecord","useSelect","select","getEditorSettings","getCurrentTemplateId","editorStore","getTemplateId","createTemplate","unlock","useDispatch","title","setTitle","useState","isBusy","setIsBusy","cancel","submit","event","preventDefault","newTemplateContent","serialize","createBlock","tagName","layout","inherit","newTemplate","slug","cleanForSlug","content","postId","id","postType","jsx","Modal","onRequestClose","focusOnMount","size","children","className","onSubmit","jsxs","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","placeholder","disabled","help","__experimentalHStack","justify","Button","variant","onClick","type"],"sources":["@wordpress/editor/src/components/post-template/create-new-template-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tModal,\n\tTextControl,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cleanForSlug } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst DEFAULT_TITLE = __( 'Custom Template' );\n\nexport default function CreateNewTemplateModal( { onClose } ) {\n\tconst { defaultBlockTemplate, onNavigateToEntityRecord } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tdefaultBlockTemplate: getEditorSettings().defaultBlockTemplate,\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\t\tgetTemplateId: getCurrentTemplateId,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { createTemplate } = unlock( useDispatch( editorStore ) );\n\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst [ isBusy, setIsBusy ] = useState( false );\n\n\tconst cancel = () => {\n\t\tsetTitle( '' );\n\t\tonClose();\n\t};\n\n\tconst submit = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isBusy ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsBusy( true );\n\n\t\tconst newTemplateContent =\n\t\t\tdefaultBlockTemplate ??\n\t\t\tserialize( [\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'header',\n\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/site-title' ),\n\t\t\t\t\t\tcreateBlock( 'core/site-tagline' ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\tcreateBlock( 'core/separator' ),\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'main',\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t[ createBlock( 'core/post-title' ) ]\n\t\t\t\t\t\t),\n\t\t\t\t\t\tcreateBlock( 'core/post-content', {\n\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t] );\n\n\t\tconst newTemplate = await createTemplate( {\n\t\t\tslug: cleanForSlug( title \|\| DEFAULT_TITLE ),\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title \|\| DEFAULT_TITLE,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tonNavigateToEntityRecord( {\n\t\t\tpostId: newTemplate.id,\n\t\t\tpostType: 'wp_template',\n\t\t} );\n\t\tcancel();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\tonRequestClose={ cancel }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"editor-post-template__create-form\"\n\t\t\t\tonSubmit={ submit }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\tplaceholder={ DEFAULT_TITLE }\n\t\t\t\t\t\tdisabled={ isBusy }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Describe the template, e.g. \"Post with sidebar\". A custom template can be manually applied to any post or page.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button ~~variant~~=\"tertiary\" ~~onClick~~={ cancel }>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tisBusy={ isBusy }\n\t\t\t\t\t\t\taria-disabled={ isBusy }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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~~IAAAjD~~,QAAE,EAAE,MAAO,CAAG;~~UACtBkD~~,KAAK,~~EAAGpC~~,KAAO;~~UACfqC~~,QAAQ,~~EAAGpC~~,QAAU;~~UACrBqC~~,WAAW,~~EAAGrD~~,aAAe;~~UAC7BsD~~,QAAQ,~~EAAGpC~~,MAAQ;~~UACnBqC~~,IAAI,EAAG,~~IAAAtD~~,QAAE,EACR,iHACD;QAAG,CACH,CAAC,eACF,IAAAF,WAAA,CAAA8C,IAAA,EAACnD,WAAA,~~CAAA8D~~,oBAAM;UAACC,OAAO,EAAC,OAAO;~~UAAAf~~,QAAA,gBACtB,IAAA3C,WAAA,CAAAsC,GAAA,EAAC3C,WAAA,~~CAAAgE~~,MAAM;~~YAACC~~,OAAO,EAAC,UAAU;~~YAACC~~,OAAO,~~EAAGxC~~,MAAQ;YAAAsB,QAAA,~~EAC1C~~,IAAAzC,QAAE,EAAE,QAAS;UAAC,CACT,CAAC,eAET,IAAAF,WAAA,CAAAsC,GAAA,EAAC3C,WAAA,~~CAAAgE~~,MAAM;~~YACNC~~,OAAO,EAAC,SAAS;YACjBE,IAAI,EAAC,QAAQ;~~YACb3C~~,MAAM,EAAGA,MAAQ;YACjB,iBAAgBA,MAAQ;YAAAwB,QAAA,EAEtB,IAAAzC,QAAE,EAAE,QAAS;UAAC,CACT,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_element","_blocks","_components","_i18n","_url","_lockUnlock","_store","_jsxRuntime","DEFAULT_TITLE","__","CreateNewTemplateModal","onClose","defaultBlockTemplate","onNavigateToEntityRecord","useSelect","select","getEditorSettings","getCurrentTemplateId","editorStore","getTemplateId","createTemplate","unlock","useDispatch","title","setTitle","useState","isBusy","setIsBusy","cancel","submit","event","preventDefault","newTemplateContent","serialize","createBlock","tagName","layout","inherit","newTemplate","slug","cleanForSlug","content","postId","id","postType","jsx","Modal","onRequestClose","focusOnMount","size","children","className","onSubmit","jsxs","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","placeholder","disabled","help","__experimentalHStack","justify","Button","variant","onClick","type"],"sources":["@wordpress/editor/src/components/post-template/create-new-template-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tModal,\n\tTextControl,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cleanForSlug } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst DEFAULT_TITLE = __( 'Custom Template' );\n\nexport default function CreateNewTemplateModal( { onClose } ) {\n\tconst { defaultBlockTemplate, onNavigateToEntityRecord } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tdefaultBlockTemplate: getEditorSettings().defaultBlockTemplate,\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\t\tgetTemplateId: getCurrentTemplateId,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { createTemplate } = unlock( useDispatch( editorStore ) );\n\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst [ isBusy, setIsBusy ] = useState( false );\n\n\tconst cancel = () => {\n\t\tsetTitle( '' );\n\t\tonClose();\n\t};\n\n\tconst submit = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isBusy ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsBusy( true );\n\n\t\tconst newTemplateContent =\n\t\t\tdefaultBlockTemplate ??\n\t\t\tserialize( [\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'header',\n\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/site-title' ),\n\t\t\t\t\t\tcreateBlock( 'core/site-tagline' ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\tcreateBlock( 'core/separator' ),\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'main',\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t[ createBlock( 'core/post-title' ) ]\n\t\t\t\t\t\t),\n\t\t\t\t\t\tcreateBlock( 'core/post-content', {\n\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t] );\n\n\t\tconst newTemplate = await createTemplate( {\n\t\t\tslug: cleanForSlug( title \|\| DEFAULT_TITLE ),\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title \|\| DEFAULT_TITLE,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tonNavigateToEntityRecord( {\n\t\t\tpostId: newTemplate.id,\n\t\t\tpostType: 'wp_template',\n\t\t} );\n\t\tcancel();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\tonRequestClose={ cancel }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"editor-post-template__create-form\"\n\t\t\t\tonSubmit={ submit }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\tplaceholder={ DEFAULT_TITLE }\n\t\t\t\t\t\tdisabled={ isBusy }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Describe the template, e.g. \"Post with sidebar\". A custom template can be manually applied to any post or page.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ cancel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tisBusy={ isBusy }\n\t\t\t\t\t\t\taria-disabled={ isBusy }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/post-url/index.js CHANGED Viewed

@@ -82,11 +82,12 @@ var _jsxRuntime = require("react/jsx-runtime");
       onClose: onClose
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
       spacing: 3,
-      children: [isEditable && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _i18n.__)('Customize the last part of the URL. '), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-          href: (0, _i18n.__)('https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink'),
-          children: (0, _i18n.__)('Learn more.')
-        })]
+      children: [isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: (0, _element.createInterpolateElement)((0, _i18n.__)('Customize the last part of the URL. <a>Learn more.</a>'), {
+          a: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+            href: (0, _i18n.__)('https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink')
+          })
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
           __next40pxDefaultSize: true,

package/build/components/post-url/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_url","_element","_blockEditor","_i18n","_components","_notices","_icons","_coreData","_compose","_store","_jsxRuntime","PostURL","onClose","isEditable","postSlug","postLink","permalinkPrefix","permalinkSuffix","permalink","useSelect","select","_post$_links$wpActio","post","editorStore","getCurrentPost","postTypeSlug","getCurrentPostType","postType","coreStore","getPostType","permalinkParts","getPermalinkParts","hasPublishAction","_links","isPermalinkEditable","safeDecodeURIComponent","getEditedPostSlug","viewPostLabel","labels","view_item","link","prefix","suffix","getPermalink","editPost","useDispatch","createNotice","noticesStore","forceEmptyField","setForceEmptyField","useState","copyButtonRef","useCopyToClipboard","__","isDismissible","type","jsxs","className","children","jsx","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","ExternalLink","href","__experimentalInputControl","__next40pxDefaultSize","__experimentalInputControlPrefixWrapper","Button","icon","copySmall","ref","label","hideLabelFromVision","value","autoComplete","spellCheck","onChange","newValue","slug","onBlur","event","cleanForSlug","target","help"],"sources":["@wordpress/editor/src/components/post-url/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tExternalLink,\n\tButton,\n\t__experimentalInputControl as InputControl,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { copySmall } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useCopyToClipboard } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\n\n/\n Renders the `PostURL` component.\n \n @example\n * ```jsx\n * <PostURL />\n * ```\n \n @param {Function} onClose Callback function to be executed when the popover is closed.\n \n @return {Component} The rendered PostURL component.\n */\nexport default function PostURL( { onClose } ) {\n\tconst {\n\t\tisEditable,\n\t\tpostSlug,\n\t\tpostLink,\n\t\tpermalinkPrefix,\n\t\tpermalinkSuffix,\n\t\tpermalink,\n\t} = useSelect( ( select ) => {\n\t\tconst post = select( editorStore ).getCurrentPost();\n\t\tconst postTypeSlug = select( editorStore ).getCurrentPostType();\n\t\tconst postType = select( coreStore ).getPostType( postTypeSlug );\n\t\tconst permalinkParts = select( editorStore ).getPermalinkParts();\n\t\tconst hasPublishAction = post?._links?.[ 'wp:action-publish' ] ?? false;\n\n\t\treturn {\n\t\t\tisEditable:\n\t\t\t\tselect( editorStore ).isPermalinkEditable() && hasPublishAction,\n\t\t\tpostSlug: safeDecodeURIComponent(\n\t\t\t\tselect( editorStore ).getEditedPostSlug()\n\t\t\t),\n\t\t\tviewPostLabel: postType?.labels.view_item,\n\t\t\tpostLink: post.link,\n\t\t\tpermalinkPrefix: permalinkParts?.prefix,\n\t\t\tpermalinkSuffix: permalinkParts?.suffix,\n\t\t\tpermalink: safeDecodeURIComponent(\n\t\t\t\tselect( editorStore ).getPermalink()\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst { editPost } = useDispatch( editorStore );\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst [ forceEmptyField, setForceEmptyField ] = useState( false );\n\tconst copyButtonRef = useCopyToClipboard( permalink, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\treturn (\n\t\t<div className=\"editor-post-url\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t{ isEditable && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{ __( 'Customize the last part of the URL. ' ) }\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more.' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div>\n\t\t\t\t\t{ isEditable && (\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t<InputControlPrefixWrapper>\n\t\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Copy' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ forceEmptyField ? '' : postSlug }\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tspellCheck=\"false\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tclassName=\"editor-post-url__input\"\n\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\teditPost( { slug: newValue } );\n\t\t\t\t\t\t\t\t// When we delete the field the permalink gets\n\t\t\t\t\t\t\t\t// reverted to the original value.\n\t\t\t\t\t\t\t\t// The forceEmptyField logic allows the user to have\n\t\t\t\t\t\t\t\t// the field temporarily empty while typing.\n\t\t\t\t\t\t\t\tif ( ! newValue ) {\n\t\t\t\t\t\t\t\t\tif ( ! forceEmptyField ) {\n\t\t\t\t\t\t\t\t\t\tsetForceEmptyField( true );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ ( event ) => {\n\t\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\t\tslug: cleanForSlug( event.target.value ),\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\tclassName=\"editor-post-url__link\"\n\t\t\t\t\t\t\t\t\thref={ postLink }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-prefix\">\n\t\t\t\t\t\t\t\t\t\t{ permalinkPrefix }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-slug\">\n\t\t\t\t\t\t\t\t\t\t{ postSlug }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-suffix\">\n\t\t\t\t\t\t\t\t\t\t{ permalinkSuffix }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</ExternalLink>\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\t{ ! isEditable && (\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\tclassName=\"editor-post-url__link\"\n\t\t\t\t\t\t\thref={ postLink }\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ postLink }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_url","_element","_blockEditor","_i18n","_components","_notices","_icons","_coreData","_compose","_store","_jsxRuntime","PostURL","onClose","isEditable","postSlug","postLink","permalinkPrefix","permalinkSuffix","permalink","useSelect","select","_post$_links$wpActio","post","editorStore","getCurrentPost","postTypeSlug","getCurrentPostType","postType","coreStore","getPostType","permalinkParts","getPermalinkParts","hasPublishAction","_links","isPermalinkEditable","safeDecodeURIComponent","getEditedPostSlug","viewPostLabel","labels","view_item","link","prefix","suffix","getPermalink","editPost","useDispatch","createNotice","noticesStore","forceEmptyField","setForceEmptyField","useState","copyButtonRef","useCopyToClipboard","__","isDismissible","type","jsxs","className","children","jsx","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","createInterpolateElement","a","ExternalLink","href","__experimentalInputControl","__next40pxDefaultSize","__experimentalInputControlPrefixWrapper","Button","icon","copySmall","ref","label","hideLabelFromVision","value","autoComplete","spellCheck","onChange","newValue","slug","onBlur","event","cleanForSlug","target","help"],"sources":["@wordpress/editor/src/components/post-url/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';\nimport { useState, createInterpolateElement } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tExternalLink,\n\tButton,\n\t__experimentalInputControl as InputControl,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { copySmall } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useCopyToClipboard } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\n\n/\n Renders the `PostURL` component.\n \n @example\n * ```jsx\n * <PostURL />\n * ```\n \n @param {Function} onClose Callback function to be executed when the popover is closed.\n \n @return {Component} The rendered PostURL component.\n */\nexport default function PostURL( { onClose } ) {\n\tconst {\n\t\tisEditable,\n\t\tpostSlug,\n\t\tpostLink,\n\t\tpermalinkPrefix,\n\t\tpermalinkSuffix,\n\t\tpermalink,\n\t} = useSelect( ( select ) => {\n\t\tconst post = select( editorStore ).getCurrentPost();\n\t\tconst postTypeSlug = select( editorStore ).getCurrentPostType();\n\t\tconst postType = select( coreStore ).getPostType( postTypeSlug );\n\t\tconst permalinkParts = select( editorStore ).getPermalinkParts();\n\t\tconst hasPublishAction = post?._links?.[ 'wp:action-publish' ] ?? false;\n\n\t\treturn {\n\t\t\tisEditable:\n\t\t\t\tselect( editorStore ).isPermalinkEditable() && hasPublishAction,\n\t\t\tpostSlug: safeDecodeURIComponent(\n\t\t\t\tselect( editorStore ).getEditedPostSlug()\n\t\t\t),\n\t\t\tviewPostLabel: postType?.labels.view_item,\n\t\t\tpostLink: post.link,\n\t\t\tpermalinkPrefix: permalinkParts?.prefix,\n\t\t\tpermalinkSuffix: permalinkParts?.suffix,\n\t\t\tpermalink: safeDecodeURIComponent(\n\t\t\t\tselect( editorStore ).getPermalink()\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst { editPost } = useDispatch( editorStore );\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst [ forceEmptyField, setForceEmptyField ] = useState( false );\n\tconst copyButtonRef = useCopyToClipboard( permalink, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\treturn (\n\t\t<div className=\"editor-post-url\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t{ isEditable && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Customize the last part of the URL. <a>Learn more.</a>'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div>\n\t\t\t\t\t{ isEditable && (\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t<InputControlPrefixWrapper>\n\t\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Copy' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ forceEmptyField ? '' : postSlug }\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tspellCheck=\"false\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tclassName=\"editor-post-url__input\"\n\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\teditPost( { slug: newValue } );\n\t\t\t\t\t\t\t\t// When we delete the field the permalink gets\n\t\t\t\t\t\t\t\t// reverted to the original value.\n\t\t\t\t\t\t\t\t// The forceEmptyField logic allows the user to have\n\t\t\t\t\t\t\t\t// the field temporarily empty while typing.\n\t\t\t\t\t\t\t\tif ( ! newValue ) {\n\t\t\t\t\t\t\t\t\tif ( ! forceEmptyField ) {\n\t\t\t\t\t\t\t\t\t\tsetForceEmptyField( true );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ ( event ) => {\n\t\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\t\tslug: cleanForSlug( event.target.value ),\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\tclassName=\"editor-post-url__link\"\n\t\t\t\t\t\t\t\t\thref={ postLink }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-prefix\">\n\t\t\t\t\t\t\t\t\t\t{ permalinkPrefix }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-slug\">\n\t\t\t\t\t\t\t\t\t\t{ postSlug }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"editor-post-url__link-suffix\">\n\t\t\t\t\t\t\t\t\t\t{ permalinkSuffix }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</ExternalLink>\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\t{ ! isEditable && (\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\tclassName=\"editor-post-url__link\"\n\t\t\t\t\t\t\thref={ postLink }\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ postLink }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAOA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAKA,IAAAU,MAAA,GAAAV,OAAA;AAAmD,IAAAW,WAAA,GAAAX,OAAA;AAvBnD;AACA;AACA;;AAkBA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,SAASY,OAAOA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC9C,MAAM;IACLC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,oBAAA;IAC5B,MAAMC,IAAI,GAAGF,MAAM,CAAEG,YAAY,CAAC,CAACC,cAAc,CAAC,CAAC;IACnD,MAAMC,YAAY,GAAGL,MAAM,CAAEG,YAAY,CAAC,CAACG,kBAAkB,CAAC,CAAC;IAC/D,MAAMC,QAAQ,GAAGP,MAAM,CAAEQ,eAAU,CAAC,CAACC,WAAW,CAAEJ,YAAa,CAAC;IAChE,MAAMK,cAAc,GAAGV,MAAM,CAAEG,YAAY,CAAC,CAACQ,iBAAiB,CAAC,CAAC;IAChE,MAAMC,gBAAgB,IAAAX,oBAAA,GAAGC,IAAI,EAAEW,MAAM,GAAI,mBAAmB,CAAE,cAAAZ,oBAAA,cAAAA,oBAAA,GAAI,KAAK;IAEvE,OAAO;MACNR,UAAU,EACTO,MAAM,CAAEG,YAAY,CAAC,CAACW,mBAAmB,CAAC,CAAC,IAAIF,gBAAgB;MAChElB,QAAQ,EAAE,IAAAqB,2BAAsB,EAC/Bf,MAAM,CAAEG,YAAY,CAAC,CAACa,iBAAiB,CAAC,CACzC,CAAC;MACDC,aAAa,EAAEV,QAAQ,EAAEW,MAAM,CAACC,SAAS;MACzCxB,QAAQ,EAAEO,IAAI,CAACkB,IAAI;MACnBxB,eAAe,EAAEc,cAAc,EAAEW,MAAM;MACvCxB,eAAe,EAAEa,cAAc,EAAEY,MAAM;MACvCxB,SAAS,EAAE,IAAAiB,2BAAsB,EAChCf,MAAM,CAAEG,YAAY,CAAC,CAACoB,YAAY,CAAC,CACpC;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEtB,YAAY,CAAC;EAC/C,MAAM;IAAEuB;EAAa,CAAC,GAAG,IAAAD,iBAAW,EAAEE,cAAa,CAAC;EACpD,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACjE,MAAMC,aAAa,GAAG,IAAAC,2BAAkB,EAAElC,SAAS,EAAE,MAAM;IAC1D4B,YAAY,CAAE,MAAM,EAAE,IAAAO,QAAE,EAAE,0BAA2B,CAAC,EAAE;MACvDC,aAAa,EAAE,IAAI;MACnBC,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAE,CAAC;EACH,oBACC,IAAA7C,WAAA,CAAA8C,IAAA;IAAKC,SAAS,EAAC,iBAAiB;IAAAC,QAAA,gBAC/B,IAAAhD,WAAA,CAAAiD,GAAA,EAACzD,YAAA,CAAA0D,oCAAsB;MACtBC,KAAK,EAAG,IAAAR,QAAE,EAAE,MAAO,CAAG;MACtBzC,OAAO,EAAGA;IAAS,CACnB,CAAC,eACF,IAAAF,WAAA,CAAA8C,IAAA,EAACpD,WAAA,CAAA0D,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAL,QAAA,GAClB7C,UAAU,iBACX,IAAAH,WAAA,CAAAiD,GAAA;QAAAD,QAAA,EACG,IAAAM,iCAAwB,EACzB,IAAAX,QAAE,EACD,wDACD,CAAC,EACD;UACCY,CAAC,eACA,IAAAvD,WAAA,CAAAiD,GAAA,EAACvD,WAAA,CAAA8D,YAAY;YACZC,IAAI,EAAG,IAAAd,QAAE,EACR,mFACD;UAAG,CACH;QAEH,CACD;MAAC,CACG,CACL,eACD,IAAA3C,WAAA,CAAA8C,IAAA;QAAAE,QAAA,GACG7C,UAAU,iBACX,IAAAH,WAAA,CAAAiD,GAAA,EAACvD,WAAA,CAAAgE,0BAAY;UACZC,qBAAqB;UACrB5B,MAAM,eACL,IAAA/B,WAAA,CAAAiD,GAAA,EAACvD,WAAA,CAAAkE,uCAAyB;YAAAZ,QAAA,EAAC;UAE3B,CAA2B,CAC3B;UACDhB,MAAM,eACL,IAAAhC,WAAA,CAAAiD,GAAA,EAACvD,WAAA,CAAAmE,MAAM;YACNC,IAAI,EAAGC,gBAAW;YAClBC,GAAG,EAAGvB,aAAe;YACrBwB,KAAK,EAAG,IAAAtB,QAAE,EAAE,MAAO;UAAG,CACtB,CACD;UACDsB,KAAK,EAAG,IAAAtB,QAAE,EAAE,MAAO,CAAG;UACtBuB,mBAAmB;UACnBC,KAAK,EAAG7B,eAAe,GAAG,EAAE,GAAGlC,QAAU;UACzCgE,YAAY,EAAC,KAAK;UAClBC,UAAU,EAAC,OAAO;UAClBxB,IAAI,EAAC,MAAM;UACXE,SAAS,EAAC,wBAAwB;UAClCuB,QAAQ,EAAKC,QAAQ,IAAM;YAC1BrC,QAAQ,CAAE;cAAEsC,IAAI,EAAED;YAAS,CAAE,CAAC;YAC9B;YACA;YACA;YACA;YACA,IAAK,CAAEA,QAAQ,EAAG;cACjB,IAAK,CAAEjC,eAAe,EAAG;gBACxBC,kBAAkB,CAAE,IAAK,CAAC;cAC3B;cACA;YACD;YACA,IAAKD,eAAe,EAAG;cACtBC,kBAAkB,CAAE,KAAM,CAAC;YAC5B;UACD,CAAG;UACHkC,MAAM,EAAKC,KAAK,IAAM;YACrBxC,QAAQ,CAAE;cACTsC,IAAI,EAAE,IAAAG,iBAAY,EAAED,KAAK,CAACE,MAAM,CAACT,KAAM;YACxC,CAAE,CAAC;YACH,IAAK7B,eAAe,EAAG;cACtBC,kBAAkB,CAAE,KAAM,CAAC;YAC5B;UACD,CAAG;UACHsC,IAAI,eACH,IAAA7E,WAAA,CAAA8C,IAAA,EAACpD,WAAA,CAAA8D,YAAY;YACZT,SAAS,EAAC,uBAAuB;YACjCU,IAAI,EAAGpD,QAAU;YACjBuE,MAAM,EAAC,QAAQ;YAAA5B,QAAA,gBAEf,IAAAhD,WAAA,CAAAiD,GAAA;cAAMF,SAAS,EAAC,8BAA8B;cAAAC,QAAA,EAC3C1C;YAAe,CACZ,CAAC,eACP,IAAAN,WAAA,CAAAiD,GAAA;cAAMF,SAAS,EAAC,4BAA4B;cAAAC,QAAA,EACzC5C;YAAQ,CACL,CAAC,eACP,IAAAJ,WAAA,CAAAiD,GAAA;cAAMF,SAAS,EAAC,8BAA8B;cAAAC,QAAA,EAC3CzC;YAAe,CACZ,CAAC;UAAA,CACM;QACd,CACD,CACD,EACC,CAAEJ,UAAU,iBACb,IAAAH,WAAA,CAAAiD,GAAA,EAACvD,WAAA,CAAA8D,YAAY;UACZT,SAAS,EAAC,uBAAuB;UACjCU,IAAI,EAAGpD,QAAU;UACjBuE,MAAM,EAAC,QAAQ;UAAA5B,QAAA,EAEb3C;QAAQ,CACG,CACd;MAAA,CACG,CAAC;IAAA,CACC,CAAC;EAAA,CACL,CAAC;AAER","ignoreList":[]}

package/build/components/post-url/panel.js CHANGED Viewed

@@ -104,8 +104,9 @@ function PostURLToggle({
     ,
     "aria-label": (0, _i18n.sprintf)((0, _i18n.__)('Change link: %s'), decodedSlug),
     onClick: onClick,
-    children: isFrontPage ? postLink : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: ["/", decodedSlug]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
+      numberOfLines: 1,
+      children: isFrontPage ? postLink : `/${decodedSlug}`
     })
   });
 }

package/build/components/post-url/panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_data","_components","_i18n","_url","_coreData","_check","_interopRequireDefault","_index","_postPanelRow","_store","_jsxRuntime","PostURLPanel","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","jsx","default","children","label","__","ref","Dropdown","className","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostURLToggle","onClick","renderContent","onClose","slug","isFrontPage","postLink","useSelect","select","getCurrentPostId","getCurrentPost","editorStore","getEditedEntityRecord","canUser","coreStore","siteSettings","kind","name","undefined","_id","getEditedPostSlug","page_on_front","link","decodedSlug","safeDecodeURIComponent","Button","size","variant","sprintf","~~jsxs~~","~~Fragment~~"],"sources":["@wordpress/editor/src/components/post-url/panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useMemo, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { ~~Dropdown,~~ ~~Button~~ } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport PostURLCheck from './check';\nimport PostURL from './index';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\n/\n Renders the `PostURLPanel` component.\n \n @return {JSX.Element} The rendered PostURLPanel component.\n */\nexport default function PostURLPanel() {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostURLCheck>\n\t\t\t<PostPanelRow label={ __( 'Link' ) } ref={ setPopoverAnchor }>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"editor-post-url__panel-dropdown\"\n\t\t\t\t\tcontentClassName=\"editor-post-url__panel-dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostURLToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostURL onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PostPanelRow>\n\t\t</PostURLCheck>\n\t);\n}\n\nfunction PostURLToggle( { isOpen, onClick } ) {\n\tconst { slug, isFrontPage, postLink } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPost } = select( editorStore );\n\t\tconst { getEditedEntityRecord, canUser } = select( coreStore );\n\t\tconst siteSettings = canUser( 'read', {\n\t\t\tkind: 'root',\n\t\t\tname: 'site',\n\t\t} )\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst _id = getCurrentPostId();\n\t\treturn {\n\t\t\tslug: select( editorStore ).getEditedPostSlug(),\n\t\t\tisFrontPage: siteSettings?.page_on_front === _id,\n\t\t\tpostLink: getCurrentPost()?.link,\n\t\t};\n\t}, [] );\n\tconst decodedSlug = safeDecodeURIComponent( slug );\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-url__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post link.\n\t\t\taria-label={ sprintf( __( 'Change link: %s' ), decodedSlug ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ isFrontPage ? postLink : ~~<>/~~{ decodedSlug }~~</>~~ }\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;~~AACA~~,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,aAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAAmD,IAAAW,WAAA,GAAAX,OAAA;~~AAhBnD~~;AACA;AACA;;~~AAQA~~;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA,GACe,SAASY,YAAYA,CAAA,EAAG;EACtC;EACA;EACA,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAC5D;EACA,MAAMC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IACP;IACA;IACAC,MAAM,EAAEL,aAAa;IACrBM,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACR,CAAC,CAAE,EACH,CAAER,aAAa,CAChB,CAAC;EAED,oBACC,IAAAF,WAAA,CAAAW,GAAA,EAAChB,MAAA,CAAAiB,OAAY;IAAAC,QAAA,eACZ,IAAAb,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAc,OAAY;MAACE,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MAACC,GAAG,EAAGb,gBAAkB;MAAAU,QAAA,eAC5D,IAAAb,WAAA,CAAAW,GAAA,EAACpB,WAAA,CAAA0B,QAAQ;QACRZ,YAAY,EAAGA,YAAc;QAC7Ba,SAAS,EAAC,iCAAiC;QAC3CC,gBAAgB,EAAC,+BAA+B;QAChDC,YAAY;QACZC,YAAY,EAAGA,CAAE;UAAEC,MAAM;UAAEC;QAAS,CAAC,kBACpC,IAAAvB,WAAA,CAAAW,GAAA,EAACa,aAAa;UAACF,MAAM,EAAGA,MAAQ;UAACG,OAAO,EAAGF;QAAU,CAAE,CACrD;QACHG,aAAa,EAAGA,CAAE;UAAEC;QAAQ,CAAC,kBAC5B,IAAA3B,WAAA,CAAAW,GAAA,EAACd,MAAA,CAAAe,OAAO;UAACe,OAAO,EAAGA;QAAS,CAAE;MAC5B,CACH;IAAC,CACW;EAAC,CACF,CAAC;AAEjB;AAEA,SAASH,aAAaA,CAAE;EAAEF,MAAM;EAAEG;AAAQ,CAAC,EAAG;EAC7C,MAAM;IAAEG,IAAI;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAChE,MAAM;MAAEC,gBAAgB;MAAEC;IAAe,CAAC,GAAGF,MAAM,CAAEG,YAAY,CAAC;IAClE,MAAM;MAAEC,qBAAqB;MAAEC;IAAQ,CAAC,GAAGL,MAAM,CAAEM,eAAU,CAAC;IAC9D,MAAMC,YAAY,GAAGF,OAAO,CAAE,MAAM,EAAE;MACrCG,IAAI,EAAE,MAAM;MACZC,IAAI,EAAE;IACP,CAAE,CAAC,GACAL,qBAAqB,CAAE,MAAM,EAAE,MAAO,CAAC,GACvCM,SAAS;IACZ,MAAMC,GAAG,GAAGV,gBAAgB,CAAC,CAAC;IAC9B,OAAO;MACNL,IAAI,EAAEI,MAAM,CAAEG,YAAY,CAAC,CAACS,iBAAiB,CAAC,CAAC;MAC/Cf,WAAW,EAAEU,YAAY,EAAEM,aAAa,KAAKF,GAAG;MAChDb,QAAQ,EAAEI,cAAc,CAAC,CAAC,EAAEY;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAMC,WAAW,GAAG,IAAAC,2BAAsB,EAAEpB,IAAK,CAAC;EAClD,oBACC,IAAA5B,WAAA,CAAAW,GAAA,EAACpB,WAAA,CAAA0D,MAAM;IACNC,IAAI,EAAC,SAAS;IACdhC,SAAS,EAAC,+BAA+B;IACzCiC,OAAO,EAAC,UAAU;IAClB,iBAAgB7B;IAChB;IAAA;IACA,cAAa,IAAA8B,aAAO,EAAE,IAAArC,QAAE,EAAE,iBAAkB,CAAC,EAAEgC,WAAY,CAAG;IAC9DtB,OAAO,EAAGA,OAAS;IAAAZ,QAAA,~~EAEjBgB~~,~~WAAW~~,~~GAAGC~~,~~QAAQ~~,~~gBAAG~~,~~IAAA9B~~,WAAA,~~CAAAqD~~,~~IAAA~~,~~EAAArD~~,~~WAAA~~,~~CAAAsD,QAAA~~;MAAAzC,QAAA,~~GAAE~~,~~GAAC~~,~~EAAEkC~~,~~WAAW~~;~~IAAA~~,~~CAAI~~;EAAC,~~CACzC~~,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_data","_components","_i18n","_url","_coreData","_check","_interopRequireDefault","_index","_postPanelRow","_store","_jsxRuntime","PostURLPanel","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","jsx","default","children","label","__","ref","Dropdown","className","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostURLToggle","onClick","renderContent","onClose","slug","isFrontPage","postLink","useSelect","select","getCurrentPostId","getCurrentPost","editorStore","getEditedEntityRecord","canUser","coreStore","siteSettings","kind","name","undefined","_id","getEditedPostSlug","page_on_front","link","decodedSlug","safeDecodeURIComponent","Button","size","variant","sprintf","__experimentalTruncate","numberOfLines"],"sources":["@wordpress/editor/src/components/post-url/panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useMemo, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tDropdown,\n\tButton,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport PostURLCheck from './check';\nimport PostURL from './index';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\n/\n Renders the `PostURLPanel` component.\n \n @return {JSX.Element} The rendered PostURLPanel component.\n */\nexport default function PostURLPanel() {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostURLCheck>\n\t\t\t<PostPanelRow label={ __( 'Link' ) } ref={ setPopoverAnchor }>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"editor-post-url__panel-dropdown\"\n\t\t\t\t\tcontentClassName=\"editor-post-url__panel-dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostURLToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostURL onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PostPanelRow>\n\t\t</PostURLCheck>\n\t);\n}\n\nfunction PostURLToggle( { isOpen, onClick } ) {\n\tconst { slug, isFrontPage, postLink } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPost } = select( editorStore );\n\t\tconst { getEditedEntityRecord, canUser } = select( coreStore );\n\t\tconst siteSettings = canUser( 'read', {\n\t\t\tkind: 'root',\n\t\t\tname: 'site',\n\t\t} )\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst _id = getCurrentPostId();\n\t\treturn {\n\t\t\tslug: select( editorStore ).getEditedPostSlug(),\n\t\t\tisFrontPage: siteSettings?.page_on_front === _id,\n\t\t\tpostLink: getCurrentPost()?.link,\n\t\t};\n\t}, [] );\n\tconst decodedSlug = safeDecodeURIComponent( slug );\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-url__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post link.\n\t\t\taria-label={ sprintf( __( 'Change link: %s' ), decodedSlug ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t{ isFrontPage ? postLink : `/${ decodedSlug }` }\n\t\t\t</Truncate>\n\t\t</Button>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/preview-dropdown/index.js CHANGED Viewed

@@ -5,16 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PreviewDropdown;
+var _clsx = _interopRequireDefault(require("clsx"));
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
+var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../store");
 var _postPreviewButton = _interopRequireDefault(require("../post-preview-button"));
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
 /**
  * WordPress dependencies
  */
@@ -29,6 +36,7 @@ function PreviewDropdown({
 }) {
   const {
     deviceType,
+    editorMode,
     homeUrl,
     isTemplate,
     isViewable,
@@ -46,9 +54,13 @@ function PreviewDropdown({
     const {
       get
     } = select(_preferences.store);
+    const {
+      __unstableGetEditorMode
+    } = select(_blockEditor.store);
     const _currentPostType = getCurrentPostType();
     return {
       deviceType: getDeviceType(),
+      editorMode: __unstableGetEditorMode(),
       homeUrl: getUnstableBase()?.home,
       isTemplate: _currentPostType === 'wp_template',
       isViewable: (_getPostType$viewable = getPostType(_currentPostType)?.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false,
@@ -58,6 +70,24 @@ function PreviewDropdown({
   const {
     setDeviceType
   } = (0, _data.useDispatch)(_store.store);
+  const {
+    __unstableSetEditorMode
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  /**
+   * Save the original editing mode in a ref to restore it when we exit zoom out.
+   */
+  const originalEditingMode = (0, _element.useRef)(editorMode);
+  (0, _element.useEffect)(() => {
+    if (editorMode !== 'zoom-out') {
+      originalEditingMode.current = editorMode;
+    }
+    return () => {
+      if (editorMode === 'zoom-out' && editorMode !== originalEditingMode.current) {
+        __unstableSetEditorMode(originalEditingMode.current);
+      }
+    };
+  }, [editorMode, __unstableSetEditorMode]);
   const isMobile = (0, _compose.useViewportMatch)('medium', '<');
   if (isMobile) {
     return null;
@@ -67,6 +97,7 @@ function PreviewDropdown({
   };
   const toggleProps = {
     className: 'editor-preview-dropdown__toggle',
+    iconPosition: 'right',
     size: 'compact',
     showTooltip: !showIconLabels,
     disabled,
@@ -76,35 +107,68 @@ function PreviewDropdown({
     'aria-label': (0, _i18n.__)('View options')
   };
   const deviceIcons = {
+    desktop: _icons.desktop,
     mobile: _icons.mobile,
-    tablet: _icons.tablet,
-    desktop: _icons.desktop
+    tablet: _icons.tablet
+  };
+  /**
+   * The choices for the device type.
+   *
+   * @type {Array}
+   */
+  const choices = [{
+    value: 'Desktop',
+    label: (0, _i18n.__)('Desktop'),
+    icon: _icons.desktop
+  }, {
+    value: 'ZoomOut',
+    label: (0, _i18n.__)('Desktop (50%)'),
+    icon: _icons.desktop
+  }, {
+    value: 'Tablet',
+    label: (0, _i18n.__)('Tablet'),
+    icon: _icons.tablet
+  }, {
+    value: 'Mobile',
+    label: (0, _i18n.__)('Mobile'),
+    icon: _icons.mobile
+  }];
+  const previewValue = editorMode === 'zoom-out' ? 'ZoomOut' : deviceType;
+  /**
+   * Handles the selection of a device type.
+   *
+   * @param {string} value The device type.
+   */
+  const onSelect = value => {
+    let newEditorMode = originalEditingMode.current;
+    if (value === 'ZoomOut') {
+      newEditorMode = 'zoom-out';
+      setDeviceType('Desktop');
+    } else {
+      setDeviceType(value);
+    }
+    __unstableSetEditorMode(newEditorMode);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-    className: "editor-preview-dropdown",
+    className: (0, _clsx.default)('editor-preview-dropdown', `editor-preview-dropdown--${deviceType.toLowerCase()}`),
     popoverProps: popoverProps,
     toggleProps: toggleProps,
     menuProps: menuProps,
     icon: deviceIcons[deviceType.toLowerCase()],
+    text: editorMode === 'zoom-out' ? (0, _i18n.__)('50%') : undefined,
     label: (0, _i18n.__)('View'),
     disableOpenOnArrowDown: disabled,
     children: ({
       onClose
     }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-          onClick: () => setDeviceType('Desktop'),
-          icon: deviceType === 'Desktop' && _icons.check,
-          children: (0, _i18n.__)('Desktop')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-          onClick: () => setDeviceType('Tablet'),
-          icon: deviceType === 'Tablet' && _icons.check,
-          children: (0, _i18n.__)('Tablet')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-          onClick: () => setDeviceType('Mobile'),
-          icon: deviceType === 'Mobile' && _icons.check,
-          children: (0, _i18n.__)('Mobile')
-        })]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItemsChoice, {
+          choices: choices,
+          value: previewValue,
+          onSelect: onSelect
+        })
       }), isTemplate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuItem, {
           href: homeUrl,
@@ -122,6 +186,7 @@ function PreviewDropdown({
           className: "editor-preview-dropdown__button-external",
           role: "menuitem",
           forceIsAutosaveable: forceIsAutosaveable,
+          "aria-label": (0, _i18n.__)('Preview in new tab'),
           textContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [(0, _i18n.__)('Preview in new tab'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
               icon: _icons.external

package/build/components/preview-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_components","_i18n","_icons","_data","_coreData","_preferences","_store","_postPreviewButton","_interopRequireDefault","_jsxRuntime","PreviewDropdown","forceIsAutosaveable","disabled","deviceType","homeUrl","isTemplate","isViewable","showIconLabels","useSelect","select","_getPostType$viewable","getDeviceType","getCurrentPostType","editorStore","getUnstableBase","getPostType","coreStore","get","preferencesStore","_currentPostType","home","viewable","setDeviceType","useDispatch","isMobile","useViewportMatch","popoverProps","placement","toggleProps","className","size","showTooltip","accessibleWhenDisabled","menuProps","__","deviceIcons","mobile","tablet","desktop","jsx","DropdownMenu","icon","toLowerCase","label","disableOpenOnArrowDown","children","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","check","href","target","external","VisuallyHidden","as","default","role","textContent","Icon","onPreview"],"sources":["@wordpress/editor/src/components/preview-dropdown/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check, desktop, mobile, tablet, external } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\nimport PostPreviewButton from '../post-preview-button';\n\nexport default function PreviewDropdown( { forceIsAutosaveable, disabled } ) {\n\tconst { deviceType, homeUrl, isTemplate, isViewable, showIconLabels } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getDeviceType, getCurrentPostType } = select( editorStore );\n\t\t\tconst { getUnstableBase, getPostType } = select( coreStore );\n\t\t\tconst { get } = select( preferencesStore );\n\t\t\tconst _currentPostType = getCurrentPostType();\n\t\t\treturn {\n\t\t\t\tdeviceType: getDeviceType(),\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tisTemplate: _currentPostType === 'wp_template',\n\t\t\t\tisViewable: getPostType( _currentPostType )?.viewable ?? false,\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tif ( isMobile ) {\n\t\treturn null;\n\t}\n\n\tconst popoverProps = {\n\t\tplacement: 'bottom-end',\n\t};\n\tconst toggleProps = {\n\t\tclassName: 'editor-preview-dropdown__toggle',\n\t\tsize: 'compact',\n\t\tshowTooltip: ! showIconLabels,\n\t\tdisabled,\n\t\taccessibleWhenDisabled: disabled,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tmobile,\n\t\ttablet,\n\t\tdesktop,\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"editor-preview-dropdown\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t\tlabel={ __( 'View' ) }\n\t\t\tdisableOpenOnArrowDown={ disabled }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Desktop' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Desktop' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Desktop' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Tablet' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Tablet' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Tablet' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Mobile' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Mobile' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Mobile' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ isTemplate && (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isViewable && (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<PostPreviewButton\n\t\t\t\t\t\t\t\tclassName=\"editor-preview-dropdown__button-external\"\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\tforceIsAutosaveable={ forceIsAutosaveable }\n\t\t\t\t\t\t\t\ttextContent={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Preview in new tab' ) }\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ external } />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPreview={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_components","_i18n","_icons","_data","_coreData","_element","_preferences","_blockEditor","_store","_postPreviewButton","_jsxRuntime","PreviewDropdown","forceIsAutosaveable","disabled","deviceType","editorMode","homeUrl","isTemplate","isViewable","showIconLabels","useSelect","select","_getPostType$viewable","getDeviceType","getCurrentPostType","editorStore","getUnstableBase","getPostType","coreStore","get","preferencesStore","__unstableGetEditorMode","blockEditorStore","_currentPostType","home","viewable","setDeviceType","useDispatch","__unstableSetEditorMode","originalEditingMode","useRef","useEffect","current","isMobile","useViewportMatch","popoverProps","placement","toggleProps","className","iconPosition","size","showTooltip","accessibleWhenDisabled","menuProps","__","deviceIcons","desktop","mobile","tablet","choices","value","label","icon","previewValue","onSelect","newEditorMode","jsx","DropdownMenu","clsx","toLowerCase","text","undefined","disableOpenOnArrowDown","children","onClose","jsxs","Fragment","MenuGroup","MenuItemsChoice","MenuItem","href","target","external","onClick","VisuallyHidden","as","default","role","textContent","Icon","onPreview"],"sources":["@wordpress/editor/src/components/preview-dropdown/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tMenuItemsChoice,\n\tVisuallyHidden,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { desktop, mobile, tablet, external } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\nimport PostPreviewButton from '../post-preview-button';\n\nexport default function PreviewDropdown( { forceIsAutosaveable, disabled } ) {\n\tconst {\n\t\tdeviceType,\n\t\teditorMode,\n\t\thomeUrl,\n\t\tisTemplate,\n\t\tisViewable,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getDeviceType, getCurrentPostType } = select( editorStore );\n\t\tconst { getUnstableBase, getPostType } = select( coreStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst _currentPostType = getCurrentPostType();\n\t\treturn {\n\t\t\tdeviceType: getDeviceType(),\n\t\t\teditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tisTemplate: _currentPostType === 'wp_template',\n\t\t\tisViewable: getPostType( _currentPostType )?.viewable ?? false,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\t/\n\t Save the original editing mode in a ref to restore it when we exit zoom out.\n\t /\n\tconst originalEditingMode = useRef( editorMode );\n\tuseEffect( () => {\n\t\tif ( editorMode !== 'zoom-out' ) {\n\t\t\toriginalEditingMode.current = editorMode;\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (\n\t\t\t\teditorMode === 'zoom-out' &&\n\t\t\t\teditorMode !== originalEditingMode.current\n\t\t\t) {\n\t\t\t\t__unstableSetEditorMode( originalEditingMode.current );\n\t\t\t}\n\t\t};\n\t}, [ editorMode, __unstableSetEditorMode ] );\n\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tif ( isMobile ) {\n\t\treturn null;\n\t}\n\n\tconst popoverProps = {\n\t\tplacement: 'bottom-end',\n\t};\n\tconst toggleProps = {\n\t\tclassName: 'editor-preview-dropdown__toggle',\n\t\ticonPosition: 'right',\n\t\tsize: 'compact',\n\t\tshowTooltip: ! showIconLabels,\n\t\tdisabled,\n\t\taccessibleWhenDisabled: disabled,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tdesktop,\n\t\tmobile,\n\t\ttablet,\n\t};\n\n\t/\n\t The choices for the device type.\n\t \n\t @type {Array}\n\t /\n\tconst choices = [\n\t\t{\n\t\t\tvalue: 'Desktop',\n\t\t\tlabel: __( 'Desktop' ),\n\t\t\ticon: desktop,\n\t\t},\n\t\t{\n\t\t\tvalue: 'ZoomOut',\n\t\t\tlabel: __( 'Desktop (50%)' ),\n\t\t\ticon: desktop,\n\t\t},\n\t\t{\n\t\t\tvalue: 'Tablet',\n\t\t\tlabel: __( 'Tablet' ),\n\t\t\ticon: tablet,\n\t\t},\n\t\t{\n\t\t\tvalue: 'Mobile',\n\t\t\tlabel: __( 'Mobile' ),\n\t\t\ticon: mobile,\n\t\t},\n\t];\n\n\tconst previewValue = editorMode === 'zoom-out' ? 'ZoomOut' : deviceType;\n\n\t/\n\t Handles the selection of a device type.\n\t \n\t @param {string} value The device type.\n\t /\n\tconst onSelect = ( value ) => {\n\t\tlet newEditorMode = originalEditingMode.current;\n\n\t\tif ( value === 'ZoomOut' ) {\n\t\t\tnewEditorMode = 'zoom-out';\n\t\t\tsetDeviceType( 'Desktop' );\n\t\t} else {\n\t\t\tsetDeviceType( value );\n\t\t}\n\n\t\t__unstableSetEditorMode( newEditorMode );\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName={ clsx(\n\t\t\t\t'editor-preview-dropdown',\n\t\t\t\t`editor-preview-dropdown--${ deviceType.toLowerCase() }`\n\t\t\t) }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t\ttext={ editorMode === 'zoom-out' ? __( '50%' ) : undefined }\n\t\t\tlabel={ __( 'View' ) }\n\t\t\tdisableOpenOnArrowDown={ disabled }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tchoices={ choices }\n\t\t\t\t\t\t\tvalue={ previewValue }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ isTemplate && (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isViewable && (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<PostPreviewButton\n\t\t\t\t\t\t\t\tclassName=\"editor-preview-dropdown__button-external\"\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\tforceIsAutosaveable={ forceIsAutosaveable }\n\t\t\t\t\t\t\t\taria-label={ __( 'Preview in new tab' ) }\n\t\t\t\t\t\t\t\ttextContent={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Preview in new tab' ) }\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ external } />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonPreview={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/provider/disable-non-page-content-blocks.js CHANGED Viewed

@@ -8,43 +8,39 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _hooks = require("@wordpress/hooks");
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
-const DEFAULT_CONTENT_ONLY_BLOCKS = ['core/post-title', 'core/post-featured-image', 'core/post-content', 'core/template-part'];
+/**
+ * Internal dependencies
+ */
+const POST_CONTENT_BLOCK_TYPES = ['core/post-title', 'core/post-featured-image', 'core/post-content'];
 /**
  * Component that when rendered, makes it so that the site editor allows only
  * page content to be edited.
  */
 function DisableNonPageContentBlocks() {
-  const contentOnlyBlocks = (0, _hooks.applyFilters)('editor.postContentBlockTypes', DEFAULT_CONTENT_ONLY_BLOCKS);
+  const contentOnlyBlockTypes = (0, _element.useMemo)(() => [...(0, _hooks.applyFilters)('editor.postContentBlockTypes', POST_CONTENT_BLOCK_TYPES), 'core/template-part'], []);
-  // Note that there are two separate subscription because the result for each
+  // Note that there are two separate subscriptions because the result for each
   // returns a new array.
   const contentOnlyIds = (0, _data.useSelect)(select => {
     const {
-      getBlocksByName,
-      getBlockParents,
-      getBlockName
-    } = select(_blockEditor.store);
-    return getBlocksByName(contentOnlyBlocks).filter(clientId => getBlockParents(clientId).every(parentClientId => {
-      const parentBlockName = getBlockName(parentClientId);
-      return (
-        // Ignore descendents of the query block.
-        parentBlockName !== 'core/query' &&
-        // Enable only the top-most block.
-        !contentOnlyBlocks.includes(parentBlockName)
-      );
-    }));
-  }, []);
+      getPostBlocksByName
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return getPostBlocksByName(contentOnlyBlockTypes);
+  }, [contentOnlyBlockTypes]);
   const disabledIds = (0, _data.useSelect)(select => {
     const {
       getBlocksByName,
       getBlockOrder
     } = select(_blockEditor.store);
-    return getBlocksByName(['core/template-part']).flatMap(clientId => getBlockOrder(clientId));
+    return getBlocksByName('core/template-part').flatMap(clientId => getBlockOrder(clientId));
   }, []);
   const registry = (0, _data.useRegistry)();
   (0, _element.useEffect)(() => {

package/build/components/provider/disable-non-page-content-blocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_blockEditor","_element","_hooks","~~DEFAULT_CONTENT_ONLY_BLOCKS~~","~~DisableNonPageContentBlocks~~","~~contentOnlyBlocks~~","~~applyFilters~~","~~contentOnlyIds~~","~~useSelect~~","~~select~~","~~getBlocksByName~~","~~getBlockParents~~","~~getBlockName~~","~~blockEditorStore~~","~~filter~~","~~clientId~~","~~every~~","~~parentClientId~~","~~parentBlockName~~","~~includes~~","~~disabledIds~~","~~getBlockOrder~~","~~flatMap","~~registry","useRegistry","useEffect","setBlockEditingMode","unsetBlockEditingMode","dispatch","batch"],"sources":["@wordpress/editor/src/components/provider/disable-non-page-content-blocks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\nconst ~~DEFAULT_CONTENT_ONLY_BLOCKS~~ = [\n\t'core/post-title',\n\t'core/post-featured-image',\n\t'core/post-content',\n~~\t'core/template-part',\n~~];\n\n/\n Component that when rendered, makes it so that the site editor allows only\n * page content to be edited.\n */\nexport default function DisableNonPageContentBlocks() {\n\tconst ~~contentOnlyBlocks~~ = applyFilters(\n\t\t'editor.postContentBlockTypes',\n\t\~~tDEFAULT_CONTENT_ONLY_BLOCKS~~\n\t);\n\n\t// Note that there are two separate ~~subscription~~ because the result for each\n\t// returns a new array.\n\tconst contentOnlyIds = useSelect( ( select ) => {\n\t\tconst { ~~getBlocksByName,~~ ~~getBlockParents, getBlockName~~ } ~~=\n\t\t\tselect(~~ ~~blockEditorStore );\n\t\treturn getBlocksByName~~( ~~contentOnlyBlocks ).filter~~( ( ~~clientId~~ ) ~~=>\n\t\t\tgetBlockParents( clientId~~ )~~.every( ( parentClientId ) => {\~~n\t\t\~~t\tconst~~ ~~parentBlockName = getBlockName~~( ~~parentClientId~~ );\n\t\t~~\t\treturn (\~~n\t\t~~\t\t\t//~~ ~~Ignore~~ ~~descendents of the query block.\n~~\~~t\t\t\t\tparentBlockName !== 'core/query' &&\~~n\t~~\t\t\t\t// Enable only the top-most block.\n\t\t\t\t\t! contentOnlyBlocks.includes( parentBlockName~~ )~~\n\t\t\t\t)~~;\n\~~t\t\t} )\n\t\t);\n\t}, [] );\n\~~tconst disabledIds = useSelect( ( select ) => {\n\t\tconst { getBlocksByName, getBlockOrder } = select( blockEditorStore );\n\t\treturn getBlocksByName( [ 'core/template-part' ] ).flatMap(\n\t\t\t( clientId ) ~~=> getBlockOrder( clientId )~~\n\t\t);\n\t}, [] );\n\n\tconst registry = useRegistry();\n\n\tuseEffect( () => {\n\t\tconst { setBlockEditingMode, unsetBlockEditingMode } =\n\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\tregistry.batch( () => {\n\t\t\tsetBlockEditingMode( '', 'disabled' );\n\t\t\tfor ( const clientId of contentOnlyIds ) {\n\t\t\t\tsetBlockEditingMode( clientId, 'contentOnly' );\n\t\t\t}\n\t\t\tfor ( const clientId of disabledIds ) {\n\t\t\t\tsetBlockEditingMode( clientId, 'disabled' );\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tregistry.batch( () => {\n\t\t\t\tunsetBlockEditingMode( '' );\n\t\t\t\tfor ( const clientId of contentOnlyIds ) {\n\t\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t\t}\n\t\t\t\tfor ( const clientId of disabledIds ) {\n\t\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t\t}\n\t\t\t} );\n\t\t};\n\t}, [ contentOnlyIds, disabledIds, registry ] );\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;~~AANA~~;AACA;AACA;;AAMA,~~MAAMI~~,~~2BAA2B~~,GAAG,~~CACnC~~,iBAAiB,EACjB,0BAA0B,EAC1B,mBAAmB,~~EACnB,oBAAoB,CACpB~~;;AAED;AACA;AACA;AACA;AACe,SAASC,2BAA2BA,CAAA,EAAG;EACrD,MAAMC,~~iBAAiB~~,GAAG,IAAAC,mBAAY,~~EACrC~~,8BAA8B,~~EAC9BH~~,~~2BACD~~,CAAC;;EAED;EACA;EACA,~~MAAMI~~,cAAc,GAAG,IAAAC,eAAS,~~EAAIC~~,MAAM,IAAM;~~IAC/C~~,MAAM;MAAEC~~,eAAe~~;~~MAAEC~~,~~eAAe;MAAEC;IAAa,~~CAAC,~~GACvDH~~,~~MAAM~~,~~CAAEI~~,~~kBAAiB~~,~~CAAC;IAC3B,OAAOH,eAAe,CAAEL,iBAAkB,CAAC,CAACS,~~MAAM,~~CAAIC~~,~~QAAQ~~,~~IAC7DJ~~,~~eAAe,CAAEI,QAAS,~~CAAC~~,CAACC,KAAK,CAAIC,cAAc,IAAM~~;~~MACxD~~,~~MAAMC~~,~~eAAe~~,~~GAAGN~~,~~YAAY~~,~~CAAEK,cAAe,~~CAAC;~~MACtD;QACC;QACAC~~,~~eAAe~~,~~KAAK~~,~~YAAY;QAChC;QACA~~,~~CAAEb~~,~~iBAAiB~~,~~CAACc,QAAQ,CAAED,eAAgB;MAAC;IAEjD,CAAE,CACH,~~CAAC;~~EACF~~,~~CAAC~~,~~EAAE,EAAG,CAAC;EACP,MAAME,~~WAAW,GAAG,~~IAAAZ~~,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;~~MAAEC~~,eAAe;~~MAAEW~~;IAAc,CAAC,~~GAAGZ~~,MAAM,~~CAAEI~~,kBAAiB,CAAC;IACrE,~~OAAOH~~,eAAe,CAAE,~~CAAE~~,~~oBAAoB,CAAG,~~CAAC,~~CAACY~~,OAAO,~~CACvDP~~,QAAQ,~~IAAMM~~,aAAa,~~CAAEN~~,QAAS,~~CACzC~~,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,~~MAAMQ~~,QAAQ,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAE9B,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAM;MAAEC,mBAAmB;MAAEC;IAAsB,CAAC,GACnDJ,QAAQ,CAACK,QAAQ,~~CAAEf~~,kBAAiB,CAAC;~~IAEtCU~~,QAAQ,CAACM,KAAK,CAAE,MAAM;MACrBH,mBAAmB,CAAE,EAAE,EAAE,UAAW,CAAC;MACrC,KAAM,~~MAAMX~~,QAAQ,~~IAAIR~~,cAAc,EAAG;~~QACxCmB~~,mBAAmB,~~CAAEX~~,QAAQ,EAAE,aAAc,CAAC;MAC/C;MACA,KAAM,MAAMA,QAAQ,~~IAAIK~~,WAAW,EAAG;~~QACrCM~~,mBAAmB,~~CAAEX~~,QAAQ,EAAE,UAAW,CAAC;MAC5C;IACD,CAAE,CAAC;IAEH,OAAO,MAAM;~~MACZQ~~,QAAQ,CAACM,KAAK,CAAE,MAAM;QACrBF,qBAAqB,CAAE,EAAG,CAAC;QAC3B,KAAM,~~MAAMZ~~,QAAQ,~~IAAIR~~,cAAc,EAAG;~~UACxCoB~~,qBAAqB,~~CAAEZ~~,QAAS,CAAC;QAClC;QACA,KAAM,MAAMA,QAAQ,~~IAAIK~~,WAAW,EAAG;~~UACrCO~~,qBAAqB,~~CAAEZ~~,QAAS,CAAC;QAClC;MACD,CAAE,CAAC;IACJ,CAAC;EACF,CAAC,EAAE,~~CAAER~~,cAAc,~~EAAEa~~,WAAW,~~EAAEG~~,QAAQ,CAAG,CAAC;EAE9C,OAAO,IAAI;AACZ","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_blockEditor","_element","_hooks","_store","_lockUnlock","POST_CONTENT_BLOCK_TYPES","DisableNonPageContentBlocks","contentOnlyBlockTypes","useMemo","applyFilters","contentOnlyIds","useSelect","select","getPostBlocksByName","unlock","editorStore","disabledIds","getBlocksByName","getBlockOrder","blockEditorStore","flatMap","clientId","registry","useRegistry","useEffect","setBlockEditingMode","unsetBlockEditingMode","dispatch","batch"],"sources":["@wordpress/editor/src/components/provider/disable-non-page-content-blocks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst POST_CONTENT_BLOCK_TYPES = [\n\t'core/post-title',\n\t'core/post-featured-image',\n\t'core/post-content',\n];\n\n/\n Component that when rendered, makes it so that the site editor allows only\n * page content to be edited.\n */\nexport default function DisableNonPageContentBlocks() {\n\tconst contentOnlyBlockTypes = useMemo(\n\t\t() => [\n\t\t\t...applyFilters(\n\t\t\t\t'editor.postContentBlockTypes',\n\t\t\t\tPOST_CONTENT_BLOCK_TYPES\n\t\t\t),\n\t\t\t'core/template-part',\n\t\t],\n\t\t[]\n\t);\n\n\t// Note that there are two separate subscriptions because the result for each\n\t// returns a new array.\n\tconst contentOnlyIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostBlocksByName } = unlock( select( editorStore ) );\n\t\t\treturn getPostBlocksByName( contentOnlyBlockTypes );\n\t\t},\n\t\t[ contentOnlyBlockTypes ]\n\t);\n\tconst disabledIds = useSelect( ( select ) => {\n\t\tconst { getBlocksByName, getBlockOrder } = select( blockEditorStore );\n\t\treturn getBlocksByName( 'core/template-part' ).flatMap( ( clientId ) =>\n\t\t\tgetBlockOrder( clientId )\n\t\t);\n\t}, [] );\n\n\tconst registry = useRegistry();\n\n\tuseEffect( () => {\n\t\tconst { setBlockEditingMode, unsetBlockEditingMode } =\n\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\tregistry.batch( () => {\n\t\t\tsetBlockEditingMode( '', 'disabled' );\n\t\t\tfor ( const clientId of contentOnlyIds ) {\n\t\t\t\tsetBlockEditingMode( clientId, 'contentOnly' );\n\t\t\t}\n\t\t\tfor ( const clientId of disabledIds ) {\n\t\t\t\tsetBlockEditingMode( clientId, 'disabled' );\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tregistry.batch( () => {\n\t\t\t\tunsetBlockEditingMode( '' );\n\t\t\t\tfor ( const clientId of contentOnlyIds ) {\n\t\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t\t}\n\t\t\t\tfor ( const clientId of disabledIds ) {\n\t\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t\t}\n\t\t\t} );\n\t\t};\n\t}, [ contentOnlyIds, disabledIds, registry ] );\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMM,wBAAwB,GAAG,CAChC,iBAAiB,EACjB,0BAA0B,EAC1B,mBAAmB,CACnB;;AAED;AACA;AACA;AACA;AACe,SAASC,2BAA2BA,CAAA,EAAG;EACrD,MAAMC,qBAAqB,GAAG,IAAAC,gBAAO,EACpC,MAAM,CACL,GAAG,IAAAC,mBAAY,EACd,8BAA8B,EAC9BJ,wBACD,CAAC,EACD,oBAAoB,CACpB,EACD,EACD,CAAC;;EAED;EACA;EACA,MAAMK,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAoB,CAAC,GAAG,IAAAC,kBAAM,EAAEF,MAAM,CAAEG,YAAY,CAAE,CAAC;IAC/D,OAAOF,mBAAmB,CAAEN,qBAAsB,CAAC;EACpD,CAAC,EACD,CAAEA,qBAAqB,CACxB,CAAC;EACD,MAAMS,WAAW,GAAG,IAAAL,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEK,eAAe;MAAEC;IAAc,CAAC,GAAGN,MAAM,CAAEO,kBAAiB,CAAC;IACrE,OAAOF,eAAe,CAAE,oBAAqB,CAAC,CAACG,OAAO,CAAIC,QAAQ,IACjEH,aAAa,CAAEG,QAAS,CACzB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,QAAQ,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAE9B,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAM;MAAEC,mBAAmB;MAAEC;IAAsB,CAAC,GACnDJ,QAAQ,CAACK,QAAQ,CAAER,kBAAiB,CAAC;IAEtCG,QAAQ,CAACM,KAAK,CAAE,MAAM;MACrBH,mBAAmB,CAAE,EAAE,EAAE,UAAW,CAAC;MACrC,KAAM,MAAMJ,QAAQ,IAAIX,cAAc,EAAG;QACxCe,mBAAmB,CAAEJ,QAAQ,EAAE,aAAc,CAAC;MAC/C;MACA,KAAM,MAAMA,QAAQ,IAAIL,WAAW,EAAG;QACrCS,mBAAmB,CAAEJ,QAAQ,EAAE,UAAW,CAAC;MAC5C;IACD,CAAE,CAAC;IAEH,OAAO,MAAM;MACZC,QAAQ,CAACM,KAAK,CAAE,MAAM;QACrBF,qBAAqB,CAAE,EAAG,CAAC;QAC3B,KAAM,MAAML,QAAQ,IAAIX,cAAc,EAAG;UACxCgB,qBAAqB,CAAEL,QAAS,CAAC;QAClC;QACA,KAAM,MAAMA,QAAQ,IAAIL,WAAW,EAAG;UACrCU,qBAAqB,CAAEL,QAAS,CAAC;QAClC;MACD,CAAE,CAAC;IACJ,CAAC;EACF,CAAC,EAAE,CAAEX,cAAc,EAAEM,WAAW,EAAEM,QAAQ,CAAG,CAAC;EAE9C,OAAO,IAAI;AACZ","ignoreList":[]}

package/build/components/sidebar/post-summary.js CHANGED Viewed

@@ -8,7 +8,6 @@ exports.default = PostSummary;
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _pluginPostStatusInfo = _interopRequireDefault(require("../plugin-post-status-info"));
-var _postActions = _interopRequireDefault(require("../post-actions"));
 var _panel = _interopRequireDefault(require("../post-author/panel"));
 var _postCardPanel = _interopRequireDefault(require("../post-card-panel"));
 var _postContentInformation = _interopRequireDefault(require("../post-content-information"));
@@ -45,17 +44,21 @@ function PostSummary({
   onActionPerformed
 }) {
   const {
-    isRemovedPostStatusPanel
+    isRemovedPostStatusPanel,
+    postType,
+    postId
   } = (0, _data.useSelect)(select => {
     // We use isEditorPanelRemoved to hide the panel if it was programatically removed. We do
     // not use isEditorPanelEnabled since this panel should not be disabled through the UI.
     const {
       isEditorPanelRemoved,
-      getCurrentPostType
+      getCurrentPostType,
+      getCurrentPostId
     } = select(_store.store);
     return {
       isRemovedPostStatusPanel: isEditorPanelRemoved(PANEL_NAME),
-      postType: getCurrentPostType()
+      postType: getCurrentPostType(),
+      postId: getCurrentPostId()
     };
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPanelSection.default, {
@@ -65,9 +68,9 @@ function PostSummary({
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
           spacing: 4,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postCardPanel.default, {
-            actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postActions.default, {
-              onActionPerformed: onActionPerformed
-            })
+            postType: postType,
+            postId: postId,
+            onActionPerformed: onActionPerformed
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel5.default, {
             withPanelBody: false
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel4.PrivatePostExcerptPanel, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {