@wordpress/block-library 9.30.1-next.6870dfe5b.0 → 9.30.1-next.836ecdcae.0

package/build/navigation-link/link-ui.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,10 +11,11 @@ var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
+var _lockUnlock = require("../lock-unlock");
 var _pageCreator = require("./page-creator");
-var _blockInserter = _interopRequireDefault(require("./block-inserter"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -25,6 +25,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  PrivateQuickInserter: QuickInserter
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
 /**
  * Given the Link block's type attribute, return the query params to give to
  * /wp/v2/search.
@@ -79,6 +83,61 @@ function getSuggestionsQuery(type, kind) {
       };
   }
 }
+function LinkUIBlockInserter({
+  clientId,
+  onBack,
+  onBlockInsert
+}) {
+  const {
+    rootBlockClientId
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockRootClientId
+    } = select(_blockEditor.store);
+    return {
+      rootBlockClientId: getBlockRootClientId(clientId)
+    };
+  }, [clientId]);
+  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
+  const dialogTitleId = (0, _compose.useInstanceId)(_blockEditor.LinkControl, `link-ui-block-inserter__title`);
+  const dialogDescriptionId = (0, _compose.useInstanceId)(_blockEditor.LinkControl, `link-ui-block-inserter__description`);
+  if (!clientId) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "link-ui-block-inserter",
+    role: "dialog",
+    "aria-labelledby": dialogTitleId,
+    "aria-describedby": dialogDescriptionId,
+    ref: focusOnMountRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.VisuallyHidden, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        id: dialogTitleId,
+        children: (0, _i18n.__)('Add block')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        id: dialogDescriptionId,
+        children: (0, _i18n.__)('Choose a block to add to your Navigation.')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      className: "link-ui-block-inserter__back",
+      icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall,
+      onClick: e => {
+        e.preventDefault();
+        onBack();
+      },
+      size: "small",
+      children: (0, _i18n.__)('Back')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickInserter, {
+      rootClientId: rootBlockClientId,
+      clientId: clientId,
+      isAppender: false,
+      prioritizePatterns: false,
+      selectBlockOnInsert: !onBlockInsert,
+      onSelect: onBlockInsert ? onBlockInsert : undefined,
+      hasSearch: false
+    })]
+  });
+}
 function UnforwardedLinkUI(props, ref) {
   const {
     label,
@@ -110,8 +169,8 @@ function UnforwardedLinkUI(props, ref) {
     // Return to main Link UI
     setAddingPage(false);
   };
-  const dialogTitleId = (0, _compose.useInstanceId)(LinkUI, 'link-ui-link-control__title');
-  const dialogDescriptionId = (0, _compose.useInstanceId)(LinkUI, 'link-ui-link-control__description');
+  const dialogTitleId = (0, _compose.useInstanceId)(LinkUI, `link-ui-link-control__title`);
+  const dialogDescriptionId = (0, _compose.useInstanceId)(LinkUI, `link-ui-link-control__description`);
   const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Popover, {
     ref: ref,
@@ -143,28 +202,22 @@ function UnforwardedLinkUI(props, ref) {
         onChange: props.onChange,
         onRemove: props.onRemove,
         onCancel: props.onCancel,
-        renderControlBottom: () => {
-          // Don't show the tools when there is submitted link (preview state).
-          if (link?.url?.length) {
-            return null;
-          }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUITools, {
-            focusAddBlockButton: focusAddBlockButton,
-            focusAddPageButton: focusAddPageButton,
-            setAddingBlock: () => {
-              setAddingBlock(true);
-              setFocusAddBlockButton(false);
-            },
-            setAddingPage: () => {
-              setAddingPage(true);
-              setFocusAddPageButton(false);
-            },
-            canAddPage: permissions?.canCreate && type === 'page',
-            canAddBlock: blockEditingMode === 'default'
-          });
-        }
+        renderControlBottom: () => !link?.url?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUITools, {
+          focusAddBlockButton: focusAddBlockButton,
+          focusAddPageButton: focusAddPageButton,
+          setAddingBlock: () => {
+            setAddingBlock(true);
+            setFocusAddBlockButton(false);
+          },
+          setAddingPage: () => {
+            setAddingPage(true);
+            setFocusAddPageButton(false);
+          },
+          canCreatePage: permissions.canCreate,
+          blockEditingMode: blockEditingMode
+        })
       })]
-    }), addingBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockInserter.default, {
+    }), addingBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUIBlockInserter, {
       clientId: props.clientId,
       onBack: () => {
         setAddingBlock(false);
@@ -190,8 +243,8 @@ const LinkUITools = ({
   setAddingPage,
   focusAddBlockButton,
   focusAddPageButton,
-  canAddPage,
-  canAddBlock
+  canCreatePage,
+  blockEditingMode
 }) => {
   const blockInserterAriaRole = 'listbox';
   const addBlockButtonRef = (0, _element.useRef)();
@@ -210,15 +263,10 @@ const LinkUITools = ({
       addPageButtonRef.current?.focus();
     }
   }, [focusAddPageButton]);
-
-  // Don't render anything if neither button should be shown
-  if (!canAddPage && !canAddBlock) {
-    return null;
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     spacing: 0,
     className: "link-ui-tools",
-    children: [canAddPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    children: [canCreatePage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       __next40pxDefaultSize: true,
       ref: addPageButtonRef,
       icon: _icons.plus,
@@ -228,7 +276,7 @@ const LinkUITools = ({
       },
       "aria-haspopup": blockInserterAriaRole,
       children: (0, _i18n.__)('Create page')
-    }), canAddBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    }), blockEditingMode === 'default' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       __next40pxDefaultSize: true,
       ref: addBlockButtonRef,
       icon: _icons.plus,

package/build/navigation-link/link-ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dom","require","_components","_i18n","_blockEditor","_element","_coreData","_icons","_compose","_pageCreator","_blockInserter","_interopRequireDefault","_jsxRuntime","getSuggestionsQuery","type","kind","subtype","initialSuggestionsSearchOptions","perPage","UnforwardedLinkUI","props","ref","label","url","opensInNewTab","link","postType","addingBlock","setAddingBlock","useState","addingPage","setAddingPage","focusAddBlockButton","setFocusAddBlockButton","focusAddPageButton","setFocusAddPageButton","permissions","useResourcePermissions","name","useMemo","title","stripHTML","handlePageCreated","pageLink","onChange","dialogTitleId","useInstanceId","LinkUI","dialogDescriptionId","blockEditingMode","useBlockEditingMode","jsxs","Popover","placement","onClose","anchor","shift","children","role","VisuallyHidden","jsx","id","__","LinkControl","hasTextControl","hasRichPreviews","value","showInitialSuggestions","withCreateSuggestion","noDirectEntry","noURLSuggestion","suggestionsQuery","onRemove","onCancel","renderControlBottom","length","LinkUITools","canAddPage","canCreate","canAddBlock","default","clientId","onBack","onBlockInsert","LinkUIPageCreator","onPageCreated","initialTitle","exports","forwardRef","blockInserterAriaRole","addBlockButtonRef","useRef","addPageButtonRef","useEffect","current","focus","__experimentalVStack","spacing","className","Button","__next40pxDefaultSize","icon","plus","onClick","e","preventDefault","_default"],"sources":["@wordpress/block-library/src/navigation-link/link-ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport {\n\tPopover,\n\tButton,\n\tVisuallyHidden,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { LinkControl, useBlockEditingMode } from '@wordpress/block-editor';\nimport {\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useResourcePermissions } from '@wordpress/core-data';\nimport { plus } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { LinkUIPageCreator } from './page-creator';\nimport LinkUIBlockInserter from './block-inserter';\n\n/**\n * Given the Link block's type attribute, return the query params to give to\n * /wp/v2/search.\n *\n * @param {string} type Link block's type attribute.\n * @param {string} kind Link block's entity of kind (post-type|taxonomy)\n * @return {{ type?: string, subtype?: string }} Search query params.\n */\nexport function getSuggestionsQuery( type, kind ) {\n\tswitch ( type ) {\n\t\tcase 'post':\n\t\tcase 'page':\n\t\t\treturn { type: 'post', subtype: type };\n\t\tcase 'category':\n\t\t\treturn { type: 'term', subtype: 'category' };\n\t\tcase 'tag':\n\t\t\treturn { type: 'term', subtype: 'post_tag' };\n\t\tcase 'post_format':\n\t\t\treturn { type: 'post-format' };\n\t\tdefault:\n\t\t\tif ( kind === 'taxonomy' ) {\n\t\t\t\treturn { type: 'term', subtype: type };\n\t\t\t}\n\t\t\tif ( kind === 'post-type' ) {\n\t\t\t\treturn { type: 'post', subtype: type };\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t// for custom link which has no type\n\t\t\t\t// always show pages as initial suggestions\n\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\ttype: 'post',\n\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\tperPage: 20,\n\t\t\t\t},\n\t\t\t};\n\t}\n}\n\nfunction UnforwardedLinkUI( props, ref ) {\n\tconst { label, url, opensInNewTab, type, kind } = props.link;\n\tconst postType = type || 'page';\n\n\tconst [ addingBlock, setAddingBlock ] = useState( false );\n\tconst [ addingPage, setAddingPage ] = useState( false );\n\tconst [ focusAddBlockButton, setFocusAddBlockButton ] = useState( false );\n\tconst [ focusAddPageButton, setFocusAddPageButton ] = useState( false );\n\tconst permissions = useResourcePermissions( {\n\t\tkind: 'postType',\n\t\tname: postType,\n\t} );\n\n\t// Memoize link value to avoid overriding the LinkControl's internal state.\n\t// This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/50976#issuecomment-1568226407.\n\tconst link = useMemo(\n\t\t() => ( {\n\t\t\turl,\n\t\t\topensInNewTab,\n\t\t\ttitle: label && stripHTML( label ),\n\t\t} ),\n\t\t[ label, opensInNewTab, url ]\n\t);\n\n\tconst handlePageCreated = ( pageLink ) => {\n\t\t// Set the new page as the current link\n\t\tprops.onChange( pageLink );\n\t\t// Return to main Link UI\n\t\tsetAddingPage( false );\n\t};\n\n\tconst dialogTitleId = useInstanceId(\n\t\tLinkUI,\n\t\t'link-ui-link-control__title'\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tLinkUI,\n\t\t'link-ui-link-control__description'\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ ref }\n\t\t\tplacement=\"bottom\"\n\t\t\tonClose={ props.onClose }\n\t\t\tanchor={ props.anchor }\n\t\t\tshift\n\t\t>\n\t\t\t{ ! addingBlock && ! addingPage && (\n\t\t\t\t<div\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\taria-labelledby={ dialogTitleId }\n\t\t\t\t\taria-describedby={ dialogDescriptionId }\n\t\t\t\t>\n\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t<h2 id={ dialogTitleId }>{ __( 'Add link' ) }</h2>\n\n\t\t\t\t\t\t<p id={ dialogDescriptionId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Search for and add a link to your Navigation.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t<LinkControl\n\t\t\t\t\t\thasTextControl\n\t\t\t\t\t\thasRichPreviews\n\t\t\t\t\t\tvalue={ link }\n\t\t\t\t\t\tshowInitialSuggestions\n\t\t\t\t\t\twithCreateSuggestion={ false }\n\t\t\t\t\t\tnoDirectEntry={ !! type }\n\t\t\t\t\t\tnoURLSuggestion={ !! type }\n\t\t\t\t\t\tsuggestionsQuery={ getSuggestionsQuery( type, kind ) }\n\t\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\t\tonRemove={ props.onRemove }\n\t\t\t\t\t\tonCancel={ props.onCancel }\n\t\t\t\t\t\trenderControlBottom={ () => {\n\t\t\t\t\t\t\t// Don't show the tools when there is submitted link (preview state).\n\t\t\t\t\t\t\tif ( link?.url?.length ) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<LinkUITools\n\t\t\t\t\t\t\t\t\tfocusAddBlockButton={ focusAddBlockButton }\n\t\t\t\t\t\t\t\t\tfocusAddPageButton={ focusAddPageButton }\n\t\t\t\t\t\t\t\t\tsetAddingBlock={ () => {\n\t\t\t\t\t\t\t\t\t\tsetAddingBlock( true );\n\t\t\t\t\t\t\t\t\t\tsetFocusAddBlockButton( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsetAddingPage={ () => {\n\t\t\t\t\t\t\t\t\t\tsetAddingPage( true );\n\t\t\t\t\t\t\t\t\t\tsetFocusAddPageButton( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcanAddPage={\n\t\t\t\t\t\t\t\t\t\tpermissions?.canCreate &&\n\t\t\t\t\t\t\t\t\t\ttype === 'page'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcanAddBlock={\n\t\t\t\t\t\t\t\t\t\tblockEditingMode === 'default'\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/>\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ addingBlock && (\n\t\t\t\t<LinkUIBlockInserter\n\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\tonBack={ () => {\n\t\t\t\t\t\tsetAddingBlock( false );\n\t\t\t\t\t\tsetFocusAddBlockButton( true );\n\t\t\t\t\t\tsetFocusAddPageButton( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockInsert={ props?.onBlockInsert }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ addingPage && (\n\t\t\t\t<LinkUIPageCreator\n\t\t\t\t\tpostType={ postType }\n\t\t\t\t\tonBack={ () => {\n\t\t\t\t\t\tsetAddingPage( false );\n\t\t\t\t\t\tsetFocusAddPageButton( true );\n\t\t\t\t\t\tsetFocusAddBlockButton( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonPageCreated={ handlePageCreated }\n\t\t\t\t\tinitialTitle={ link?.url || '' }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nexport const LinkUI = forwardRef( UnforwardedLinkUI );\n\nconst LinkUITools = ( {\n\tsetAddingBlock,\n\tsetAddingPage,\n\tfocusAddBlockButton,\n\tfocusAddPageButton,\n\tcanAddPage,\n\tcanAddBlock,\n} ) => {\n\tconst blockInserterAriaRole = 'listbox';\n\tconst addBlockButtonRef = useRef();\n\tconst addPageButtonRef = useRef();\n\n\t// Focus the add block button when the popover is opened.\n\tuseEffect( () => {\n\t\tif ( focusAddBlockButton ) {\n\t\t\taddBlockButtonRef.current?.focus();\n\t\t}\n\t}, [ focusAddBlockButton ] );\n\n\t// Focus the add page button when the popover is opened.\n\tuseEffect( () => {\n\t\tif ( focusAddPageButton ) {\n\t\t\taddPageButtonRef.current?.focus();\n\t\t}\n\t}, [ focusAddPageButton ] );\n\n\t// Don't render anything if neither button should be shown\n\tif ( ! canAddPage && ! canAddBlock ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 0 } className=\"link-ui-tools\">\n\t\t\t{ canAddPage && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ addPageButtonRef }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tsetAddingPage( true );\n\t\t\t\t\t} }\n\t\t\t\t\taria-haspopup={ blockInserterAriaRole }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Create page' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t{ canAddBlock && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ addBlockButtonRef }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tsetAddingBlock( true );\n\t\t\t\t\t} }\n\t\t\t\t\taria-haspopup={ blockInserterAriaRole }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add block' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</VStack>\n\t);\n};\n\nexport default LinkUITools;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_dom","require","_components","_i18n","_blockEditor","_element","_coreData","_data","_icons","_compose","_lockUnlock","_pageCreator","_jsxRuntime","PrivateQuickInserter","QuickInserter","unlock","blockEditorPrivateApis","getSuggestionsQuery","type","kind","subtype","initialSuggestionsSearchOptions","perPage","LinkUIBlockInserter","clientId","onBack","onBlockInsert","rootBlockClientId","useSelect","select","getBlockRootClientId","blockEditorStore","focusOnMountRef","useFocusOnMount","dialogTitleId","useInstanceId","LinkControl","dialogDescriptionId","jsxs","className","role","ref","children","VisuallyHidden","jsx","id","__","Button","icon","isRTL","chevronRightSmall","chevronLeftSmall","onClick","e","preventDefault","size","rootClientId","isAppender","prioritizePatterns","selectBlockOnInsert","onSelect","undefined","hasSearch","UnforwardedLinkUI","props","label","url","opensInNewTab","link","postType","addingBlock","setAddingBlock","useState","addingPage","setAddingPage","focusAddBlockButton","setFocusAddBlockButton","focusAddPageButton","setFocusAddPageButton","permissions","useResourcePermissions","name","useMemo","title","stripHTML","handlePageCreated","pageLink","onChange","LinkUI","blockEditingMode","useBlockEditingMode","Popover","placement","onClose","anchor","shift","hasTextControl","hasRichPreviews","value","showInitialSuggestions","withCreateSuggestion","noDirectEntry","noURLSuggestion","suggestionsQuery","onRemove","onCancel","renderControlBottom","length","LinkUITools","canCreatePage","canCreate","LinkUIPageCreator","onPageCreated","initialTitle","exports","forwardRef","blockInserterAriaRole","addBlockButtonRef","useRef","addPageButtonRef","useEffect","current","focus","__experimentalVStack","spacing","__next40pxDefaultSize","plus","_default","default"],"sources":["@wordpress/block-library/src/navigation-link/link-ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport {\n\tPopover,\n\tButton,\n\tVisuallyHidden,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\tLinkControl,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useResourcePermissions } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { chevronLeftSmall, chevronRightSmall, plus } from '@wordpress/icons';\nimport { useInstanceId, useFocusOnMount } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { LinkUIPageCreator } from './page-creator';\n\nconst { PrivateQuickInserter: QuickInserter } = unlock(\n\tblockEditorPrivateApis\n);\n\n/**\n * Given the Link block's type attribute, return the query params to give to\n * /wp/v2/search.\n *\n * @param {string} type Link block's type attribute.\n * @param {string} kind Link block's entity of kind (post-type|taxonomy)\n * @return {{ type?: string, subtype?: string }} Search query params.\n */\nexport function getSuggestionsQuery( type, kind ) {\n\tswitch ( type ) {\n\t\tcase 'post':\n\t\tcase 'page':\n\t\t\treturn { type: 'post', subtype: type };\n\t\tcase 'category':\n\t\t\treturn { type: 'term', subtype: 'category' };\n\t\tcase 'tag':\n\t\t\treturn { type: 'term', subtype: 'post_tag' };\n\t\tcase 'post_format':\n\t\t\treturn { type: 'post-format' };\n\t\tdefault:\n\t\t\tif ( kind === 'taxonomy' ) {\n\t\t\t\treturn { type: 'term', subtype: type };\n\t\t\t}\n\t\t\tif ( kind === 'post-type' ) {\n\t\t\t\treturn { type: 'post', subtype: type };\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t// for custom link which has no type\n\t\t\t\t// always show pages as initial suggestions\n\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\ttype: 'post',\n\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\tperPage: 20,\n\t\t\t\t},\n\t\t\t};\n\t}\n}\n\nfunction LinkUIBlockInserter( { clientId, onBack, onBlockInsert } ) {\n\tconst { rootBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\trootBlockClientId: getBlockRootClientId( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\tconst dialogTitleId = useInstanceId(\n\t\tLinkControl,\n\t\t`link-ui-block-inserter__title`\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tLinkControl,\n\t\t`link-ui-block-inserter__description`\n\t);\n\n\tif ( ! clientId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"link-ui-block-inserter\"\n\t\t\trole=\"dialog\"\n\t\t\taria-labelledby={ dialogTitleId }\n\t\t\taria-describedby={ dialogDescriptionId }\n\t\t\tref={ focusOnMountRef }\n\t\t>\n\t\t\t<VisuallyHidden>\n\t\t\t\t<h2 id={ dialogTitleId }>{ __( 'Add block' ) }</h2>\n\n\t\t\t\t<p id={ dialogDescriptionId }>\n\t\t\t\t\t{ __( 'Choose a block to add to your Navigation.' ) }\n\t\t\t\t</p>\n\t\t\t</VisuallyHidden>\n\n\t\t\t<Button\n\t\t\t\tclassName=\"link-ui-block-inserter__back\"\n\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tonBack();\n\t\t\t\t} }\n\t\t\t\tsize=\"small\"\n\t\t\t>\n\t\t\t\t{ __( 'Back' ) }\n\t\t\t</Button>\n\n\t\t\t<QuickInserter\n\t\t\t\trootClientId={ rootBlockClientId }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisAppender={ false }\n\t\t\t\tprioritizePatterns={ false }\n\t\t\t\tselectBlockOnInsert={ ! onBlockInsert }\n\t\t\t\tonSelect={ onBlockInsert ? onBlockInsert : undefined }\n\t\t\t\thasSearch={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction UnforwardedLinkUI( props, ref ) {\n\tconst { label, url, opensInNewTab, type, kind } = props.link;\n\tconst postType = type || 'page';\n\n\tconst [ addingBlock, setAddingBlock ] = useState( false );\n\tconst [ addingPage, setAddingPage ] = useState( false );\n\tconst [ focusAddBlockButton, setFocusAddBlockButton ] = useState( false );\n\tconst [ focusAddPageButton, setFocusAddPageButton ] = useState( false );\n\tconst permissions = useResourcePermissions( {\n\t\tkind: 'postType',\n\t\tname: postType,\n\t} );\n\n\t// Memoize link value to avoid overriding the LinkControl's internal state.\n\t// This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/50976#issuecomment-1568226407.\n\tconst link = useMemo(\n\t\t() => ( {\n\t\t\turl,\n\t\t\topensInNewTab,\n\t\t\ttitle: label && stripHTML( label ),\n\t\t} ),\n\t\t[ label, opensInNewTab, url ]\n\t);\n\n\tconst handlePageCreated = ( pageLink ) => {\n\t\t// Set the new page as the current link\n\t\tprops.onChange( pageLink );\n\t\t// Return to main Link UI\n\t\tsetAddingPage( false );\n\t};\n\n\tconst dialogTitleId = useInstanceId(\n\t\tLinkUI,\n\t\t`link-ui-link-control__title`\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tLinkUI,\n\t\t`link-ui-link-control__description`\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ ref }\n\t\t\tplacement=\"bottom\"\n\t\t\tonClose={ props.onClose }\n\t\t\tanchor={ props.anchor }\n\t\t\tshift\n\t\t>\n\t\t\t{ ! addingBlock && ! addingPage && (\n\t\t\t\t<div\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\taria-labelledby={ dialogTitleId }\n\t\t\t\t\taria-describedby={ dialogDescriptionId }\n\t\t\t\t>\n\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t<h2 id={ dialogTitleId }>{ __( 'Add link' ) }</h2>\n\n\t\t\t\t\t\t<p id={ dialogDescriptionId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Search for and add a link to your Navigation.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t<LinkControl\n\t\t\t\t\t\thasTextControl\n\t\t\t\t\t\thasRichPreviews\n\t\t\t\t\t\tvalue={ link }\n\t\t\t\t\t\tshowInitialSuggestions\n\t\t\t\t\t\twithCreateSuggestion={ false }\n\t\t\t\t\t\tnoDirectEntry={ !! type }\n\t\t\t\t\t\tnoURLSuggestion={ !! type }\n\t\t\t\t\t\tsuggestionsQuery={ getSuggestionsQuery( type, kind ) }\n\t\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\t\tonRemove={ props.onRemove }\n\t\t\t\t\t\tonCancel={ props.onCancel }\n\t\t\t\t\t\trenderControlBottom={ () =>\n\t\t\t\t\t\t\t! link?.url?.length && (\n\t\t\t\t\t\t\t\t<LinkUITools\n\t\t\t\t\t\t\t\t\tfocusAddBlockButton={ focusAddBlockButton }\n\t\t\t\t\t\t\t\t\tfocusAddPageButton={ focusAddPageButton }\n\t\t\t\t\t\t\t\t\tsetAddingBlock={ () => {\n\t\t\t\t\t\t\t\t\t\tsetAddingBlock( true );\n\t\t\t\t\t\t\t\t\t\tsetFocusAddBlockButton( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsetAddingPage={ () => {\n\t\t\t\t\t\t\t\t\t\tsetAddingPage( true );\n\t\t\t\t\t\t\t\t\t\tsetFocusAddPageButton( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcanCreatePage={ permissions.canCreate }\n\t\t\t\t\t\t\t\t\tblockEditingMode={ blockEditingMode }\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/>\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ addingBlock && (\n\t\t\t\t<LinkUIBlockInserter\n\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\tonBack={ () => {\n\t\t\t\t\t\tsetAddingBlock( false );\n\t\t\t\t\t\tsetFocusAddBlockButton( true );\n\t\t\t\t\t\tsetFocusAddPageButton( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockInsert={ props?.onBlockInsert }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ addingPage && (\n\t\t\t\t<LinkUIPageCreator\n\t\t\t\t\tpostType={ postType }\n\t\t\t\t\tonBack={ () => {\n\t\t\t\t\t\tsetAddingPage( false );\n\t\t\t\t\t\tsetFocusAddPageButton( true );\n\t\t\t\t\t\tsetFocusAddBlockButton( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonPageCreated={ handlePageCreated }\n\t\t\t\t\tinitialTitle={ link?.url || '' }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nexport const LinkUI = forwardRef( UnforwardedLinkUI );\n\nconst LinkUITools = ( {\n\tsetAddingBlock,\n\tsetAddingPage,\n\tfocusAddBlockButton,\n\tfocusAddPageButton,\n\tcanCreatePage,\n\tblockEditingMode,\n} ) => {\n\tconst blockInserterAriaRole = 'listbox';\n\tconst addBlockButtonRef = useRef();\n\tconst addPageButtonRef = useRef();\n\n\t// Focus the add block button when the popover is opened.\n\tuseEffect( () => {\n\t\tif ( focusAddBlockButton ) {\n\t\t\taddBlockButtonRef.current?.focus();\n\t\t}\n\t}, [ focusAddBlockButton ] );\n\n\t// Focus the add page button when the popover is opened.\n\tuseEffect( () => {\n\t\tif ( focusAddPageButton ) {\n\t\t\taddPageButtonRef.current?.focus();\n\t\t}\n\t}, [ focusAddPageButton ] );\n\n\treturn (\n\t\t<VStack spacing={ 0 } className=\"link-ui-tools\">\n\t\t\t{ canCreatePage && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ addPageButtonRef }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tsetAddingPage( true );\n\t\t\t\t\t} }\n\t\t\t\t\taria-haspopup={ blockInserterAriaRole }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Create page' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ addBlockButtonRef }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tsetAddingBlock( true );\n\t\t\t\t\t} }\n\t\t\t\t\taria-haspopup={ blockInserterAriaRole }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add block' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</VStack>\n\t);\n};\n\nexport default LinkUITools;\n"],"mappings":"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","ignoreList":[]}

package/build/navigation-link/page-creator.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,16 +10,13 @@ var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
 var _element = require("@wordpress/element");
-var _dialogWrapper = _interopRequireDefault(require("./dialog-wrapper"));
+var _icons = require("@wordpress/icons");
+var _compose = require("@wordpress/compose");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
 /**
  * Component for creating new pages within the Navigation Link UI.
  *
@@ -39,6 +35,9 @@ function LinkUIPageCreator({
   const [title, setTitle] = (0, _element.useState)(initialTitle);
   const [shouldPublish, setShouldPublish] = (0, _element.useState)(false);
 
+  // Focus the first element when the component mounts
+  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
+
   // Check if the title is valid for submission
   const isTitleValid = title.trim().length > 0;
 
@@ -81,12 +80,19 @@ function LinkUIPageCreator({
     }
   }
   const isSubmitDisabled = isSaving || !isTitleValid;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "link-ui-page-creator",
-    title: (0, _i18n.__)('Create page'),
-    description: (0, _i18n.__)('Create a new page to add to your Navigation.'),
-    onBack: onBack,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+    ref: focusOnMountRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      className: "link-ui-page-creator__back",
+      icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall,
+      onClick: e => {
+        e.preventDefault();
+        onBack();
+      },
+      size: "small",
+      children: (0, _i18n.__)('Back')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
       className: "link-ui-page-creator__inner",
       spacing: 4,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
@@ -131,7 +137,7 @@ function LinkUIPageCreator({
           })]
         })
       })
-    })
+    })]
   });
 }
 //# sourceMappingURL=page-creator.js.map

package/build/navigation-link/page-creator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_coreData","_htmlEntities","_element","_dialogWrapper","_interopRequireDefault","_jsxRuntime","LinkUIPageCreator","postType","onBack","onPageCreated","initialTitle","title","setTitle","useState","shouldPublish","setShouldPublish","isTitleValid","trim","length","lastError","isSaving","useSelect","select","coreStore","getLastEntitySaveError","isSavingEntityRecord","saveEntityRecord","useDispatch","createPage","event","preventDefault","savedRecord","status","throwOnError","pageLink","id","type","decodeEntities","rendered","url","link","kind","error","isSubmitDisabled","jsx","default","className","__","description","children","__experimentalVStack","spacing","onSubmit","jsxs","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","onChange","placeholder","value","CheckboxControl","help","checked","Notice","isDismissible","message","__experimentalHStack","justify","Button","variant","onClick","disabled","accessibleWhenDisabled","isBusy"],"sources":["@wordpress/block-library/src/navigation-link/page-creator.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tTextControl,\n\tNotice,\n\tCheckboxControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DialogWrapper from './dialog-wrapper';\n\n/**\n * Component for creating new pages within the Navigation Link UI.\n *\n * @param {Object}   props                Component props.\n * @param {string}   props.postType       The post type to create.\n * @param {Function} props.onBack         Callback when user wants to go back.\n * @param {Function} props.onPageCreated  Callback when page is successfully created.\n * @param {string}   [props.initialTitle] Initial title to pre-fill the form.\n */\nexport function LinkUIPageCreator( {\n\tpostType,\n\tonBack,\n\tonPageCreated,\n\tinitialTitle = '',\n} ) {\n\tconst [ title, setTitle ] = useState( initialTitle );\n\tconst [ shouldPublish, setShouldPublish ] = useState( false );\n\n\t// Check if the title is valid for submission\n\tconst isTitleValid = title.trim().length > 0;\n\n\t// Get the last created entity record (without ID) to track creation state\n\tconst { lastError, isSaving } = useSelect(\n\t\t( select ) => ( {\n\t\t\tlastError: select( coreStore ).getLastEntitySaveError(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t\tisSaving: select( coreStore ).isSavingEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t} ),\n\t\t[ postType ]\n\t);\n\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tasync function createPage( event ) {\n\t\tevent.preventDefault();\n\t\tif ( isSaving || ! isTitleValid ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\t{\n\t\t\t\t\ttitle,\n\t\t\t\t\tstatus: shouldPublish ? 'publish' : 'draft',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tif ( savedRecord ) {\n\t\t\t\t// Create the page link object from the saved record\n\t\t\t\tconst pageLink = {\n\t\t\t\t\tid: savedRecord.id,\n\t\t\t\t\ttype: postType,\n\t\t\t\t\ttitle: decodeEntities( savedRecord.title.rendered ),\n\t\t\t\t\turl: savedRecord.link,\n\t\t\t\t\tkind: 'post-type',\n\t\t\t\t};\n\n\t\t\t\tonPageCreated( pageLink );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\t// Error handling is done via the data store selectors\n\t\t}\n\t}\n\n\tconst isSubmitDisabled = isSaving || ! isTitleValid;\n\n\treturn (\n\t\t<DialogWrapper\n\t\t\tclassName=\"link-ui-page-creator\"\n\t\t\ttitle={ __( 'Create page' ) }\n\t\t\tdescription={ __( 'Create a new page to add to your Navigation.' ) }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VStack className=\"link-ui-page-creator__inner\" spacing={ 4 }>\n\t\t\t\t<form onSubmit={ createPage }>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Publish immediately' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'If unchecked, the page will be created as a draft.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ shouldPublish }\n\t\t\t\t\t\t\tonChange={ setShouldPublish }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{ lastError && (\n\t\t\t\t\t\t\t<Notice status=\"error\" isDismissible={ false }>\n\t\t\t\t\t\t\t\t{ lastError.message }\n\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<HStack spacing={ 2 } justify=\"flex-end\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t\t\tdisabled={ isSaving }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t\t\t\taria-disabled={ isSubmitDisabled }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Create page' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t</form>\n\t\t\t</VStack>\n\t\t</DialogWrapper>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_htmlEntities","_element","_icons","_compose","_jsxRuntime","LinkUIPageCreator","postType","onBack","onPageCreated","initialTitle","title","setTitle","useState","shouldPublish","setShouldPublish","focusOnMountRef","useFocusOnMount","isTitleValid","trim","length","lastError","isSaving","useSelect","select","coreStore","getLastEntitySaveError","isSavingEntityRecord","saveEntityRecord","useDispatch","createPage","event","preventDefault","savedRecord","status","throwOnError","pageLink","id","type","decodeEntities","rendered","url","link","kind","error","isSubmitDisabled","jsxs","className","ref","children","jsx","Button","icon","isRTL","chevronRightSmall","chevronLeftSmall","onClick","e","size","__","__experimentalVStack","spacing","onSubmit","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","onChange","placeholder","value","CheckboxControl","help","checked","Notice","isDismissible","message","__experimentalHStack","justify","variant","disabled","accessibleWhenDisabled","isBusy"],"sources":["@wordpress/block-library/src/navigation-link/page-creator.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tTextControl,\n\tNotice,\n\tCheckboxControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState } from '@wordpress/element';\nimport { chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';\nimport { useFocusOnMount } from '@wordpress/compose';\n\n/**\n * Component for creating new pages within the Navigation Link UI.\n *\n * @param {Object}   props                Component props.\n * @param {string}   props.postType       The post type to create.\n * @param {Function} props.onBack         Callback when user wants to go back.\n * @param {Function} props.onPageCreated  Callback when page is successfully created.\n * @param {string}   [props.initialTitle] Initial title to pre-fill the form.\n */\nexport function LinkUIPageCreator( {\n\tpostType,\n\tonBack,\n\tonPageCreated,\n\tinitialTitle = '',\n} ) {\n\tconst [ title, setTitle ] = useState( initialTitle );\n\tconst [ shouldPublish, setShouldPublish ] = useState( false );\n\n\t// Focus the first element when the component mounts\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// Check if the title is valid for submission\n\tconst isTitleValid = title.trim().length > 0;\n\n\t// Get the last created entity record (without ID) to track creation state\n\tconst { lastError, isSaving } = useSelect(\n\t\t( select ) => ( {\n\t\t\tlastError: select( coreStore ).getLastEntitySaveError(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t\tisSaving: select( coreStore ).isSavingEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t} ),\n\t\t[ postType ]\n\t);\n\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tasync function createPage( event ) {\n\t\tevent.preventDefault();\n\t\tif ( isSaving || ! isTitleValid ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\t{\n\t\t\t\t\ttitle,\n\t\t\t\t\tstatus: shouldPublish ? 'publish' : 'draft',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tif ( savedRecord ) {\n\t\t\t\t// Create the page link object from the saved record\n\t\t\t\tconst pageLink = {\n\t\t\t\t\tid: savedRecord.id,\n\t\t\t\t\ttype: postType,\n\t\t\t\t\ttitle: decodeEntities( savedRecord.title.rendered ),\n\t\t\t\t\turl: savedRecord.link,\n\t\t\t\t\tkind: 'post-type',\n\t\t\t\t};\n\n\t\t\t\tonPageCreated( pageLink );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\t// Error handling is done via the data store selectors\n\t\t}\n\t}\n\n\tconst isSubmitDisabled = isSaving || ! isTitleValid;\n\n\treturn (\n\t\t<div className=\"link-ui-page-creator\" ref={ focusOnMountRef }>\n\t\t\t<Button\n\t\t\t\tclassName=\"link-ui-page-creator__back\"\n\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tonBack();\n\t\t\t\t} }\n\t\t\t\tsize=\"small\"\n\t\t\t>\n\t\t\t\t{ __( 'Back' ) }\n\t\t\t</Button>\n\n\t\t\t<VStack className=\"link-ui-page-creator__inner\" spacing={ 4 }>\n\t\t\t\t<form onSubmit={ createPage }>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Publish immediately' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'If unchecked, the page will be created as a draft.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ shouldPublish }\n\t\t\t\t\t\t\tonChange={ setShouldPublish }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{ lastError && (\n\t\t\t\t\t\t\t<Notice status=\"error\" isDismissible={ false }>\n\t\t\t\t\t\t\t\t{ lastError.message }\n\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<HStack spacing={ 2 } justify=\"flex-end\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t\t\tdisabled={ isSaving }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t\t\t\taria-disabled={ isSubmitDisabled }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Create page' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t</form>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/navigation-link/link-ui.js

@@ -3,18 +3,23 @@
  */
 import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
 import { Popover, Button, VisuallyHidden, __experimentalVStack as VStack } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { LinkControl, useBlockEditingMode } from '@wordpress/block-editor';
+import { __, isRTL } from '@wordpress/i18n';
+import { LinkControl, store as blockEditorStore, privateApis as blockEditorPrivateApis, useBlockEditingMode } from '@wordpress/block-editor';
 import { useMemo, useState, useRef, useEffect, forwardRef } from '@wordpress/element';
 import { useResourcePermissions } from '@wordpress/core-data';
-import { plus } from '@wordpress/icons';
-import { useInstanceId } from '@wordpress/compose';
+import { useSelect } from '@wordpress/data';
+import { chevronLeftSmall, chevronRightSmall, plus } from '@wordpress/icons';
+import { useInstanceId, useFocusOnMount } from '@wordpress/compose';
 
 /**
  * Internal dependencies
  */
+import { unlock } from '../lock-unlock';
 import { LinkUIPageCreator } from './page-creator';
-import LinkUIBlockInserter from './block-inserter';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  PrivateQuickInserter: QuickInserter
+} = unlock(blockEditorPrivateApis);
 
 /**
  * Given the Link block's type attribute, return the query params to give to
@@ -24,7 +29,6 @@ import LinkUIBlockInserter from './block-inserter';
  * @param {string} kind Link block's entity of kind (post-type|taxonomy)
  * @return {{ type?: string, subtype?: string }} Search query params.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function getSuggestionsQuery(type, kind) {
   switch (type) {
     case 'post':
@@ -71,6 +75,61 @@ export function getSuggestionsQuery(type, kind) {
       };
   }
 }
+function LinkUIBlockInserter({
+  clientId,
+  onBack,
+  onBlockInsert
+}) {
+  const {
+    rootBlockClientId
+  } = useSelect(select => {
+    const {
+      getBlockRootClientId
+    } = select(blockEditorStore);
+    return {
+      rootBlockClientId: getBlockRootClientId(clientId)
+    };
+  }, [clientId]);
+  const focusOnMountRef = useFocusOnMount('firstElement');
+  const dialogTitleId = useInstanceId(LinkControl, `link-ui-block-inserter__title`);
+  const dialogDescriptionId = useInstanceId(LinkControl, `link-ui-block-inserter__description`);
+  if (!clientId) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: "link-ui-block-inserter",
+    role: "dialog",
+    "aria-labelledby": dialogTitleId,
+    "aria-describedby": dialogDescriptionId,
+    ref: focusOnMountRef,
+    children: [/*#__PURE__*/_jsxs(VisuallyHidden, {
+      children: [/*#__PURE__*/_jsx("h2", {
+        id: dialogTitleId,
+        children: __('Add block')
+      }), /*#__PURE__*/_jsx("p", {
+        id: dialogDescriptionId,
+        children: __('Choose a block to add to your Navigation.')
+      })]
+    }), /*#__PURE__*/_jsx(Button, {
+      className: "link-ui-block-inserter__back",
+      icon: isRTL() ? chevronRightSmall : chevronLeftSmall,
+      onClick: e => {
+        e.preventDefault();
+        onBack();
+      },
+      size: "small",
+      children: __('Back')
+    }), /*#__PURE__*/_jsx(QuickInserter, {
+      rootClientId: rootBlockClientId,
+      clientId: clientId,
+      isAppender: false,
+      prioritizePatterns: false,
+      selectBlockOnInsert: !onBlockInsert,
+      onSelect: onBlockInsert ? onBlockInsert : undefined,
+      hasSearch: false
+    })]
+  });
+}
 function UnforwardedLinkUI(props, ref) {
   const {
     label,
@@ -102,8 +161,8 @@ function UnforwardedLinkUI(props, ref) {
     // Return to main Link UI
     setAddingPage(false);
   };
-  const dialogTitleId = useInstanceId(LinkUI, 'link-ui-link-control__title');
-  const dialogDescriptionId = useInstanceId(LinkUI, 'link-ui-link-control__description');
+  const dialogTitleId = useInstanceId(LinkUI, `link-ui-link-control__title`);
+  const dialogDescriptionId = useInstanceId(LinkUI, `link-ui-link-control__description`);
   const blockEditingMode = useBlockEditingMode();
   return /*#__PURE__*/_jsxs(Popover, {
     ref: ref,
@@ -135,26 +194,20 @@ function UnforwardedLinkUI(props, ref) {
         onChange: props.onChange,
         onRemove: props.onRemove,
         onCancel: props.onCancel,
-        renderControlBottom: () => {
-          // Don't show the tools when there is submitted link (preview state).
-          if (link?.url?.length) {
-            return null;
-          }
-          return /*#__PURE__*/_jsx(LinkUITools, {
-            focusAddBlockButton: focusAddBlockButton,
-            focusAddPageButton: focusAddPageButton,
-            setAddingBlock: () => {
-              setAddingBlock(true);
-              setFocusAddBlockButton(false);
-            },
-            setAddingPage: () => {
-              setAddingPage(true);
-              setFocusAddPageButton(false);
-            },
-            canAddPage: permissions?.canCreate && type === 'page',
-            canAddBlock: blockEditingMode === 'default'
-          });
-        }
+        renderControlBottom: () => !link?.url?.length && /*#__PURE__*/_jsx(LinkUITools, {
+          focusAddBlockButton: focusAddBlockButton,
+          focusAddPageButton: focusAddPageButton,
+          setAddingBlock: () => {
+            setAddingBlock(true);
+            setFocusAddBlockButton(false);
+          },
+          setAddingPage: () => {
+            setAddingPage(true);
+            setFocusAddPageButton(false);
+          },
+          canCreatePage: permissions.canCreate,
+          blockEditingMode: blockEditingMode
+        })
       })]
     }), addingBlock && /*#__PURE__*/_jsx(LinkUIBlockInserter, {
       clientId: props.clientId,
@@ -182,8 +235,8 @@ const LinkUITools = ({
   setAddingPage,
   focusAddBlockButton,
   focusAddPageButton,
-  canAddPage,
-  canAddBlock
+  canCreatePage,
+  blockEditingMode
 }) => {
   const blockInserterAriaRole = 'listbox';
   const addBlockButtonRef = useRef();
@@ -202,15 +255,10 @@ const LinkUITools = ({
       addPageButtonRef.current?.focus();
     }
   }, [focusAddPageButton]);
-
-  // Don't render anything if neither button should be shown
-  if (!canAddPage && !canAddBlock) {
-    return null;
-  }
   return /*#__PURE__*/_jsxs(VStack, {
     spacing: 0,
     className: "link-ui-tools",
-    children: [canAddPage && /*#__PURE__*/_jsx(Button, {
+    children: [canCreatePage && /*#__PURE__*/_jsx(Button, {
       __next40pxDefaultSize: true,
       ref: addPageButtonRef,
       icon: plus,
@@ -220,7 +268,7 @@ const LinkUITools = ({
       },
       "aria-haspopup": blockInserterAriaRole,
       children: __('Create page')
-    }), canAddBlock && /*#__PURE__*/_jsx(Button, {
+    }), blockEditingMode === 'default' && /*#__PURE__*/_jsx(Button, {
       __next40pxDefaultSize: true,
       ref: addBlockButtonRef,
       icon: plus,