@wordpress/block-library 6.0.2 → 6.0.6

package/build-module/nextpage/edit.native.js

@@ -16,12 +16,13 @@ import { withPreferredColorScheme } from '@wordpress/compose';
  */
 
 import styles from './editor.scss';
-export function NextPageEdit({
-  attributes,
-  isSelected,
-  onFocus,
-  getStylesFromColorScheme
-}) {
+export function NextPageEdit(_ref) {
+  let {
+    attributes,
+    isSelected,
+    onFocus,
+    getStylesFromColorScheme
+  } = _ref;
   const {
     customText = __('Page break')
   } = attributes;

package/build-module/nextpage/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/nextpage/edit.native.js"],"names":["View","Hr","__","sprintf","withPreferredColorScheme","styles","NextPageEdit","attributes","isSelected","onFocus","getStylesFromColorScheme","customText","accessibilityTitle","accessibilityState","textStyle","nextpageText","nextpageTextDark","lineStyle","nextpageLine","nextpageLineDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AACA,OAAOC,EAAP,MAAe,iBAAf;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,OAAO,SAASC,YAAT,CAAuB;AAC7BC,EAAAA,UAD6B;AAE7BC,EAAAA,UAF6B;AAG7BC,EAAAA,OAH6B;AAI7BC,EAAAA;AAJ6B,CAAvB,EAKH;AACH,QAAM;AAAEC,IAAAA,UAAU,GAAGT,EAAE,CAAE,YAAF;AAAjB,MAAsCK,UAA5C;AACA,QAAMK,kBAAkB,GAAGL,UAAU,CAACI,UAAX,IAAyB,EAApD;AACA,QAAME,kBAAkB,GAAGL,UAAU,GAAG,CAAE,UAAF,CAAH,GAAoB,EAAzD;AACA,QAAMM,SAAS,GAAGJ,wBAAwB,CACzCL,MAAM,CAACU,YADkC,EAEzCV,MAAM,CAACW,gBAFkC,CAA1C;AAIA,QAAMC,SAAS,GAAGP,wBAAwB,CACzCL,MAAM,CAACa,YADkC,EAEzCb,MAAM,CAACc,gBAFkC,CAA1C;AAKA,SACC,cAAC,IAAD;AACC,IAAA,UAAU,MADX;AAEC,IAAA,kBAAkB,EAAGhB,OAAO;AAC3B;AACAD,IAAAA,EAAE,CAAE,sBAAF,CAFyB,EAG3BU,kBAH2B,CAF7B;AAOC,IAAA,mBAAmB,EAAGC,kBAPvB;AAQC,IAAA,kBAAkB,EAAGJ;AARtB,KAUC,cAAC,EAAD;AACC,IAAA,IAAI,EAAGE,UADR;AAEC,IAAA,UAAU,EAAG,CAFd;AAGC,IAAA,WAAW,EAAG,CAHf;AAIC,IAAA,SAAS,EAAGG,SAJb;AAKC,IAAA,SAAS,EAAGG;AALb,IAVD,CADD;AAoBA;AAED,eAAeb,wBAAwB,CAAEE,YAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Hr from 'react-native-hr';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nexport function NextPageEdit( {\n\tattributes,\n\tisSelected,\n\tonFocus,\n\tgetStylesFromColorScheme,\n} ) {\n\tconst { customText = __( 'Page break' ) } = attributes;\n\tconst accessibilityTitle = attributes.customText || '';\n\tconst accessibilityState = isSelected ? [ 'selected' ] : [];\n\tconst textStyle = getStylesFromColorScheme(\n\t\tstyles.nextpageText,\n\t\tstyles.nextpageTextDark\n\t);\n\tconst lineStyle = getStylesFromColorScheme(\n\t\tstyles.nextpageLine,\n\t\tstyles.nextpageLineDark\n\t);\n\n\treturn (\n\t\t<View\n\t\t\taccessible\n\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t/* translators: accessibility text. %s: Page break text. */\n\t\t\t\t__( 'Page break block. %s' ),\n\t\t\t\taccessibilityTitle\n\t\t\t) }\n\t\t\taccessibilityStates={ accessibilityState }\n\t\t\tonAccessibilityTap={ onFocus }\n\t\t>\n\t\t\t<Hr\n\t\t\t\ttext={ customText }\n\t\t\t\tmarginLeft={ 0 }\n\t\t\t\tmarginRight={ 0 }\n\t\t\t\ttextStyle={ textStyle }\n\t\t\t\tlineStyle={ lineStyle }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( NextPageEdit );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/nextpage/edit.native.js"],"names":["View","Hr","__","sprintf","withPreferredColorScheme","styles","NextPageEdit","attributes","isSelected","onFocus","getStylesFromColorScheme","customText","accessibilityTitle","accessibilityState","textStyle","nextpageText","nextpageTextDark","lineStyle","nextpageLine","nextpageLineDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AACA,OAAOC,EAAP,MAAe,iBAAf;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,OAAO,SAASC,YAAT,OAKH;AAAA,MAL0B;AAC7BC,IAAAA,UAD6B;AAE7BC,IAAAA,UAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA;AAJ6B,GAK1B;AACH,QAAM;AAAEC,IAAAA,UAAU,GAAGT,EAAE,CAAE,YAAF;AAAjB,MAAsCK,UAA5C;AACA,QAAMK,kBAAkB,GAAGL,UAAU,CAACI,UAAX,IAAyB,EAApD;AACA,QAAME,kBAAkB,GAAGL,UAAU,GAAG,CAAE,UAAF,CAAH,GAAoB,EAAzD;AACA,QAAMM,SAAS,GAAGJ,wBAAwB,CACzCL,MAAM,CAACU,YADkC,EAEzCV,MAAM,CAACW,gBAFkC,CAA1C;AAIA,QAAMC,SAAS,GAAGP,wBAAwB,CACzCL,MAAM,CAACa,YADkC,EAEzCb,MAAM,CAACc,gBAFkC,CAA1C;AAKA,SACC,cAAC,IAAD;AACC,IAAA,UAAU,MADX;AAEC,IAAA,kBAAkB,EAAGhB,OAAO;AAC3B;AACAD,IAAAA,EAAE,CAAE,sBAAF,CAFyB,EAG3BU,kBAH2B,CAF7B;AAOC,IAAA,mBAAmB,EAAGC,kBAPvB;AAQC,IAAA,kBAAkB,EAAGJ;AARtB,KAUC,cAAC,EAAD;AACC,IAAA,IAAI,EAAGE,UADR;AAEC,IAAA,UAAU,EAAG,CAFd;AAGC,IAAA,WAAW,EAAG,CAHf;AAIC,IAAA,SAAS,EAAGG,SAJb;AAKC,IAAA,SAAS,EAAGG;AALb,IAVD,CADD;AAoBA;AAED,eAAeb,wBAAwB,CAAEE,YAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Hr from 'react-native-hr';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nexport function NextPageEdit( {\n\tattributes,\n\tisSelected,\n\tonFocus,\n\tgetStylesFromColorScheme,\n} ) {\n\tconst { customText = __( 'Page break' ) } = attributes;\n\tconst accessibilityTitle = attributes.customText || '';\n\tconst accessibilityState = isSelected ? [ 'selected' ] : [];\n\tconst textStyle = getStylesFromColorScheme(\n\t\tstyles.nextpageText,\n\t\tstyles.nextpageTextDark\n\t);\n\tconst lineStyle = getStylesFromColorScheme(\n\t\tstyles.nextpageLine,\n\t\tstyles.nextpageLineDark\n\t);\n\n\treturn (\n\t\t<View\n\t\t\taccessible\n\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t/* translators: accessibility text. %s: Page break text. */\n\t\t\t\t__( 'Page break block. %s' ),\n\t\t\t\taccessibilityTitle\n\t\t\t) }\n\t\t\taccessibilityStates={ accessibilityState }\n\t\t\tonAccessibilityTap={ onFocus }\n\t\t>\n\t\t\t<Hr\n\t\t\t\ttext={ customText }\n\t\t\t\tmarginLeft={ 0 }\n\t\t\t\tmarginRight={ 0 }\n\t\t\t\ttextStyle={ textStyle }\n\t\t\t\tlineStyle={ lineStyle }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( NextPageEdit );\n"]}

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

@@ -11,75 +11,80 @@ 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 = ({
-  pages,
-  clientId,
-  replaceBlock,
-  createBlock
-}) => () => {
-  if (!pages) {
-    return;
-  }
+export const convertSelectedBlockToNavigationLinks = _ref => {
+  let {
+    pages,
+    clientId,
+    replaceBlock,
+    createBlock
+  } = _ref;
+  return () => {
+    if (!pages) {
+      return;
+    }
 
-  const linkMap = {};
-  const navigationLinks = [];
-  pages.forEach(({
-    id,
-    title,
-    link: url,
-    type,
-    parent
-  }) => {
-    var _linkMap$id$innerBloc, _linkMap$id;
+    const linkMap = {};
+    const navigationLinks = [];
+    pages.forEach(_ref2 => {
+      var _linkMap$id$innerBloc, _linkMap$id;
 
-    // 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);
+      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: []
-        };
+      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 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;
 
-  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;
+        }
+      });
+    };
 
-      if (innerBlocks.length !== 0) {
-        transformSubmenus(innerBlocks);
-        const transformedBlock = createBlock('core/navigation-submenu', attributes, innerBlocks);
-        listOfLinksArray[index] = transformedBlock;
-      }
-    });
+    transformSubmenus(navigationLinks);
+    replaceBlock(clientId, navigationLinks);
   };
-
-  transformSubmenus(navigationLinks);
-  replaceBlock(clientId, navigationLinks);
 };
-export default function ConvertToLinksModal({
-  onClose,
-  clientId
-}) {
+export default function ConvertToLinksModal(_ref3) {
+  let {
+    onClose,
+    clientId
+  } = _ref3;
   const {
     pages,
     pagesFinished

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","useSelect","store","coreDataStore","createBlock","create","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","pagesFinished","select","getEntityRecords","hasFinishedResolution","query","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, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } 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\tpages,\n\tclientId,\n\treplaceBlock,\n\tcreateBlock,\n} ) => () => {\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\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\treplaceBlock( clientId, navigationLinks );\n};\n\nexport default function ConvertToLinksModal( { onClose, clientId } ) {\n\tconst { pages, pagesFinished } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreDataStore\n\t\t\t);\n\t\t\tconst query = [\n\t\t\t\t'postType',\n\t\t\t\t'page',\n\t\t\t\t{\n\t\t\t\t\tper_page: MAX_PAGE_COUNT,\n\t\t\t\t\t_fields: PAGE_FIELDS,\n\t\t\t\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t\t\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t\t\t\t// sort.\n\t\t\t\t\torderby: 'menu_order',\n\t\t\t\t\torder: 'asc',\n\t\t\t\t},\n\t\t\t];\n\t\t\treturn {\n\t\t\t\tpages: getEntityRecords( ...query ),\n\t\t\t\tpagesFinished: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tquery\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\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","useSelect","store","coreDataStore","createBlock","create","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","pagesFinished","select","getEntityRecords","hasFinishedResolution","query","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, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } 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\tpages,\n\tclientId,\n\treplaceBlock,\n\tcreateBlock,\n} ) => () => {\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\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\treplaceBlock( clientId, navigationLinks );\n};\n\nexport default function ConvertToLinksModal( { onClose, clientId } ) {\n\tconst { pages, pagesFinished } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreDataStore\n\t\t\t);\n\t\t\tconst query = [\n\t\t\t\t'postType',\n\t\t\t\t'page',\n\t\t\t\t{\n\t\t\t\t\tper_page: MAX_PAGE_COUNT,\n\t\t\t\t\t_fields: PAGE_FIELDS,\n\t\t\t\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t\t\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t\t\t\t// sort.\n\t\t\t\t\torderby: 'menu_order',\n\t\t\t\t\torder: 'asc',\n\t\t\t\t},\n\t\t\t];\n\t\t\treturn {\n\t\t\t\tpages: getEntityRecords( ...query ),\n\t\t\t\tpagesFinished: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tquery\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\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"]}

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

@@ -4,112 +4,55 @@ import { createElement, Fragment } from "@wordpress/element";
  * External dependencies
  */
 import classnames from 'classnames';
+import { sortBy } from 'lodash';
 /**
  * WordPress dependencies
  */
 
-import { BlockControls, useBlockProps, store as blockEditorStore, getColorClassName } from '@wordpress/block-editor';
-import ServerSideRender from '@wordpress/server-side-render';
-import { ToolbarButton } from '@wordpress/components';
+import { BlockControls, useBlockProps, getColorClassName } from '@wordpress/block-editor';
+import { ToolbarButton, Placeholder, Spinner } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useEffect, useState } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
+import { useEffect, useState, memo } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';
 /**
  * Internal dependencies
  */
 
-import ConvertToLinksModal from './convert-to-links-modal'; // We only show the edit option when page count is <= MAX_PAGE_COUNT
+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
 // Performance of Navigation Links is not good past this value.
 
 const MAX_PAGE_COUNT = 100;
-export default function PageListEdit({
-  context,
-  clientId,
-  attributes,
-  setAttributes
-}) {
-  // Copy context to attributes to make it accessible in the editor's
-  // ServerSideRender
-  useEffect(() => {
-    const {
-      textColor,
-      customTextColor,
-      backgroundColor,
-      customBackgroundColor,
-      overlayTextColor,
-      customOverlayTextColor,
-      overlayBackgroundColor,
-      customOverlayBackgroundColor
-    } = context;
-    setAttributes({
-      textColor,
-      customTextColor,
-      backgroundColor,
-      customBackgroundColor,
-      overlayTextColor,
-      customOverlayTextColor,
-      overlayBackgroundColor,
-      customOverlayBackgroundColor
-    });
-  }, [context.textColor, context.customTextColor, context.backgroundColor, context.customBackgroundColor, context.overlayTextColor, context.customOverlayTextColor, context.overlayBackgroundColor, context.customOverlayBackgroundColor]);
+export default function PageListEdit(_ref) {
+  var _context$style;
+
+  let {
+    context,
+    clientId
+  } = _ref;
   const {
-    textColor,
-    backgroundColor,
-    style
-  } = context || {};
-  const [allowConvertToLinks, setAllowConvertToLinks] = useState(false);
-  const blockProps = useBlockProps({
-    className: classnames({
-      'has-text-color': !!textColor,
-      [getColorClassName('color', textColor)]: !!textColor,
-      'has-background': !!backgroundColor,
-      [getColorClassName('background-color', backgroundColor)]: !!backgroundColor
-    }),
-    style: { ...(style === null || style === void 0 ? void 0 : style.color)
-    }
-  });
-  const isParentNavigation = useSelect(select => {
-    const {
-      getBlockParentsByBlockName
-    } = select(blockEditorStore);
-    return getBlockParentsByBlockName(clientId, 'core/navigation').length > 0;
-  }, [clientId]);
-  useEffect(() => {
-    setAttributes({
-      isNavigationChild: isParentNavigation,
-      openSubmenusOnClick: !!context.openSubmenusOnClick,
-      showSubmenuIcon: !!context.showSubmenuIcon
-    });
-  }, [context.openSubmenusOnClick, context.showSubmenuIcon]);
-  useEffect(() => {
-    if (isParentNavigation) {
-      apiFetch({
-        path: addQueryArgs('/wp/v2/pages', {
-          per_page: 1,
-          _fields: ['id']
-        }),
-        parse: false
-      }).then(res => {
-        setAllowConvertToLinks(res.headers.get('X-WP-Total') <= MAX_PAGE_COUNT);
-      });
-    } else {
-      setAllowConvertToLinks(false);
-    }
-  }, [isParentNavigation]);
+    pagesByParentId,
+    totalPages
+  } = usePagesByParentId();
+  const isNavigationChild = ('showSubmenuIcon' in context);
+  const allowConvertToLinks = isNavigationChild && totalPages <= MAX_PAGE_COUNT;
   const [isOpen, setOpen] = useState(false);
 
   const openModal = () => setOpen(true);
 
-  const closeModal = () => setOpen(false); // Update parent status before component first renders.
-
+  const closeModal = () => setOpen(false);
 
-  const attributesWithParentStatus = { ...attributes,
-    isNavigationChild: isParentNavigation,
-    openSubmenusOnClick: !!context.openSubmenusOnClick,
-    showSubmenuIcon: !!context.showSubmenuIcon
-  };
+  const blockProps = useBlockProps({
+    className: classnames('wp-block-page-list', {
+      'has-text-color': !!context.textColor,
+      [getColorClassName('color', context.textColor)]: !!context.textColor,
+      'has-background': !!context.backgroundColor,
+      [getColorClassName('background-color', context.backgroundColor)]: !!context.backgroundColor
+    }),
+    style: { ...((_context$style = context.style) === null || _context$style === void 0 ? void 0 : _context$style.color)
+    }
+  });
   return createElement(Fragment, null, allowConvertToLinks && createElement(BlockControls, {
     group: "other"
   }, createElement(ToolbarButton, {
@@ -118,10 +61,110 @@ export default function PageListEdit({
   }, __('Edit'))), allowConvertToLinks && isOpen && createElement(ConvertToLinksModal, {
     onClose: closeModal,
     clientId: clientId
-  }), createElement("div", blockProps, createElement(ServerSideRender, {
-    block: "core/page-list",
-    attributes: attributesWithParentStatus,
-    EmptyResponsePlaceholder: () => createElement("span", null, __('Page List: No pages to show.'))
+  }), totalPages === null && createElement("div", blockProps, createElement(Placeholder, null, createElement(Spinner, null))), totalPages === 0 && createElement("div", blockProps, createElement("span", null, __('Page List: No pages to show.'))), totalPages > 0 && createElement("ul", blockProps, createElement(PageItems, {
+    context: context,
+    pagesByParentId: pagesByParentId
   })));
 }
+
+function usePagesByParentId() {
+  const [pagesByParentId, setPagesByParentId] = useState(null);
+  const [totalPages, setTotalPages] = useState(null);
+  useEffect(() => {
+    async function performFetch() {
+      setPagesByParentId(null);
+      setTotalPages(null);
+      let pages = await apiFetch({
+        path: addQueryArgs('/wp/v2/pages', {
+          orderby: 'menu_order',
+          order: 'asc',
+          _fields: ['id', 'link', 'parent', 'title', 'menu_order'],
+          per_page: -1
+        })
+      }); // TODO: Once the REST API supports passing multiple values to
+      // 'orderby', this can be removed.
+      // https://core.trac.wordpress.org/ticket/39037
+
+      pages = sortBy(pages, ['menu_order', 'title.rendered']);
+      setPagesByParentId(pages.reduce((accumulator, page) => {
+        const {
+          parent
+        } = page;
+
+        if (accumulator.has(parent)) {
+          accumulator.get(parent).push(page);
+        } else {
+          accumulator.set(parent, [page]);
+        }
+
+        return accumulator;
+      }, new Map()));
+      setTotalPages(pages.length);
+    }
+
+    performFetch();
+  }, []);
+  return {
+    pagesByParentId,
+    totalPages
+  };
+}
+
+const PageItems = memo(function PageItems(_ref2) {
+  let {
+    context,
+    pagesByParentId,
+    parentId = 0,
+    depth = 0
+  } = _ref2;
+  const pages = pagesByParentId.get(parentId);
+
+  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
+      })
+    }, hasChildren && context.openSubmenusOnClick ? createElement(ItemSubmenuToggle, {
+      title: (_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered
+    }) : 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(ItemSubmenuToggle, 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
+    }))));
+  });
+});
+
+function ItemSubmenuToggle(_ref3) {
+  let {
+    title
+  } = _ref3;
+  return createElement("button", {
+    className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle",
+    "aria-expanded": "false"
+  }, title, createElement("span", {
+    className: "wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"
+  }, createElement(ItemSubmenuIcon, null)));
+}
 //# 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","store","blockEditorStore","getColorClassName","ServerSideRender","ToolbarButton","__","useEffect","useState","useSelect","apiFetch","addQueryArgs","ConvertToLinksModal","MAX_PAGE_COUNT","PageListEdit","context","clientId","attributes","setAttributes","textColor","customTextColor","backgroundColor","customBackgroundColor","overlayTextColor","customOverlayTextColor","overlayBackgroundColor","customOverlayBackgroundColor","style","allowConvertToLinks","setAllowConvertToLinks","blockProps","className","color","isParentNavigation","select","getBlockParentsByBlockName","length","isNavigationChild","openSubmenusOnClick","showSubmenuIcon","path","per_page","_fields","parse","then","res","headers","get","isOpen","setOpen","openModal","closeModal","attributesWithParentStatus"],"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\tstore as blockEditorStore,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport ConvertToLinksModal from './convert-to-links-modal';\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( {\n\tcontext,\n\tclientId,\n\tattributes,\n\tsetAttributes,\n} ) {\n\t// Copy context to attributes to make it accessible in the editor's\n\t// ServerSideRender\n\tuseEffect( () => {\n\t\tconst {\n\t\t\ttextColor,\n\t\t\tcustomTextColor,\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\toverlayTextColor,\n\t\t\tcustomOverlayTextColor,\n\t\t\toverlayBackgroundColor,\n\t\t\tcustomOverlayBackgroundColor,\n\t\t} = context;\n\t\tsetAttributes( {\n\t\t\ttextColor,\n\t\t\tcustomTextColor,\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\toverlayTextColor,\n\t\t\tcustomOverlayTextColor,\n\t\t\toverlayBackgroundColor,\n\t\t\tcustomOverlayBackgroundColor,\n\t\t} );\n\t}, [\n\t\tcontext.textColor,\n\t\tcontext.customTextColor,\n\t\tcontext.backgroundColor,\n\t\tcontext.customBackgroundColor,\n\t\tcontext.overlayTextColor,\n\t\tcontext.customOverlayTextColor,\n\t\tcontext.overlayBackgroundColor,\n\t\tcontext.customOverlayBackgroundColor,\n\t] );\n\n\tconst { textColor, backgroundColor, style } = context || {};\n\n\tconst [ allowConvertToLinks, setAllowConvertToLinks ] = useState( false );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t'has-text-color': !! textColor,\n\t\t\t[ getColorClassName( 'color', textColor ) ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t) ]: !! backgroundColor,\n\t\t} ),\n\t\tstyle: { ...style?.color },\n\t} );\n\n\tconst isParentNavigation = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockParentsByBlockName } = select( blockEditorStore );\n\t\t\treturn (\n\t\t\t\tgetBlockParentsByBlockName( clientId, 'core/navigation' )\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( {\n\t\t\tisNavigationChild: isParentNavigation,\n\t\t\topenSubmenusOnClick: !! context.openSubmenusOnClick,\n\t\t\tshowSubmenuIcon: !! context.showSubmenuIcon,\n\t\t} );\n\t}, [ context.openSubmenusOnClick, context.showSubmenuIcon ] );\n\n\tuseEffect( () => {\n\t\tif ( isParentNavigation ) {\n\t\t\tapiFetch( {\n\t\t\t\tpath: addQueryArgs( '/wp/v2/pages', {\n\t\t\t\t\tper_page: 1,\n\t\t\t\t\t_fields: [ 'id' ],\n\t\t\t\t} ),\n\t\t\t\tparse: false,\n\t\t\t} ).then( ( res ) => {\n\t\t\t\tsetAllowConvertToLinks(\n\t\t\t\t\tres.headers.get( 'X-WP-Total' ) <= MAX_PAGE_COUNT\n\t\t\t\t);\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAllowConvertToLinks( false );\n\t\t}\n\t}, [ isParentNavigation ] );\n\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst openModal = () => setOpen( true );\n\tconst closeModal = () => setOpen( false );\n\n\t// Update parent status before component first renders.\n\tconst attributesWithParentStatus = {\n\t\t...attributes,\n\t\tisNavigationChild: isParentNavigation,\n\t\topenSubmenusOnClick: !! context.openSubmenusOnClick,\n\t\tshowSubmenuIcon: !! context.showSubmenuIcon,\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\t\t\t<div { ...blockProps }>\n\t\t\t\t<ServerSideRender\n\t\t\t\t\tblock=\"core/page-list\"\n\t\t\t\t\tattributes={ attributesWithParentStatus }\n\t\t\t\t\tEmptyResponsePlaceholder={ () => (\n\t\t\t\t\t\t<span>{ __( 'Page List: No pages to show.' ) }</span>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/page-list/edit.js"],"names":["classnames","sortBy","BlockControls","useBlockProps","getColorClassName","ToolbarButton","Placeholder","Spinner","__","useEffect","useState","memo","apiFetch","addQueryArgs","ConvertToLinksModal","ItemSubmenuIcon","MAX_PAGE_COUNT","PageListEdit","context","clientId","pagesByParentId","totalPages","usePagesByParentId","isNavigationChild","allowConvertToLinks","isOpen","setOpen","openModal","closeModal","blockProps","className","textColor","backgroundColor","style","color","setPagesByParentId","setTotalPages","performFetch","pages","path","orderby","order","_fields","per_page","reduce","accumulator","page","parent","has","get","push","set","Map","length","PageItems","parentId","depth","map","hasChildren","id","openSubmenusOnClick","showSubmenuIcon","title","rendered","link","ItemSubmenuToggle"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { sortBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, memo } from '@wordpress/element';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\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 } = usePagesByParentId();\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(\n\t\t\t\t'color',\n\t\t\t\tcontext.textColor\n\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\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\t\t\t{ totalPages === null && (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</Placeholder>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ totalPages === 0 && (\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<span>{ __( 'Page List: No pages to show.' ) }</span>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ totalPages > 0 && (\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\nfunction usePagesByParentId() {\n\tconst [ pagesByParentId, setPagesByParentId ] = useState( null );\n\tconst [ totalPages, setTotalPages ] = useState( null );\n\n\tuseEffect( () => {\n\t\tasync function performFetch() {\n\t\t\tsetPagesByParentId( null );\n\t\t\tsetTotalPages( null );\n\n\t\t\tlet pages = await apiFetch( {\n\t\t\t\tpath: addQueryArgs( '/wp/v2/pages', {\n\t\t\t\t\torderby: 'menu_order',\n\t\t\t\t\torder: 'asc',\n\t\t\t\t\t_fields: [ 'id', 'link', 'parent', 'title', 'menu_order' ],\n\t\t\t\t\tper_page: -1,\n\t\t\t\t} ),\n\t\t\t} );\n\n\t\t\t// TODO: Once the REST API supports passing multiple values to\n\t\t\t// 'orderby', this can be removed.\n\t\t\t// https://core.trac.wordpress.org/ticket/39037\n\t\t\tpages = sortBy( pages, [ 'menu_order', 'title.rendered' ] );\n\n\t\t\tsetPagesByParentId(\n\t\t\t\tpages.reduce( ( accumulator, page ) => {\n\t\t\t\t\tconst { parent } = page;\n\t\t\t\t\tif ( accumulator.has( parent ) ) {\n\t\t\t\t\t\taccumulator.get( parent ).push( page );\n\t\t\t\t\t} else {\n\t\t\t\t\t\taccumulator.set( parent, [ page ] );\n\t\t\t\t\t}\n\t\t\t\t\treturn accumulator;\n\t\t\t\t}, new Map() )\n\t\t\t);\n\t\t\tsetTotalPages( pages.length );\n\t\t}\n\t\tperformFetch();\n\t}, [] );\n\n\treturn {\n\t\tpagesByParentId,\n\t\ttotalPages,\n\t};\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\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} ) }\n\t\t\t>\n\t\t\t\t{ hasChildren && context.openSubmenusOnClick ? (\n\t\t\t\t\t<ItemSubmenuToggle title={ page.title?.rendered } />\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': isNavigationChild,\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 && <ItemSubmenuToggle /> }\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': isNavigationChild,\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\nfunction ItemSubmenuToggle( { title } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"wp-block-navigation-item__content wp-block-navigation-submenu__toggle\"\n\t\t\taria-expanded=\"false\"\n\t\t>\n\t\t\t{ title }\n\t\t\t<span className=\"wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon\">\n\t\t\t\t<ItemSubmenuIcon />\n\t\t\t</span>\n\t\t</button>\n\t);\n}\n"]}

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

@@ -14,41 +14,7 @@ const metadata = {
   description: "Display a list of all pages.",
   keywords: ["menu", "navigation"],
   textdomain: "default",
-  attributes: {
-    textColor: {
-      type: "string"
-    },
-    customTextColor: {
-      type: "string"
-    },
-    backgroundColor: {
-      type: "string"
-    },
-    customBackgroundColor: {
-      type: "string"
-    },
-    overlayBackgroundColor: {
-      type: "string"
-    },
-    customOverlayBackgroundColor: {
-      type: "string"
-    },
-    overlayTextColor: {
-      type: "string"
-    },
-    customOverlayTextColor: {
-      type: "string"
-    },
-    isNavigationChild: {
-      type: "boolean"
-    },
-    showSubmenuIcon: {
-      type: "boolean"
-    },
-    openSubmenusOnClick: {
-      type: "boolean"
-    }
-  },
+  attributes: {},
   usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "style", "openSubmenusOnClick"],
   supports: {
     reusable: false,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/page-list/index.js"],"names":["pages","icon","edit","name","metadata","settings","example"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,WAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBJ,EAAAA,IADuB;AAEvBK,EAAAA,OAAO,EAAE,EAFc;AAGvBJ,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { pages as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit.js';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/page-list/index.js"],"names":["pages","icon","edit","name","metadata","settings","example"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,WAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBJ,EAAAA,IADuB;AAEvBK,EAAAA,OAAO,EAAE,EAFc;AAGvBJ,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { pages as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit.js';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n};\n"]}