@wordpress/block-library 7.19.0 → 8.1.0

package/build-module/page-list/convert-to-links-modal.js

@@ -7,84 +7,24 @@ import { Button, Modal } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
 import { useEntityRecords } from '@wordpress/core-data';
-import { createBlock as create } from '@wordpress/blocks';
 import { store as blockEditorStore } from '@wordpress/block-editor';
-const PAGE_FIELDS = ['id', 'title', 'link', 'type', 'parent'];
-const MAX_PAGE_COUNT = 100;
-export const convertSelectedBlockToNavigationLinks = _ref => {
-  let {
-    pages,
-    clientId,
-    replaceBlock,
-    createBlock
-  } = _ref;
-  return () => {
-    if (!pages) {
-      return;
-    }
-
-    const linkMap = {};
-    const navigationLinks = [];
-    pages.forEach(_ref2 => {
-      var _linkMap$id$innerBloc, _linkMap$id;
-
-      let {
-        id,
-        title,
-        link: url,
-        type,
-        parent
-      } = _ref2;
-      // See if a placeholder exists. This is created if children appear before parents in list.
-      const innerBlocks = (_linkMap$id$innerBloc = (_linkMap$id = linkMap[id]) === null || _linkMap$id === void 0 ? void 0 : _linkMap$id.innerBlocks) !== null && _linkMap$id$innerBloc !== void 0 ? _linkMap$id$innerBloc : [];
-      linkMap[id] = createBlock('core/navigation-link', {
-        id,
-        label: title.rendered,
-        url,
-        type,
-        kind: 'post-type'
-      }, innerBlocks);
-
-      if (!parent) {
-        navigationLinks.push(linkMap[id]);
-      } else {
-        if (!linkMap[parent]) {
-          // Use a placeholder if the child appears before parent in list.
-          linkMap[parent] = {
-            innerBlocks: []
-          };
-        }
-
-        const parentLinkInnerBlocks = linkMap[parent].innerBlocks;
-        parentLinkInnerBlocks.push(linkMap[id]);
-      }
-    }); // Transform all links with innerBlocks into Submenus. This can't be done
-    // sooner because page objects have no information on their children.
-
-    const transformSubmenus = listOfLinks => {
-      listOfLinks.forEach((block, index, listOfLinksArray) => {
-        const {
-          attributes,
-          innerBlocks
-        } = block;
+/**
+ * Internal dependencies
+ */
 
-        if (innerBlocks.length !== 0) {
-          transformSubmenus(innerBlocks);
-          const transformedBlock = createBlock('core/navigation-submenu', attributes, innerBlocks);
-          listOfLinksArray[index] = transformedBlock;
-        }
-      });
-    };
+import { convertToNavigationLinks } from './convert-to-navigation-links';
+/**
+ * Internal dependencies
+ */
 
-    transformSubmenus(navigationLinks);
-    replaceBlock(clientId, navigationLinks);
-  };
-};
-export default function ConvertToLinksModal(_ref3) {
+import { convertDescription } from './constants';
+const PAGE_FIELDS = ['id', 'title', 'link', 'type', 'parent'];
+const MAX_PAGE_COUNT = 100;
+export default function ConvertToLinksModal(_ref) {
   let {
     onClose,
     clientId
-  } = _ref3;
+  } = _ref;
   const {
     records: pages,
     hasResolved: pagesFinished
@@ -103,14 +43,14 @@ export default function ConvertToLinksModal(_ref3) {
   return createElement(Modal, {
     closeLabel: __('Close'),
     onRequestClose: onClose,
-    title: __('Convert to links'),
+    title: __('Customize this menu'),
     className: 'wp-block-page-list-modal',
     aria: {
       describedby: 'wp-block-page-list-modal__description'
     }
   }, createElement("p", {
     id: 'wp-block-page-list-modal__description'
-  }, __('To edit this navigation menu, convert it to single page links. This allows you to add, re-order, remove items, or edit their labels.')), createElement("p", null, __("Note: if you add new pages to your site, you'll need to add them to your navigation menu.")), createElement("div", {
+  }, convertDescription), createElement("div", {
     className: "wp-block-page-list-modal-buttons"
   }, createElement(Button, {
     variant: "tertiary",
@@ -118,12 +58,11 @@ export default function ConvertToLinksModal(_ref3) {
   }, __('Cancel')), createElement(Button, {
     variant: "primary",
     disabled: !pagesFinished,
-    onClick: convertSelectedBlockToNavigationLinks({
-      pages,
-      replaceBlock,
-      clientId,
-      createBlock: create
-    })
-  }, __('Convert'))));
+    onClick: () => {
+      const navigationLinks = convertToNavigationLinks(pages); // Replace the Page List block with the Navigation Links.
+
+      replaceBlock(clientId, navigationLinks);
+    }
+  }, __('Customize'))));
 }
 //# sourceMappingURL=convert-to-links-modal.js.map

package/build-module/page-list/convert-to-links-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/page-list/convert-to-links-modal.js"],"names":["Button","Modal","__","useDispatch","useEntityRecords","createBlock","create","store","blockEditorStore","PAGE_FIELDS","MAX_PAGE_COUNT","convertSelectedBlockToNavigationLinks","pages","clientId","replaceBlock","linkMap","navigationLinks","forEach","id","title","link","url","type","parent","innerBlocks","label","rendered","kind","push","parentLinkInnerBlocks","transformSubmenus","listOfLinks","block","index","listOfLinksArray","attributes","length","transformedBlock","ConvertToLinksModal","onClose","records","hasResolved","pagesFinished","per_page","_fields","orderby","order","describedby"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { createBlock as create } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nconst PAGE_FIELDS = [ 'id', 'title', 'link', 'type', 'parent' ];\nconst MAX_PAGE_COUNT = 100;\n\nexport const convertSelectedBlockToNavigationLinks =\n\t( { pages, clientId, replaceBlock, createBlock } ) =>\n\t() => {\n\t\tif ( ! pages ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst linkMap = {};\n\t\tconst navigationLinks = [];\n\t\tpages.forEach( ( { id, title, link: url, type, parent } ) => {\n\t\t\t// See if a placeholder exists. This is created if children appear before parents in list.\n\t\t\tconst innerBlocks = linkMap[ id ]?.innerBlocks ?? [];\n\t\t\tlinkMap[ id ] = createBlock(\n\t\t\t\t'core/navigation-link',\n\t\t\t\t{\n\t\t\t\t\tid,\n\t\t\t\t\tlabel: title.rendered,\n\t\t\t\t\turl,\n\t\t\t\t\ttype,\n\t\t\t\t\tkind: 'post-type',\n\t\t\t\t},\n\t\t\t\tinnerBlocks\n\t\t\t);\n\n\t\t\tif ( ! parent ) {\n\t\t\t\tnavigationLinks.push( linkMap[ id ] );\n\t\t\t} else {\n\t\t\t\tif ( ! linkMap[ parent ] ) {\n\t\t\t\t\t// Use a placeholder if the child appears before parent in list.\n\t\t\t\t\tlinkMap[ parent ] = { innerBlocks: [] };\n\t\t\t\t}\n\t\t\t\tconst parentLinkInnerBlocks = linkMap[ parent ].innerBlocks;\n\t\t\t\tparentLinkInnerBlocks.push( linkMap[ id ] );\n\t\t\t}\n\t\t} );\n\n\t\t// Transform all links with innerBlocks into Submenus. This can't be done\n\t\t// sooner because page objects have no information on their children.\n\n\t\tconst transformSubmenus = ( listOfLinks ) => {\n\t\t\tlistOfLinks.forEach( ( block, index, listOfLinksArray ) => {\n\t\t\t\tconst { attributes, innerBlocks } = block;\n\t\t\t\tif ( innerBlocks.length !== 0 ) {\n\t\t\t\t\ttransformSubmenus( innerBlocks );\n\t\t\t\t\tconst transformedBlock = createBlock(\n\t\t\t\t\t\t'core/navigation-submenu',\n\t\t\t\t\t\tattributes,\n\t\t\t\t\t\tinnerBlocks\n\t\t\t\t\t);\n\t\t\t\t\tlistOfLinksArray[ index ] = transformedBlock;\n\t\t\t\t}\n\t\t\t} );\n\t\t};\n\n\t\ttransformSubmenus( navigationLinks );\n\n\t\treplaceBlock( clientId, navigationLinks );\n\t};\n\nexport default function ConvertToLinksModal( { onClose, clientId } ) {\n\tconst { records: pages, hasResolved: pagesFinished } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\tper_page: MAX_PAGE_COUNT,\n\t\t\t_fields: PAGE_FIELDS,\n\t\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t\t// sort.\n\t\t\torderby: 'menu_order',\n\t\t\torder: 'asc',\n\t\t}\n\t);\n\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Modal\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\ttitle={ __( 'Convert to links' ) }\n\t\t\tclassName={ 'wp-block-page-list-modal' }\n\t\t\taria={ { describedby: 'wp-block-page-list-modal__description' } }\n\t\t>\n\t\t\t<p id={ 'wp-block-page-list-modal__description' }>\n\t\t\t\t{ __(\n\t\t\t\t\t'To edit this navigation menu, convert it to single page links. This allows you to add, re-order, remove items, or edit their labels.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t\"Note: if you add new pages to your site, you'll need to add them to your navigation menu.\"\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<div className=\"wp-block-page-list-modal-buttons\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tdisabled={ ! pagesFinished }\n\t\t\t\t\tonClick={ convertSelectedBlockToNavigationLinks( {\n\t\t\t\t\t\tpages,\n\t\t\t\t\t\treplaceBlock,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tcreateBlock: create,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Convert' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/page-list/convert-to-links-modal.js"],"names":["Button","Modal","__","useDispatch","useEntityRecords","store","blockEditorStore","convertToNavigationLinks","convertDescription","PAGE_FIELDS","MAX_PAGE_COUNT","ConvertToLinksModal","onClose","clientId","records","pages","hasResolved","pagesFinished","per_page","_fields","orderby","order","replaceBlock","describedby","navigationLinks"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,KAAjB,QAA8B,uBAA9B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,+BAAzC;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,QAAmC,aAAnC;AAEA,MAAMC,WAAW,GAAG,CAAE,IAAF,EAAQ,OAAR,EAAiB,MAAjB,EAAyB,MAAzB,EAAiC,QAAjC,CAApB;AACA,MAAMC,cAAc,GAAG,GAAvB;AAEA,eAAe,SAASC,mBAAT,OAAsD;AAAA,MAAxB;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAwB;AACpE,QAAM;AAAEC,IAAAA,OAAO,EAAEC,KAAX;AAAkBC,IAAAA,WAAW,EAAEC;AAA/B,MAAiDb,gBAAgB,CACtE,UADsE,EAEtE,MAFsE,EAGtE;AACCc,IAAAA,QAAQ,EAAER,cADX;AAECS,IAAAA,OAAO,EAAEV,WAFV;AAGC;AACA;AACA;AACAW,IAAAA,OAAO,EAAE,YANV;AAOCC,IAAAA,KAAK,EAAE;AAPR,GAHsE,CAAvE;AAcA,QAAM;AAAEC,IAAAA;AAAF,MAAmBnB,WAAW,CAAEG,gBAAF,CAApC;AAEA,SACC,cAAC,KAAD;AACC,IAAA,UAAU,EAAGJ,EAAE,CAAE,OAAF,CADhB;AAEC,IAAA,cAAc,EAAGU,OAFlB;AAGC,IAAA,KAAK,EAAGV,EAAE,CAAE,qBAAF,CAHX;AAIC,IAAA,SAAS,EAAG,0BAJb;AAKC,IAAA,IAAI,EAAG;AAAEqB,MAAAA,WAAW,EAAE;AAAf;AALR,KAOC;AAAG,IAAA,EAAE,EAAG;AAAR,KACGf,kBADH,CAPD,EAUC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,UAAhB;AAA2B,IAAA,OAAO,EAAGI;AAArC,KACGV,EAAE,CAAE,QAAF,CADL,CADD,EAIC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,QAAQ,EAAG,CAAEe,aAFd;AAGC,IAAA,OAAO,EAAG,MAAM;AACf,YAAMO,eAAe,GACpBjB,wBAAwB,CAAEQ,KAAF,CADzB,CADe,CAIf;;AACAO,MAAAA,YAAY,CAAET,QAAF,EAAYW,eAAZ,CAAZ;AACA;AATF,KAWGtB,EAAE,CAAE,WAAF,CAXL,CAJD,CAVD,CADD;AA+BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n/**\n * Internal dependencies\n */\nimport { convertToNavigationLinks } from './convert-to-navigation-links';\n\n/**\n * Internal dependencies\n */\nimport { convertDescription } from './constants';\n\nconst PAGE_FIELDS = [ 'id', 'title', 'link', 'type', 'parent' ];\nconst MAX_PAGE_COUNT = 100;\n\nexport default function ConvertToLinksModal( { onClose, clientId } ) {\n\tconst { records: pages, hasResolved: pagesFinished } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\tper_page: MAX_PAGE_COUNT,\n\t\t\t_fields: PAGE_FIELDS,\n\t\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t\t// sort.\n\t\t\torderby: 'menu_order',\n\t\t\torder: 'asc',\n\t\t}\n\t);\n\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Modal\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\ttitle={ __( 'Customize this menu' ) }\n\t\t\tclassName={ 'wp-block-page-list-modal' }\n\t\t\taria={ { describedby: 'wp-block-page-list-modal__description' } }\n\t\t>\n\t\t\t<p id={ 'wp-block-page-list-modal__description' }>\n\t\t\t\t{ convertDescription }\n\t\t\t</p>\n\t\t\t<div className=\"wp-block-page-list-modal-buttons\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tdisabled={ ! pagesFinished }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tconst navigationLinks =\n\t\t\t\t\t\t\tconvertToNavigationLinks( pages );\n\n\t\t\t\t\t\t// Replace the Page List block with the Navigation Links.\n\t\t\t\t\t\treplaceBlock( clientId, navigationLinks );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Customize' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"]}

package/build-module/page-list/convert-to-navigation-links.js

@@ -0,0 +1,66 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+export const convertToNavigationLinks = pages => {
+  if (!pages) {
+    return;
+  }
+
+  const linkMap = {};
+  const navigationLinks = [];
+  pages.forEach(_ref => {
+    var _linkMap$id$innerBloc, _linkMap$id;
+
+    let {
+      id,
+      title,
+      link: url,
+      type,
+      parent
+    } = _ref;
+    // See if a placeholder exists. This is created if children appear before parents in list.
+    const innerBlocks = (_linkMap$id$innerBloc = (_linkMap$id = linkMap[id]) === null || _linkMap$id === void 0 ? void 0 : _linkMap$id.innerBlocks) !== null && _linkMap$id$innerBloc !== void 0 ? _linkMap$id$innerBloc : [];
+    linkMap[id] = createBlock('core/navigation-link', {
+      id,
+      label: title.rendered,
+      url,
+      type,
+      kind: 'post-type'
+    }, innerBlocks);
+
+    if (!parent) {
+      navigationLinks.push(linkMap[id]);
+    } else {
+      if (!linkMap[parent]) {
+        // Use a placeholder if the child appears before parent in list.
+        linkMap[parent] = {
+          innerBlocks: []
+        };
+      }
+
+      const parentLinkInnerBlocks = linkMap[parent].innerBlocks;
+      parentLinkInnerBlocks.push(linkMap[id]);
+    }
+  }); // Transform all links with innerBlocks into Submenus. This can't be done
+  // sooner because page objects have no information on their children.
+
+  const transformSubmenus = listOfLinks => {
+    listOfLinks.forEach((block, index, listOfLinksArray) => {
+      const {
+        attributes,
+        innerBlocks
+      } = block;
+
+      if (innerBlocks.length !== 0) {
+        transformSubmenus(innerBlocks);
+        const transformedBlock = createBlock('core/navigation-submenu', attributes, innerBlocks);
+        listOfLinksArray[index] = transformedBlock;
+      }
+    });
+  };
+
+  transformSubmenus(navigationLinks);
+  return navigationLinks;
+};
+//# sourceMappingURL=convert-to-navigation-links.js.map

package/build-module/page-list/convert-to-navigation-links.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/page-list/convert-to-navigation-links.js"],"names":["createBlock","convertToNavigationLinks","pages","linkMap","navigationLinks","forEach","id","title","link","url","type","parent","innerBlocks","label","rendered","kind","push","parentLinkInnerBlocks","transformSubmenus","listOfLinks","block","index","listOfLinksArray","attributes","length","transformedBlock"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,OAAO,MAAMC,wBAAwB,GAAKC,KAAF,IAAa;AACpD,MAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AAED,QAAMC,OAAO,GAAG,EAAhB;AACA,QAAMC,eAAe,GAAG,EAAxB;AACAF,EAAAA,KAAK,CAACG,OAAN,CAAe,QAA8C;AAAA;;AAAA,QAA5C;AAAEC,MAAAA,EAAF;AAAMC,MAAAA,KAAN;AAAaC,MAAAA,IAAI,EAAEC,GAAnB;AAAwBC,MAAAA,IAAxB;AAA8BC,MAAAA;AAA9B,KAA4C;AAC5D;AACA,UAAMC,WAAW,2CAAGT,OAAO,CAAEG,EAAF,CAAV,gDAAG,YAAeM,WAAlB,yEAAiC,EAAlD;AACAT,IAAAA,OAAO,CAAEG,EAAF,CAAP,GAAgBN,WAAW,CAC1B,sBAD0B,EAE1B;AACCM,MAAAA,EADD;AAECO,MAAAA,KAAK,EAAEN,KAAK,CAACO,QAFd;AAGCL,MAAAA,GAHD;AAICC,MAAAA,IAJD;AAKCK,MAAAA,IAAI,EAAE;AALP,KAF0B,EAS1BH,WAT0B,CAA3B;;AAYA,QAAK,CAAED,MAAP,EAAgB;AACfP,MAAAA,eAAe,CAACY,IAAhB,CAAsBb,OAAO,CAAEG,EAAF,CAA7B;AACA,KAFD,MAEO;AACN,UAAK,CAAEH,OAAO,CAAEQ,MAAF,CAAd,EAA2B;AAC1B;AACAR,QAAAA,OAAO,CAAEQ,MAAF,CAAP,GAAoB;AAAEC,UAAAA,WAAW,EAAE;AAAf,SAApB;AACA;;AACD,YAAMK,qBAAqB,GAAGd,OAAO,CAAEQ,MAAF,CAAP,CAAkBC,WAAhD;AACAK,MAAAA,qBAAqB,CAACD,IAAtB,CAA4Bb,OAAO,CAAEG,EAAF,CAAnC;AACA;AACD,GAzBD,EAPoD,CAkCpD;AACA;;AACA,QAAMY,iBAAiB,GAAKC,WAAF,IAAmB;AAC5CA,IAAAA,WAAW,CAACd,OAAZ,CAAqB,CAAEe,KAAF,EAASC,KAAT,EAAgBC,gBAAhB,KAAsC;AAC1D,YAAM;AAAEC,QAAAA,UAAF;AAAcX,QAAAA;AAAd,UAA8BQ,KAApC;;AACA,UAAKR,WAAW,CAACY,MAAZ,KAAuB,CAA5B,EAAgC;AAC/BN,QAAAA,iBAAiB,CAAEN,WAAF,CAAjB;AACA,cAAMa,gBAAgB,GAAGzB,WAAW,CACnC,yBADmC,EAEnCuB,UAFmC,EAGnCX,WAHmC,CAApC;AAKAU,QAAAA,gBAAgB,CAAED,KAAF,CAAhB,GAA4BI,gBAA5B;AACA;AACD,KAXD;AAYA,GAbD;;AAeAP,EAAAA,iBAAiB,CAAEd,eAAF,CAAjB;AAEA,SAAOA,eAAP;AACA,CAtDM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nexport const convertToNavigationLinks = ( pages ) => {\n\tif ( ! pages ) {\n\t\treturn;\n\t}\n\n\tconst linkMap = {};\n\tconst navigationLinks = [];\n\tpages.forEach( ( { id, title, link: url, type, parent } ) => {\n\t\t// See if a placeholder exists. This is created if children appear before parents in list.\n\t\tconst innerBlocks = linkMap[ id ]?.innerBlocks ?? [];\n\t\tlinkMap[ id ] = createBlock(\n\t\t\t'core/navigation-link',\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\tlabel: title.rendered,\n\t\t\t\turl,\n\t\t\t\ttype,\n\t\t\t\tkind: 'post-type',\n\t\t\t},\n\t\t\tinnerBlocks\n\t\t);\n\n\t\tif ( ! parent ) {\n\t\t\tnavigationLinks.push( linkMap[ id ] );\n\t\t} else {\n\t\t\tif ( ! linkMap[ parent ] ) {\n\t\t\t\t// Use a placeholder if the child appears before parent in list.\n\t\t\t\tlinkMap[ parent ] = { innerBlocks: [] };\n\t\t\t}\n\t\t\tconst parentLinkInnerBlocks = linkMap[ parent ].innerBlocks;\n\t\t\tparentLinkInnerBlocks.push( linkMap[ id ] );\n\t\t}\n\t} );\n\n\t// Transform all links with innerBlocks into Submenus. This can't be done\n\t// sooner because page objects have no information on their children.\n\tconst transformSubmenus = ( listOfLinks ) => {\n\t\tlistOfLinks.forEach( ( block, index, listOfLinksArray ) => {\n\t\t\tconst { attributes, innerBlocks } = block;\n\t\t\tif ( innerBlocks.length !== 0 ) {\n\t\t\t\ttransformSubmenus( innerBlocks );\n\t\t\t\tconst transformedBlock = createBlock(\n\t\t\t\t\t'core/navigation-submenu',\n\t\t\t\t\tattributes,\n\t\t\t\t\tinnerBlocks\n\t\t\t\t);\n\t\t\t\tlistOfLinksArray[ index ] = transformedBlock;\n\t\t\t}\n\t\t} );\n\t};\n\n\ttransformSubmenus( navigationLinks );\n\n\treturn navigationLinks;\n};\n"]}

package/build-module/page-list/edit.js

@@ -8,28 +8,39 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 
-import { BlockControls, useBlockProps, getColorClassName } from '@wordpress/block-editor';
-import { ToolbarButton, Spinner, Notice } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useMemo, useState, memo } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore, useEntityRecords } from '@wordpress/core-data';
+import { createBlock } from '@wordpress/blocks';
+import { InspectorControls, BlockControls, useBlockProps, useInnerBlocksProps, getColorClassName, store as blockEditorStore, Warning } from '@wordpress/block-editor';
+import { PanelBody, ToolbarButton, Spinner, Notice, ComboboxControl, Button } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { useMemo, useState, useEffect } from '@wordpress/element';
+import { useEntityRecords } from '@wordpress/core-data';
+import { useSelect, useDispatch } from '@wordpress/data';
 /**
  * Internal dependencies
  */
 
 import ConvertToLinksModal from './convert-to-links-modal';
-import { ItemSubmenuIcon } from '../navigation-link/icons'; // We only show the edit option when page count is <= MAX_PAGE_COUNT
+import { convertToNavigationLinks } from './convert-to-navigation-links';
+import { convertDescription } from './constants'; // We only show the edit option when page count is <= MAX_PAGE_COUNT
 // Performance of Navigation Links is not good past this value.
 
 const MAX_PAGE_COUNT = 100;
+
+const NOOP = () => {};
+
 export default function PageListEdit(_ref) {
   var _context$style;
 
   let {
     context,
-    clientId
+    clientId,
+    attributes,
+    setAttributes
   } = _ref;
+  const {
+    parentPageID
+  } = attributes;
+  const [pages] = useGetPages();
   const {
     pagesByParentId,
     totalPages,
@@ -54,6 +65,71 @@ export default function PageListEdit(_ref) {
     }
   });
 
+  const getBlockList = function () {
+    let parentId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : parentPageID;
+    const childPages = pagesByParentId.get(parentId);
+
+    if (!(childPages !== null && childPages !== void 0 && childPages.length)) {
+      return [];
+    }
+
+    return childPages.reduce((template, page) => {
+      var _page$title, _page$title2;
+
+      const hasChildren = pagesByParentId.has(page.id);
+      const pageProps = {
+        id: page.id,
+        label: (_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered,
+        title: (_page$title2 = page.title) === null || _page$title2 === void 0 ? void 0 : _page$title2.rendered,
+        link: page.url,
+        hasChildren
+      };
+      let item = null;
+      const children = getBlockList(page.id);
+      item = createBlock('core/page-list-item', pageProps, children);
+      template.push(item);
+      return template;
+    }, []);
+  };
+
+  const makePagesTree = function () {
+    let parentId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    const childPages = pagesByParentId.get(parentId);
+
+    if (!(childPages !== null && childPages !== void 0 && childPages.length)) {
+      return [];
+    }
+
+    return childPages.reduce((tree, page) => {
+      const hasChildren = pagesByParentId.has(page.id);
+      const item = {
+        value: page.id,
+        label: '— '.repeat(level) + page.title.rendered,
+        rawName: page.title.rendered
+      };
+      tree.push(item);
+
+      if (hasChildren) {
+        tree.push(...makePagesTree(page.id, level + 1));
+      }
+
+      return tree;
+    }, []);
+  };
+
+  const pagesTree = useMemo(makePagesTree, [pagesByParentId]);
+  const blockList = useMemo(getBlockList, [pagesByParentId, parentPageID]);
+  const innerBlocksProps = useInnerBlocksProps(blockProps, {
+    allowedBlocks: ['core/page-list-item'],
+    renderAppender: false,
+    __unstableDisableDropZone: true,
+    templateLock: 'all',
+    onInput: NOOP,
+    onChange: NOOP,
+    value: blockList
+  });
+
   const getBlockContent = () => {
     if (!hasResolvedPages) {
       return createElement("div", blockProps, createElement(Spinner, null));
@@ -73,15 +149,64 @@ export default function PageListEdit(_ref) {
       }, __('Page List: Cannot retrieve Pages.')));
     }
 
+    if (blockList.length === 0) {
+      const parentPageDetails = pages && pages.find(page => page.id === parentPageID);
+      return createElement("div", blockProps, createElement(Warning, null, sprintf( // translators: %s: Page title.
+      __('"%s" page has no children.'), parentPageDetails.title.rendered)));
+    }
+
     if (totalPages > 0) {
-      return createElement("ul", blockProps, createElement(PageItems, {
-        context: context,
-        pagesByParentId: pagesByParentId
-      }));
+      return createElement("ul", innerBlocksProps);
     }
   };
 
-  return createElement(Fragment, null, allowConvertToLinks && createElement(BlockControls, {
+  const {
+    replaceBlock,
+    selectBlock
+  } = useDispatch(blockEditorStore);
+  const {
+    parentNavBlockClientId,
+    isNested
+  } = useSelect(select => {
+    const {
+      getSelectedBlockClientId,
+      getBlockParentsByBlockName
+    } = select(blockEditorStore);
+
+    const _selectedBlockClientId = getSelectedBlockClientId();
+
+    return {
+      parentNavBlockClientId: getBlockParentsByBlockName(_selectedBlockClientId, 'core/navigation', true)[0],
+      isNested: getBlockParentsByBlockName(clientId, 'core/navigation-submenu', true).length > 0
+    };
+  }, [clientId]);
+  useEffect(() => {
+    setAttributes({
+      isNested
+    });
+  }, [isNested]);
+  return createElement(Fragment, null, createElement(InspectorControls, null, isNavigationChild && (pages === null || pages === void 0 ? void 0 : pages.length) > 0 && createElement(PanelBody, {
+    title: __('Customize this menu')
+  }, createElement("p", null, convertDescription), createElement(Button, {
+    variant: "primary",
+    disabled: !hasResolvedPages,
+    onClick: () => {
+      const navigationLinks = convertToNavigationLinks(pages); // Replace the Page List block with the Navigation Links.
+
+      replaceBlock(clientId, navigationLinks); // Select the Navigation block to reveal the changes.
+
+      selectBlock(parentNavBlockClientId);
+    }
+  }, __('Customize'))), pagesTree.length > 0 && createElement(PanelBody, null, createElement(ComboboxControl, {
+    className: "editor-page-attributes__parent",
+    label: __('Parent page'),
+    value: parentPageID,
+    options: pagesTree,
+    onChange: value => setAttributes({
+      parentPageID: value !== null && value !== void 0 ? value : 0
+    }),
+    help: __('Choose a page to show only its subpages.')
+  }))), allowConvertToLinks && totalPages > 0 && createElement(BlockControls, {
     group: "other"
   }, createElement(ToolbarButton, {
     title: __('Edit'),
@@ -92,20 +217,7 @@ export default function PageListEdit(_ref) {
   }), getBlockContent());
 }
 
-function useFrontPageId() {
-  return useSelect(select => {
-    const canReadSettings = select(coreStore).canUser('read', 'settings');
-
-    if (!canReadSettings) {
-      return undefined;
-    }
-
-    const site = select(coreStore).getEntityRecord('root', 'site');
-    return (site === null || site === void 0 ? void 0 : site.show_on_front) === 'page' && (site === null || site === void 0 ? void 0 : site.page_on_front);
-  }, []);
-}
-
-function usePageData() {
+function useGetPages() {
   const {
     records: pages,
     hasResolved: hasResolvedPages
@@ -116,6 +228,12 @@ function usePageData() {
     per_page: -1,
     context: 'view'
   });
+  return [pages, hasResolvedPages];
+}
+
+function usePageData() {
+  let pageId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  const [pages, hasResolvedPages] = useGetPages();
   return useMemo(() => {
     var _pages$length;
 
@@ -147,60 +265,6 @@ function usePageData() {
       hasResolvedPages,
       totalPages: (_pages$length = pages === null || pages === void 0 ? void 0 : pages.length) !== null && _pages$length !== void 0 ? _pages$length : null
     };
-  }, [pages, hasResolvedPages]);
+  }, [pageId, pages, hasResolvedPages]);
 }
-
-const PageItems = memo(function PageItems(_ref2) {
-  let {
-    context,
-    pagesByParentId,
-    parentId = 0,
-    depth = 0
-  } = _ref2;
-  const pages = pagesByParentId.get(parentId);
-  const frontPageId = useFrontPageId();
-
-  if (!(pages !== null && pages !== void 0 && pages.length)) {
-    return [];
-  }
-
-  return pages.map(page => {
-    var _page$title, _page$title2;
-
-    const hasChildren = pagesByParentId.has(page.id);
-    const isNavigationChild = ('showSubmenuIcon' in context);
-    return createElement("li", {
-      key: page.id,
-      className: classnames('wp-block-pages-list__item', {
-        'has-child': hasChildren,
-        'wp-block-navigation-item': isNavigationChild,
-        'open-on-click': context.openSubmenusOnClick,
-        'open-on-hover-click': !context.openSubmenusOnClick && context.showSubmenuIcon,
-        'menu-item-home': page.id === frontPageId
-      })
-    }, hasChildren && context.openSubmenusOnClick ? createElement(Fragment, null, createElement("button", {
-      className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle",
-      "aria-expanded": "false"
-    }, (_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered), createElement("span", {
-      className: "wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"
-    }, createElement(ItemSubmenuIcon, null))) : createElement("a", {
-      className: classnames('wp-block-pages-list__item__link', {
-        'wp-block-navigation-item__content': isNavigationChild
-      }),
-      href: page.link
-    }, (_page$title2 = page.title) === null || _page$title2 === void 0 ? void 0 : _page$title2.rendered), hasChildren && createElement(Fragment, null, !context.openSubmenusOnClick && context.showSubmenuIcon && createElement("button", {
-      className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon",
-      "aria-expanded": "false"
-    }, createElement(ItemSubmenuIcon, null)), createElement("ul", {
-      className: classnames('submenu-container', {
-        'wp-block-navigation__submenu-container': isNavigationChild
-      })
-    }, createElement(PageItems, {
-      context: context,
-      pagesByParentId: pagesByParentId,
-      parentId: page.id,
-      depth: depth + 1
-    }))));
-  });
-});
 //# sourceMappingURL=edit.js.map

package/build-module/page-list/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/page-list/edit.js"],"names":["classnames","BlockControls","useBlockProps","getColorClassName","ToolbarButton","Spinner","Notice","__","useMemo","useState","memo","useSelect","store","coreStore","useEntityRecords","ConvertToLinksModal","ItemSubmenuIcon","MAX_PAGE_COUNT","PageListEdit","context","clientId","pagesByParentId","totalPages","hasResolvedPages","usePageData","isNavigationChild","allowConvertToLinks","isOpen","setOpen","openModal","closeModal","blockProps","className","textColor","backgroundColor","style","color","getBlockContent","useFrontPageId","select","canReadSettings","canUser","undefined","site","getEntityRecord","show_on_front","page_on_front","records","pages","hasResolved","orderby","order","_fields","per_page","sortedPages","sort","a","b","menu_order","title","rendered","localeCompare","reduce","accumulator","page","parent","has","get","push","set","Map","length","PageItems","parentId","depth","frontPageId","map","hasChildren","id","openSubmenusOnClick","showSubmenuIcon","link"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, Spinner, Notice } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore, useEntityRecords } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport ConvertToLinksModal from './convert-to-links-modal';\nimport { ItemSubmenuIcon } from '../navigation-link/icons';\n\n// We only show the edit option when page count is <= MAX_PAGE_COUNT\n// Performance of Navigation Links is not good past this value.\nconst MAX_PAGE_COUNT = 100;\n\nexport default function PageListEdit( { context, clientId } ) {\n\tconst { pagesByParentId, totalPages, hasResolvedPages } = usePageData();\n\n\tconst isNavigationChild = 'showSubmenuIcon' in context;\n\tconst allowConvertToLinks =\n\t\tisNavigationChild && totalPages <= MAX_PAGE_COUNT;\n\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst openModal = () => setOpen( true );\n\tconst closeModal = () => setOpen( false );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-page-list', {\n\t\t\t'has-text-color': !! context.textColor,\n\t\t\t[ getColorClassName( 'color', context.textColor ) ]:\n\t\t\t\t!! context.textColor,\n\t\t\t'has-background': !! context.backgroundColor,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tcontext.backgroundColor\n\t\t\t) ]: !! context.backgroundColor,\n\t\t} ),\n\t\tstyle: { ...context.style?.color },\n\t} );\n\n\tconst getBlockContent = () => {\n\t\tif ( ! hasResolvedPages ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages === null ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Notice status={ 'warning' } isDismissible={ false }>\n\t\t\t\t\t\t{ __( 'Page List: Cannot retrieve Pages.' ) }\n\t\t\t\t\t</Notice>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages === 0 ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Notice status={ 'info' } isDismissible={ false }>\n\t\t\t\t\t\t{ __( 'Page List: Cannot retrieve Pages.' ) }\n\t\t\t\t\t</Notice>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages > 0 ) {\n\t\t\treturn (\n\t\t\t\t<ul { ...blockProps }>\n\t\t\t\t\t<PageItems\n\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\tpagesByParentId={ pagesByParentId }\n\t\t\t\t\t/>\n\t\t\t\t</ul>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ allowConvertToLinks && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ToolbarButton title={ __( 'Edit' ) } onClick={ openModal }>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ allowConvertToLinks && isOpen && (\n\t\t\t\t<ConvertToLinksModal\n\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ getBlockContent() }\n\t\t</>\n\t);\n}\n\nfunction useFrontPageId() {\n\treturn useSelect( ( select ) => {\n\t\tconst canReadSettings = select( coreStore ).canUser(\n\t\t\t'read',\n\t\t\t'settings'\n\t\t);\n\t\tif ( ! canReadSettings ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst site = select( coreStore ).getEntityRecord( 'root', 'site' );\n\t\treturn site?.show_on_front === 'page' && site?.page_on_front;\n\t}, [] );\n}\n\nfunction usePageData() {\n\tconst { records: pages, hasResolved: hasResolvedPages } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\torderby: 'menu_order',\n\t\t\torder: 'asc',\n\t\t\t_fields: [ 'id', 'link', 'parent', 'title', 'menu_order' ],\n\t\t\tper_page: -1,\n\t\t\tcontext: 'view',\n\t\t}\n\t);\n\n\treturn useMemo( () => {\n\t\t// TODO: Once the REST API supports passing multiple values to\n\t\t// 'orderby', this can be removed.\n\t\t// https://core.trac.wordpress.org/ticket/39037\n\t\tconst sortedPages = [ ...( pages ?? [] ) ].sort( ( a, b ) => {\n\t\t\tif ( a.menu_order === b.menu_order ) {\n\t\t\t\treturn a.title.rendered.localeCompare( b.title.rendered );\n\t\t\t}\n\t\t\treturn a.menu_order - b.menu_order;\n\t\t} );\n\t\tconst pagesByParentId = sortedPages.reduce( ( accumulator, page ) => {\n\t\t\tconst { parent } = page;\n\t\t\tif ( accumulator.has( parent ) ) {\n\t\t\t\taccumulator.get( parent ).push( page );\n\t\t\t} else {\n\t\t\t\taccumulator.set( parent, [ page ] );\n\t\t\t}\n\t\t\treturn accumulator;\n\t\t}, new Map() );\n\n\t\treturn {\n\t\t\tpagesByParentId,\n\t\t\thasResolvedPages,\n\t\t\ttotalPages: pages?.length ?? null,\n\t\t};\n\t}, [ pages, hasResolvedPages ] );\n}\n\nconst PageItems = memo( function PageItems( {\n\tcontext,\n\tpagesByParentId,\n\tparentId = 0,\n\tdepth = 0,\n} ) {\n\tconst pages = pagesByParentId.get( parentId );\n\tconst frontPageId = useFrontPageId();\n\n\tif ( ! pages?.length ) {\n\t\treturn [];\n\t}\n\n\treturn pages.map( ( page ) => {\n\t\tconst hasChildren = pagesByParentId.has( page.id );\n\t\tconst isNavigationChild = 'showSubmenuIcon' in context;\n\t\treturn (\n\t\t\t<li\n\t\t\t\tkey={ page.id }\n\t\t\t\tclassName={ classnames( 'wp-block-pages-list__item', {\n\t\t\t\t\t'has-child': hasChildren,\n\t\t\t\t\t'wp-block-navigation-item': isNavigationChild,\n\t\t\t\t\t'open-on-click': context.openSubmenusOnClick,\n\t\t\t\t\t'open-on-hover-click':\n\t\t\t\t\t\t! context.openSubmenusOnClick &&\n\t\t\t\t\t\tcontext.showSubmenuIcon,\n\t\t\t\t\t'menu-item-home': page.id === frontPageId,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ hasChildren && context.openSubmenusOnClick ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation-item__content wp-block-navigation-submenu__toggle\"\n\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ page.title?.rendered }\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<span className=\"wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon\">\n\t\t\t\t\t\t\t<ItemSubmenuIcon />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-pages-list__item__link',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'wp-block-navigation-item__content':\n\t\t\t\t\t\t\t\t\tisNavigationChild,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\thref={ page.link }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ page.title?.rendered }\n\t\t\t\t\t</a>\n\t\t\t\t) }\n\t\t\t\t{ hasChildren && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! context.openSubmenusOnClick &&\n\t\t\t\t\t\t\tcontext.showSubmenuIcon && (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclassName=\"wp-block-navigation-item__content wp-block-navigation-submenu__toggle wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon\"\n\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ItemSubmenuIcon />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\tclassName={ classnames( 'submenu-container', {\n\t\t\t\t\t\t\t\t'wp-block-navigation__submenu-container':\n\t\t\t\t\t\t\t\t\tisNavigationChild,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PageItems\n\t\t\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\t\t\tpagesByParentId={ pagesByParentId }\n\t\t\t\t\t\t\t\tparentId={ page.id }\n\t\t\t\t\t\t\t\tdepth={ depth + 1 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</li>\n\t\t);\n\t} );\n} );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/page-list/edit.js"],"names":["classnames","createBlock","InspectorControls","BlockControls","useBlockProps","useInnerBlocksProps","getColorClassName","store","blockEditorStore","Warning","PanelBody","ToolbarButton","Spinner","Notice","ComboboxControl","Button","__","sprintf","useMemo","useState","useEffect","useEntityRecords","useSelect","useDispatch","ConvertToLinksModal","convertToNavigationLinks","convertDescription","MAX_PAGE_COUNT","NOOP","PageListEdit","context","clientId","attributes","setAttributes","parentPageID","pages","useGetPages","pagesByParentId","totalPages","hasResolvedPages","usePageData","isNavigationChild","allowConvertToLinks","isOpen","setOpen","openModal","closeModal","blockProps","className","textColor","backgroundColor","style","color","getBlockList","parentId","childPages","get","length","reduce","template","page","hasChildren","has","id","pageProps","label","title","rendered","link","url","item","children","push","makePagesTree","level","tree","value","repeat","rawName","pagesTree","blockList","innerBlocksProps","allowedBlocks","renderAppender","__unstableDisableDropZone","templateLock","onInput","onChange","getBlockContent","parentPageDetails","find","replaceBlock","selectBlock","parentNavBlockClientId","isNested","select","getSelectedBlockClientId","getBlockParentsByBlockName","_selectedBlockClientId","navigationLinks","records","hasResolved","orderby","order","_fields","per_page","pageId","sortedPages","sort","a","b","menu_order","localeCompare","accumulator","parent","set","Map"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SACCC,iBADD,EAECC,aAFD,EAGCC,aAHD,EAICC,mBAJD,EAKCC,iBALD,EAMCC,KAAK,IAAIC,gBANV,EAOCC,OAPD,QAQO,yBARP;AASA,SACCC,SADD,EAECC,aAFD,EAGCC,OAHD,EAICC,MAJD,EAKCC,eALD,EAMCC,MAND,QAOO,uBAPP;AAQA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,OAAT,EAAkBC,QAAlB,EAA4BC,SAA5B,QAA6C,oBAA7C;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,SAASC,wBAAT,QAAyC,+BAAzC;AACA,SAASC,kBAAT,QAAmC,aAAnC,C,CAEA;AACA;;AACA,MAAMC,cAAc,GAAG,GAAvB;;AACA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,eAAe,SAASC,YAAT,OAKX;AAAA;;AAAA,MALkC;AACrCC,IAAAA,OADqC;AAErCC,IAAAA,QAFqC;AAGrCC,IAAAA,UAHqC;AAIrCC,IAAAA;AAJqC,GAKlC;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAmBF,UAAzB;AACA,QAAM,CAAEG,KAAF,IAAYC,WAAW,EAA7B;AACA,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,UAAnB;AAA+BC,IAAAA;AAA/B,MAAoDC,WAAW,EAArE;AAEA,QAAMC,iBAAiB,IAAG,qBAAqBX,OAAxB,CAAvB;AACA,QAAMY,mBAAmB,GACxBD,iBAAiB,IAAIH,UAAU,IAAIX,cADpC;AAGA,QAAM,CAAEgB,MAAF,EAAUC,OAAV,IAAsBzB,QAAQ,CAAE,KAAF,CAApC;;AACA,QAAM0B,SAAS,GAAG,MAAMD,OAAO,CAAE,IAAF,CAA/B;;AACA,QAAME,UAAU,GAAG,MAAMF,OAAO,CAAE,KAAF,CAAhC;;AAEA,QAAMG,UAAU,GAAG3C,aAAa,CAAE;AACjC4C,IAAAA,SAAS,EAAEhD,UAAU,CAAE,oBAAF,EAAwB;AAC5C,wBAAkB,CAAC,CAAE8B,OAAO,CAACmB,SADe;AAE5C,OAAE3C,iBAAiB,CAAE,OAAF,EAAWwB,OAAO,CAACmB,SAAnB,CAAnB,GACC,CAAC,CAAEnB,OAAO,CAACmB,SAHgC;AAI5C,wBAAkB,CAAC,CAAEnB,OAAO,CAACoB,eAJe;AAK5C,OAAE5C,iBAAiB,CAClB,kBADkB,EAElBwB,OAAO,CAACoB,eAFU,CAAnB,GAGK,CAAC,CAAEpB,OAAO,CAACoB;AAR4B,KAAxB,CADY;AAWjCC,IAAAA,KAAK,EAAE,EAAE,sBAAGrB,OAAO,CAACqB,KAAX,mDAAG,eAAeC,KAAlB;AAAF;AAX0B,GAAF,CAAhC;;AAcA,QAAMC,YAAY,GAAG,YAA+B;AAAA,QAA7BC,QAA6B,uEAAlBpB,YAAkB;AACnD,UAAMqB,UAAU,GAAGlB,eAAe,CAACmB,GAAhB,CAAqBF,QAArB,CAAnB;;AAEA,QAAK,EAAEC,UAAF,aAAEA,UAAF,eAAEA,UAAU,CAAEE,MAAd,CAAL,EAA4B;AAC3B,aAAO,EAAP;AACA;;AAED,WAAOF,UAAU,CAACG,MAAX,CAAmB,CAAEC,QAAF,EAAYC,IAAZ,KAAsB;AAAA;;AAC/C,YAAMC,WAAW,GAAGxB,eAAe,CAACyB,GAAhB,CAAqBF,IAAI,CAACG,EAA1B,CAApB;AACA,YAAMC,SAAS,GAAG;AACjBD,QAAAA,EAAE,EAAEH,IAAI,CAACG,EADQ;AAEjBE,QAAAA,KAAK,iBAAEL,IAAI,CAACM,KAAP,gDAAE,YAAYC,QAFF;AAGjBD,QAAAA,KAAK,kBAAEN,IAAI,CAACM,KAAP,iDAAE,aAAYC,QAHF;AAIjBC,QAAAA,IAAI,EAAER,IAAI,CAACS,GAJM;AAKjBR,QAAAA;AALiB,OAAlB;AAOA,UAAIS,IAAI,GAAG,IAAX;AACA,YAAMC,QAAQ,GAAGlB,YAAY,CAAEO,IAAI,CAACG,EAAP,CAA7B;AACAO,MAAAA,IAAI,GAAGrE,WAAW,CAAE,qBAAF,EAAyB+D,SAAzB,EAAoCO,QAApC,CAAlB;AACAZ,MAAAA,QAAQ,CAACa,IAAT,CAAeF,IAAf;AAEA,aAAOX,QAAP;AACA,KAfM,EAeJ,EAfI,CAAP;AAgBA,GAvBD;;AAyBA,QAAMc,aAAa,GAAG,YAA+B;AAAA,QAA7BnB,QAA6B,uEAAlB,CAAkB;AAAA,QAAfoB,KAAe,uEAAP,CAAO;AACpD,UAAMnB,UAAU,GAAGlB,eAAe,CAACmB,GAAhB,CAAqBF,QAArB,CAAnB;;AAEA,QAAK,EAAEC,UAAF,aAAEA,UAAF,eAAEA,UAAU,CAAEE,MAAd,CAAL,EAA4B;AAC3B,aAAO,EAAP;AACA;;AAED,WAAOF,UAAU,CAACG,MAAX,CAAmB,CAAEiB,IAAF,EAAQf,IAAR,KAAkB;AAC3C,YAAMC,WAAW,GAAGxB,eAAe,CAACyB,GAAhB,CAAqBF,IAAI,CAACG,EAA1B,CAApB;AACA,YAAMO,IAAI,GAAG;AACZM,QAAAA,KAAK,EAAEhB,IAAI,CAACG,EADA;AAEZE,QAAAA,KAAK,EAAE,KAAKY,MAAL,CAAaH,KAAb,IAAuBd,IAAI,CAACM,KAAL,CAAWC,QAF7B;AAGZW,QAAAA,OAAO,EAAElB,IAAI,CAACM,KAAL,CAAWC;AAHR,OAAb;AAKAQ,MAAAA,IAAI,CAACH,IAAL,CAAWF,IAAX;;AACA,UAAKT,WAAL,EAAmB;AAClBc,QAAAA,IAAI,CAACH,IAAL,CAAW,GAAGC,aAAa,CAAEb,IAAI,CAACG,EAAP,EAAWW,KAAK,GAAG,CAAnB,CAA3B;AACA;;AACD,aAAOC,IAAP;AACA,KAZM,EAYJ,EAZI,CAAP;AAaA,GApBD;;AAsBA,QAAMI,SAAS,GAAG7D,OAAO,CAAEuD,aAAF,EAAiB,CAAEpC,eAAF,CAAjB,CAAzB;AAEA,QAAM2C,SAAS,GAAG9D,OAAO,CAAEmC,YAAF,EAAgB,CACxChB,eADwC,EAExCH,YAFwC,CAAhB,CAAzB;AAKA,QAAM+C,gBAAgB,GAAG5E,mBAAmB,CAAE0C,UAAF,EAAc;AACzDmC,IAAAA,aAAa,EAAE,CAAE,qBAAF,CAD0C;AAEzDC,IAAAA,cAAc,EAAE,KAFyC;AAGzDC,IAAAA,yBAAyB,EAAE,IAH8B;AAIzDC,IAAAA,YAAY,EAAE,KAJ2C;AAKzDC,IAAAA,OAAO,EAAE1D,IALgD;AAMzD2D,IAAAA,QAAQ,EAAE3D,IAN+C;AAOzDgD,IAAAA,KAAK,EAAEI;AAPkD,GAAd,CAA5C;;AAUA,QAAMQ,eAAe,GAAG,MAAM;AAC7B,QAAK,CAAEjD,gBAAP,EAA0B;AACzB,aACC,qBAAUQ,UAAV,EACC,cAAC,OAAD,OADD,CADD;AAKA;;AAED,QAAKT,UAAU,KAAK,IAApB,EAA2B;AAC1B,aACC,qBAAUS,UAAV,EACC,cAAC,MAAD;AAAQ,QAAA,MAAM,EAAG,SAAjB;AAA6B,QAAA,aAAa,EAAG;AAA7C,SACG/B,EAAE,CAAE,mCAAF,CADL,CADD,CADD;AAOA;;AAED,QAAKsB,UAAU,KAAK,CAApB,EAAwB;AACvB,aACC,qBAAUS,UAAV,EACC,cAAC,MAAD;AAAQ,QAAA,MAAM,EAAG,MAAjB;AAA0B,QAAA,aAAa,EAAG;AAA1C,SACG/B,EAAE,CAAE,mCAAF,CADL,CADD,CADD;AAOA;;AAED,QAAKgE,SAAS,CAACvB,MAAV,KAAqB,CAA1B,EAA8B;AAC7B,YAAMgC,iBAAiB,GACtBtD,KAAK,IAAIA,KAAK,CAACuD,IAAN,CAAc9B,IAAF,IAAYA,IAAI,CAACG,EAAL,KAAY7B,YAApC,CADV;AAEA,aACC,qBAAUa,UAAV,EACC,cAAC,OAAD,QACG9B,OAAO,EACR;AACAD,MAAAA,EAAE,CAAE,4BAAF,CAFM,EAGRyE,iBAAiB,CAACvB,KAAlB,CAAwBC,QAHhB,CADV,CADD,CADD;AAWA;;AAED,QAAK7B,UAAU,GAAG,CAAlB,EAAsB;AACrB,aAAO,oBAAS2C,gBAAT,CAAP;AACA;AACD,GAhDD;;AAkDA,QAAM;AAAEU,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAgCrE,WAAW,CAAEf,gBAAF,CAAjD;AAEA,QAAM;AAAEqF,IAAAA,sBAAF;AAA0BC,IAAAA;AAA1B,MAAuCxE,SAAS,CACnDyE,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,wBAAF;AAA4BC,MAAAA;AAA5B,QACLF,MAAM,CAAEvF,gBAAF,CADP;;AAGA,UAAM0F,sBAAsB,GAAGF,wBAAwB,EAAvD;;AAEA,WAAO;AACNH,MAAAA,sBAAsB,EAAEI,0BAA0B,CACjDC,sBADiD,EAEjD,iBAFiD,EAGjD,IAHiD,CAA1B,CAIrB,CAJqB,CADlB;AAMNJ,MAAAA,QAAQ,EACPG,0BAA0B,CACzBlE,QADyB,EAEzB,yBAFyB,EAGzB,IAHyB,CAA1B,CAIE0B,MAJF,GAIW;AAXN,KAAP;AAaA,GApBoD,EAqBrD,CAAE1B,QAAF,CArBqD,CAAtD;AAwBAX,EAAAA,SAAS,CAAE,MAAM;AAChBa,IAAAA,aAAa,CAAE;AAAE6D,MAAAA;AAAF,KAAF,CAAb;AACA,GAFQ,EAEN,CAAEA,QAAF,CAFM,CAAT;AAIA,SACC,8BACC,cAAC,iBAAD,QACGrD,iBAAiB,IAAI,CAAAN,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEsB,MAAP,IAAgB,CAArC,IACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGzC,EAAE,CAAE,qBAAF;AAArB,KACC,yBAAKU,kBAAL,CADD,EAEC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,QAAQ,EAAG,CAAEa,gBAFd;AAGC,IAAA,OAAO,EAAG,MAAM;AACf,YAAM4D,eAAe,GACpB1E,wBAAwB,CAAEU,KAAF,CADzB,CADe,CAIf;;AACAwD,MAAAA,YAAY,CAAE5D,QAAF,EAAYoE,eAAZ,CAAZ,CALe,CAOf;;AACAP,MAAAA,WAAW,CAAEC,sBAAF,CAAX;AACA;AAZF,KAcG7E,EAAE,CAAE,WAAF,CAdL,CAFD,CAFF,EAsBG+D,SAAS,CAACtB,MAAV,GAAmB,CAAnB,IACD,cAAC,SAAD,QACC,cAAC,eAAD;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,KAAK,EAAGzC,EAAE,CAAE,aAAF,CAFX;AAGC,IAAA,KAAK,EAAGkB,YAHT;AAIC,IAAA,OAAO,EAAG6C,SAJX;AAKC,IAAA,QAAQ,EAAKH,KAAF,IACV3C,aAAa,CAAE;AAAEC,MAAAA,YAAY,EAAE0C,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAW;AAAzB,KAAF,CANf;AAQC,IAAA,IAAI,EAAG5D,EAAE,CACR,0CADQ;AARV,IADD,CAvBF,CADD,EAwCG0B,mBAAmB,IAAIJ,UAAU,GAAG,CAApC,IACD,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,aAAD;AAAe,IAAA,KAAK,EAAGtB,EAAE,CAAE,MAAF,CAAzB;AAAsC,IAAA,OAAO,EAAG6B;AAAhD,KACG7B,EAAE,CAAE,MAAF,CADL,CADD,CAzCF,EA+CG0B,mBAAmB,IAAIC,MAAvB,IACD,cAAC,mBAAD;AACC,IAAA,OAAO,EAAGG,UADX;AAEC,IAAA,QAAQ,EAAGf;AAFZ,IAhDF,EAsDGyD,eAAe,EAtDlB,CADD;AA0DA;;AAED,SAASpD,WAAT,GAAuB;AACtB,QAAM;AAAEgE,IAAAA,OAAO,EAAEjE,KAAX;AAAkBkE,IAAAA,WAAW,EAAE9D;AAA/B,MAAoDlB,gBAAgB,CACzE,UADyE,EAEzE,MAFyE,EAGzE;AACCiF,IAAAA,OAAO,EAAE,YADV;AAECC,IAAAA,KAAK,EAAE,KAFR;AAGCC,IAAAA,OAAO,EAAE,CAAE,IAAF,EAAQ,MAAR,EAAgB,QAAhB,EAA0B,OAA1B,EAAmC,YAAnC,CAHV;AAICC,IAAAA,QAAQ,EAAE,CAAC,CAJZ;AAKC3E,IAAAA,OAAO,EAAE;AALV,GAHyE,CAA1E;AAYA,SAAO,CAAEK,KAAF,EAASI,gBAAT,CAAP;AACA;;AAED,SAASC,WAAT,GAAmC;AAAA,MAAbkE,MAAa,uEAAJ,CAAI;AAClC,QAAM,CAAEvE,KAAF,EAASI,gBAAT,IAA8BH,WAAW,EAA/C;AAEA,SAAOlB,OAAO,CAAE,MAAM;AAAA;;AACrB;AACA;AACA;AAEA,UAAMyF,WAAW,GAAG,CAAE,IAAKxE,KAAL,aAAKA,KAAL,cAAKA,KAAL,GAAc,EAAd,CAAF,EAAuByE,IAAvB,CAA6B,CAAEC,CAAF,EAAKC,CAAL,KAAY;AAC5D,UAAKD,CAAC,CAACE,UAAF,KAAiBD,CAAC,CAACC,UAAxB,EAAqC;AACpC,eAAOF,CAAC,CAAC3C,KAAF,CAAQC,QAAR,CAAiB6C,aAAjB,CAAgCF,CAAC,CAAC5C,KAAF,CAAQC,QAAxC,CAAP;AACA;;AACD,aAAO0C,CAAC,CAACE,UAAF,GAAeD,CAAC,CAACC,UAAxB;AACA,KALmB,CAApB;AAMA,UAAM1E,eAAe,GAAGsE,WAAW,CAACjD,MAAZ,CAAoB,CAAEuD,WAAF,EAAerD,IAAf,KAAyB;AACpE,YAAM;AAAEsD,QAAAA;AAAF,UAAatD,IAAnB;;AACA,UAAKqD,WAAW,CAACnD,GAAZ,CAAiBoD,MAAjB,CAAL,EAAiC;AAChCD,QAAAA,WAAW,CAACzD,GAAZ,CAAiB0D,MAAjB,EAA0B1C,IAA1B,CAAgCZ,IAAhC;AACA,OAFD,MAEO;AACNqD,QAAAA,WAAW,CAACE,GAAZ,CAAiBD,MAAjB,EAAyB,CAAEtD,IAAF,CAAzB;AACA;;AACD,aAAOqD,WAAP;AACA,KARuB,EAQrB,IAAIG,GAAJ,EARqB,CAAxB;AAUA,WAAO;AACN/E,MAAAA,eADM;AAENE,MAAAA,gBAFM;AAGND,MAAAA,UAAU,mBAAEH,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEsB,MAAT,yDAAmB;AAHvB,KAAP;AAKA,GA1Ba,EA0BX,CAAEiD,MAAF,EAAUvE,KAAV,EAAiBI,gBAAjB,CA1BW,CAAd;AA2BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\tstore as blockEditorStore,\n\tWarning,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tToolbarButton,\n\tSpinner,\n\tNotice,\n\tComboboxControl,\n\tButton,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useMemo, useState, useEffect } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport ConvertToLinksModal from './convert-to-links-modal';\nimport { convertToNavigationLinks } from './convert-to-navigation-links';\nimport { convertDescription } from './constants';\n\n// We only show the edit option when page count is <= MAX_PAGE_COUNT\n// Performance of Navigation Links is not good past this value.\nconst MAX_PAGE_COUNT = 100;\nconst NOOP = () => {};\n\nexport default function PageListEdit( {\n\tcontext,\n\tclientId,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst { parentPageID } = attributes;\n\tconst [ pages ] = useGetPages();\n\tconst { pagesByParentId, totalPages, hasResolvedPages } = usePageData();\n\n\tconst isNavigationChild = 'showSubmenuIcon' in context;\n\tconst allowConvertToLinks =\n\t\tisNavigationChild && totalPages <= MAX_PAGE_COUNT;\n\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst openModal = () => setOpen( true );\n\tconst closeModal = () => setOpen( false );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-page-list', {\n\t\t\t'has-text-color': !! context.textColor,\n\t\t\t[ getColorClassName( 'color', context.textColor ) ]:\n\t\t\t\t!! context.textColor,\n\t\t\t'has-background': !! context.backgroundColor,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tcontext.backgroundColor\n\t\t\t) ]: !! context.backgroundColor,\n\t\t} ),\n\t\tstyle: { ...context.style?.color },\n\t} );\n\n\tconst getBlockList = ( parentId = parentPageID ) => {\n\t\tconst childPages = pagesByParentId.get( parentId );\n\n\t\tif ( ! childPages?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn childPages.reduce( ( template, page ) => {\n\t\t\tconst hasChildren = pagesByParentId.has( page.id );\n\t\t\tconst pageProps = {\n\t\t\t\tid: page.id,\n\t\t\t\tlabel: page.title?.rendered,\n\t\t\t\ttitle: page.title?.rendered,\n\t\t\t\tlink: page.url,\n\t\t\t\thasChildren,\n\t\t\t};\n\t\t\tlet item = null;\n\t\t\tconst children = getBlockList( page.id );\n\t\t\titem = createBlock( 'core/page-list-item', pageProps, children );\n\t\t\ttemplate.push( item );\n\n\t\t\treturn template;\n\t\t}, [] );\n\t};\n\n\tconst makePagesTree = ( parentId = 0, level = 0 ) => {\n\t\tconst childPages = pagesByParentId.get( parentId );\n\n\t\tif ( ! childPages?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn childPages.reduce( ( tree, page ) => {\n\t\t\tconst hasChildren = pagesByParentId.has( page.id );\n\t\t\tconst item = {\n\t\t\t\tvalue: page.id,\n\t\t\t\tlabel: '— '.repeat( level ) + page.title.rendered,\n\t\t\t\trawName: page.title.rendered,\n\t\t\t};\n\t\t\ttree.push( item );\n\t\t\tif ( hasChildren ) {\n\t\t\t\ttree.push( ...makePagesTree( page.id, level + 1 ) );\n\t\t\t}\n\t\t\treturn tree;\n\t\t}, [] );\n\t};\n\n\tconst pagesTree = useMemo( makePagesTree, [ pagesByParentId ] );\n\n\tconst blockList = useMemo( getBlockList, [\n\t\tpagesByParentId,\n\t\tparentPageID,\n\t] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/page-list-item' ],\n\t\trenderAppender: false,\n\t\t__unstableDisableDropZone: true,\n\t\ttemplateLock: 'all',\n\t\tonInput: NOOP,\n\t\tonChange: NOOP,\n\t\tvalue: blockList,\n\t} );\n\n\tconst getBlockContent = () => {\n\t\tif ( ! hasResolvedPages ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages === null ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Notice status={ 'warning' } isDismissible={ false }>\n\t\t\t\t\t\t{ __( 'Page List: Cannot retrieve Pages.' ) }\n\t\t\t\t\t</Notice>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages === 0 ) {\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Notice status={ 'info' } isDismissible={ false }>\n\t\t\t\t\t\t{ __( 'Page List: Cannot retrieve Pages.' ) }\n\t\t\t\t\t</Notice>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( blockList.length === 0 ) {\n\t\t\tconst parentPageDetails =\n\t\t\t\tpages && pages.find( ( page ) => page.id === parentPageID );\n\t\t\treturn (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Warning>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: Page title.\n\t\t\t\t\t\t\t__( '\"%s\" page has no children.' ),\n\t\t\t\t\t\t\tparentPageDetails.title.rendered\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Warning>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif ( totalPages > 0 ) {\n\t\t\treturn <ul { ...innerBlocksProps }></ul>;\n\t\t}\n\t};\n\n\tconst { replaceBlock, selectBlock } = useDispatch( blockEditorStore );\n\n\tconst { parentNavBlockClientId, isNested } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\t\treturn {\n\t\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t\t_selectedBlockClientId,\n\t\t\t\t\t'core/navigation',\n\t\t\t\t\ttrue\n\t\t\t\t)[ 0 ],\n\t\t\t\tisNested:\n\t\t\t\t\tgetBlockParentsByBlockName(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t'core/navigation-submenu',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t).length > 0,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tuseEffect( () => {\n\t\tsetAttributes( { isNested } );\n\t}, [ isNested ] );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ isNavigationChild && pages?.length > 0 && (\n\t\t\t\t\t<PanelBody title={ __( 'Customize this menu' ) }>\n\t\t\t\t\t\t<p>{ convertDescription }</p>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tdisabled={ ! hasResolvedPages }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst navigationLinks =\n\t\t\t\t\t\t\t\t\tconvertToNavigationLinks( pages );\n\n\t\t\t\t\t\t\t\t// Replace the Page List block with the Navigation Links.\n\t\t\t\t\t\t\t\treplaceBlock( clientId, navigationLinks );\n\n\t\t\t\t\t\t\t\t// Select the Navigation block to reveal the changes.\n\t\t\t\t\t\t\t\tselectBlock( parentNavBlockClientId );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Customize' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ pagesTree.length > 0 && (\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ComboboxControl\n\t\t\t\t\t\t\tclassName=\"editor-page-attributes__parent\"\n\t\t\t\t\t\t\tlabel={ __( 'Parent page' ) }\n\t\t\t\t\t\t\tvalue={ parentPageID }\n\t\t\t\t\t\t\toptions={ pagesTree }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { parentPageID: value ?? 0 } )\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'Choose a page to show only its subpages.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ allowConvertToLinks && totalPages > 0 && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ToolbarButton title={ __( 'Edit' ) } onClick={ openModal }>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ allowConvertToLinks && isOpen && (\n\t\t\t\t<ConvertToLinksModal\n\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ getBlockContent() }\n\t\t</>\n\t);\n}\n\nfunction useGetPages() {\n\tconst { records: pages, hasResolved: hasResolvedPages } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\torderby: 'menu_order',\n\t\t\torder: 'asc',\n\t\t\t_fields: [ 'id', 'link', 'parent', 'title', 'menu_order' ],\n\t\t\tper_page: -1,\n\t\t\tcontext: 'view',\n\t\t}\n\t);\n\n\treturn [ pages, hasResolvedPages ];\n}\n\nfunction usePageData( pageId = 0 ) {\n\tconst [ pages, hasResolvedPages ] = useGetPages();\n\n\treturn useMemo( () => {\n\t\t// TODO: Once the REST API supports passing multiple values to\n\t\t// 'orderby', this can be removed.\n\t\t// https://core.trac.wordpress.org/ticket/39037\n\n\t\tconst sortedPages = [ ...( pages ?? [] ) ].sort( ( a, b ) => {\n\t\t\tif ( a.menu_order === b.menu_order ) {\n\t\t\t\treturn a.title.rendered.localeCompare( b.title.rendered );\n\t\t\t}\n\t\t\treturn a.menu_order - b.menu_order;\n\t\t} );\n\t\tconst pagesByParentId = sortedPages.reduce( ( accumulator, page ) => {\n\t\t\tconst { parent } = page;\n\t\t\tif ( accumulator.has( parent ) ) {\n\t\t\t\taccumulator.get( parent ).push( page );\n\t\t\t} else {\n\t\t\t\taccumulator.set( parent, [ page ] );\n\t\t\t}\n\t\t\treturn accumulator;\n\t\t}, new Map() );\n\n\t\treturn {\n\t\t\tpagesByParentId,\n\t\t\thasResolvedPages,\n\t\t\ttotalPages: pages?.length ?? null,\n\t\t};\n\t}, [ pageId, pages, hasResolvedPages ] );\n}\n"]}