@wordpress/block-library 6.0.2 → 6.0.3

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

@@ -4,112 +4,54 @@ 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
+  clientId
 }) {
-  // 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]);
+  var _context$style;
+
   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 +60,108 @@ 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({
+  context,
+  pagesByParentId,
+  parentId = 0,
+  depth = 0
+}) {
+  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({
+  title
+}) {
+  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":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AACA,SAASC,MAAT,QAAuB,QAAvB;AAEA;AACA;AACA;;AACA,SACCC,aADD,EAECC,aAFD,EAGCC,iBAHD,QAIO,yBAJP;AAKA,SAASC,aAAT,EAAwBC,WAAxB,EAAqCC,OAArC,QAAoD,uBAApD;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,QAApB,EAA8BC,IAA9B,QAA0C,oBAA1C;AACA,OAAOC,QAAP,MAAqB,sBAArB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,SAASC,eAAT,QAAgC,0BAAhC,C,CAEA;AACA;;AACA,MAAMC,cAAc,GAAG,GAAvB;AAEA,eAAe,SAASC,YAAT,CAAuB;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAvB,EAA+C;AAAA;;AAC7D,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,MAAkCC,kBAAkB,EAA1D;AAEA,QAAMC,iBAAiB,IAAG,qBAAqBL,OAAxB,CAAvB;AACA,QAAMM,mBAAmB,GACxBD,iBAAiB,IAAIF,UAAU,IAAIL,cADpC;AAGA,QAAM,CAAES,MAAF,EAAUC,OAAV,IAAsBhB,QAAQ,CAAE,KAAF,CAApC;;AACA,QAAMiB,SAAS,GAAG,MAAMD,OAAO,CAAE,IAAF,CAA/B;;AACA,QAAME,UAAU,GAAG,MAAMF,OAAO,CAAE,KAAF,CAAhC;;AAEA,QAAMG,UAAU,GAAG1B,aAAa,CAAE;AACjC2B,IAAAA,SAAS,EAAE9B,UAAU,CAAE,oBAAF,EAAwB;AAC5C,wBAAkB,CAAC,CAAEkB,OAAO,CAACa,SADe;AAE5C,OAAE3B,iBAAiB,CAClB,OADkB,EAElBc,OAAO,CAACa,SAFU,CAAnB,GAGK,CAAC,CAAEb,OAAO,CAACa,SAL4B;AAM5C,wBAAkB,CAAC,CAAEb,OAAO,CAACc,eANe;AAO5C,OAAE5B,iBAAiB,CAClB,kBADkB,EAElBc,OAAO,CAACc,eAFU,CAAnB,GAGK,CAAC,CAAEd,OAAO,CAACc;AAV4B,KAAxB,CADY;AAajCC,IAAAA,KAAK,EAAE,EAAE,sBAAGf,OAAO,CAACe,KAAX,mDAAG,eAAeC,KAAlB;AAAF;AAb0B,GAAF,CAAhC;AAgBA,SACC,8BACGV,mBAAmB,IACpB,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,aAAD;AAAe,IAAA,KAAK,EAAGhB,EAAE,CAAE,MAAF,CAAzB;AAAsC,IAAA,OAAO,EAAGmB;AAAhD,KACGnB,EAAE,CAAE,MAAF,CADL,CADD,CAFF,EAQGgB,mBAAmB,IAAIC,MAAvB,IACD,cAAC,mBAAD;AACC,IAAA,OAAO,EAAGG,UADX;AAEC,IAAA,QAAQ,EAAGT;AAFZ,IATF,EAcGE,UAAU,KAAK,IAAf,IACD,qBAAUQ,UAAV,EACC,cAAC,WAAD,QACC,cAAC,OAAD,OADD,CADD,CAfF,EAqBGR,UAAU,KAAK,CAAf,IACD,qBAAUQ,UAAV,EACC,4BAAQrB,EAAE,CAAE,8BAAF,CAAV,CADD,CAtBF,EA0BGa,UAAU,GAAG,CAAb,IACD,oBAASQ,UAAT,EACC,cAAC,SAAD;AACC,IAAA,OAAO,EAAGX,OADX;AAEC,IAAA,eAAe,EAAGE;AAFnB,IADD,CA3BF,CADD;AAqCA;;AAED,SAASE,kBAAT,GAA8B;AAC7B,QAAM,CAAEF,eAAF,EAAmBe,kBAAnB,IAA0CzB,QAAQ,CAAE,IAAF,CAAxD;AACA,QAAM,CAAEW,UAAF,EAAce,aAAd,IAAgC1B,QAAQ,CAAE,IAAF,CAA9C;AAEAD,EAAAA,SAAS,CAAE,MAAM;AAChB,mBAAe4B,YAAf,GAA8B;AAC7BF,MAAAA,kBAAkB,CAAE,IAAF,CAAlB;AACAC,MAAAA,aAAa,CAAE,IAAF,CAAb;AAEA,UAAIE,KAAK,GAAG,MAAM1B,QAAQ,CAAE;AAC3B2B,QAAAA,IAAI,EAAE1B,YAAY,CAAE,cAAF,EAAkB;AACnC2B,UAAAA,OAAO,EAAE,YAD0B;AAEnCC,UAAAA,KAAK,EAAE,KAF4B;AAGnCC,UAAAA,OAAO,EAAE,CAAE,IAAF,EAAQ,MAAR,EAAgB,QAAhB,EAA0B,OAA1B,EAAmC,YAAnC,CAH0B;AAInCC,UAAAA,QAAQ,EAAE,CAAC;AAJwB,SAAlB;AADS,OAAF,CAA1B,CAJ6B,CAa7B;AACA;AACA;;AACAL,MAAAA,KAAK,GAAGrC,MAAM,CAAEqC,KAAF,EAAS,CAAE,YAAF,EAAgB,gBAAhB,CAAT,CAAd;AAEAH,MAAAA,kBAAkB,CACjBG,KAAK,CAACM,MAAN,CAAc,CAAEC,WAAF,EAAeC,IAAf,KAAyB;AACtC,cAAM;AAAEC,UAAAA;AAAF,YAAaD,IAAnB;;AACA,YAAKD,WAAW,CAACG,GAAZ,CAAiBD,MAAjB,CAAL,EAAiC;AAChCF,UAAAA,WAAW,CAACI,GAAZ,CAAiBF,MAAjB,EAA0BG,IAA1B,CAAgCJ,IAAhC;AACA,SAFD,MAEO;AACND,UAAAA,WAAW,CAACM,GAAZ,CAAiBJ,MAAjB,EAAyB,CAAED,IAAF,CAAzB;AACA;;AACD,eAAOD,WAAP;AACA,OARD,EAQG,IAAIO,GAAJ,EARH,CADiB,CAAlB;AAWAhB,MAAAA,aAAa,CAAEE,KAAK,CAACe,MAAR,CAAb;AACA;;AACDhB,IAAAA,YAAY;AACZ,GAjCQ,EAiCN,EAjCM,CAAT;AAmCA,SAAO;AACNjB,IAAAA,eADM;AAENC,IAAAA;AAFM,GAAP;AAIA;;AAED,MAAMiC,SAAS,GAAG3C,IAAI,CAAE,SAAS2C,SAAT,CAAoB;AAC3CpC,EAAAA,OAD2C;AAE3CE,EAAAA,eAF2C;AAG3CmC,EAAAA,QAAQ,GAAG,CAHgC;AAI3CC,EAAAA,KAAK,GAAG;AAJmC,CAApB,EAKpB;AACH,QAAMlB,KAAK,GAAGlB,eAAe,CAAC6B,GAAhB,CAAqBM,QAArB,CAAd;;AAEA,MAAK,EAAEjB,KAAF,aAAEA,KAAF,eAAEA,KAAK,CAAEe,MAAT,CAAL,EAAuB;AACtB,WAAO,EAAP;AACA;;AAED,SAAOf,KAAK,CAACmB,GAAN,CAAaX,IAAF,IAAY;AAAA;;AAC7B,UAAMY,WAAW,GAAGtC,eAAe,CAAC4B,GAAhB,CAAqBF,IAAI,CAACa,EAA1B,CAApB;AACA,UAAMpC,iBAAiB,IAAG,qBAAqBL,OAAxB,CAAvB;AACA,WACC;AACC,MAAA,GAAG,EAAG4B,IAAI,CAACa,EADZ;AAEC,MAAA,SAAS,EAAG3D,UAAU,CAAE,2BAAF,EAA+B;AACpD,qBAAa0D,WADuC;AAEpD,oCAA4BnC,iBAFwB;AAGpD,yBAAiBL,OAAO,CAAC0C,mBAH2B;AAIpD,+BACC,CAAE1C,OAAO,CAAC0C,mBAAV,IACA1C,OAAO,CAAC2C;AAN2C,OAA/B;AAFvB,OAWGH,WAAW,IAAIxC,OAAO,CAAC0C,mBAAvB,GACD,cAAC,iBAAD;AAAmB,MAAA,KAAK,iBAAGd,IAAI,CAACgB,KAAR,gDAAG,YAAYC;AAAvC,MADC,GAGD;AACC,MAAA,SAAS,EAAG/D,UAAU,CACrB,iCADqB,EAErB;AACC,6CAAqCuB;AADtC,OAFqB,CADvB;AAOC,MAAA,IAAI,EAAGuB,IAAI,CAACkB;AAPb,uBASGlB,IAAI,CAACgB,KATR,iDASG,aAAYC,QATf,CAdF,EA0BGL,WAAW,IACZ,8BACG,CAAExC,OAAO,CAAC0C,mBAAV,IACD1C,OAAO,CAAC2C,eADP,IAC0B,cAAC,iBAAD,OAF7B,EAGC;AACC,MAAA,SAAS,EAAG7D,UAAU,CAAE,mBAAF,EAAuB;AAC5C,kDAA0CuB;AADE,OAAvB;AADvB,OAKC,cAAC,SAAD;AACC,MAAA,OAAO,EAAGL,OADX;AAEC,MAAA,eAAe,EAAGE,eAFnB;AAGC,MAAA,QAAQ,EAAG0B,IAAI,CAACa,EAHjB;AAIC,MAAA,KAAK,EAAGH,KAAK,GAAG;AAJjB,MALD,CAHD,CA3BF,CADD;AA+CA,GAlDM,CAAP;AAmDA,CA/DqB,CAAtB;;AAiEA,SAASS,iBAAT,CAA4B;AAAEH,EAAAA;AAAF,CAA5B,EAAwC;AACvC,SACC;AACC,IAAA,SAAS,EAAC,uEADX;AAEC,qBAAc;AAFf,KAIGA,KAJH,EAKC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACC,cAAC,eAAD,OADD,CALD,CADD;AAWA","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"]}

package/build-module/paragraph/index.js

@@ -53,7 +53,14 @@ const metadata = {
     },
     typography: {
       fontSize: true,
-      lineHeight: true
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
     },
     __experimentalSelector: "p",
     __unstablePasteTextInline: true

package/build-module/paragraph/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/paragraph/index.js"],"names":["isEmpty","__","paragraph","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","style","typography","fontSize","dropCap","__experimentalLabel","context","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAS,IAAIC,IAAtB,QAAkC,kBAAlC;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAEZ,EAAE,CACV,kOADU,CADA;AAIXa,MAAAA,KAAK,EAAE;AACNC,QAAAA,UAAU,EAAE;AACXC,UAAAA,QAAQ,EAAE;AADC;AADN,OAJI;AASXC,MAAAA,OAAO,EAAE;AATE;AADJ,GAFc;;AAevBC,EAAAA,mBAAmB,CAAEN,UAAF,EAAc;AAAEO,IAAAA;AAAF,GAAd,EAA4B;AAC9C,QAAKA,OAAO,KAAK,eAAjB,EAAmC;AAClC,YAAM;AAAEN,QAAAA;AAAF,UAAcD,UAApB;AACA,aAAOZ,OAAO,CAAEa,OAAF,CAAP,GAAqBZ,EAAE,CAAE,OAAF,CAAvB,GAAqCY,OAA5C;AACA;AACD,GApBsB;;AAqBvBN,EAAAA,UArBuB;AAsBvBH,EAAAA,UAtBuB;;AAuBvBgB,EAAAA,KAAK,CAAER,UAAF,EAAcS,iBAAd,EAAkC;AACtC,WAAO;AACNR,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEQ,iBAAiB,CAACR,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GA7BsB;;AA8BvBR,EAAAA,IA9BuB;AA+BvBC,EAAAA;AA/BuB,CAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { paragraph as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __(\n\t\t\t\t'In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.'\n\t\t\t),\n\t\t\tstyle: {\n\t\t\t\ttypography: {\n\t\t\t\t\tfontSize: 28,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdropCap: true,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { content } = attributes;\n\t\t\treturn isEmpty( content ) ? __( 'Empty' ) : content;\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/paragraph/index.js"],"names":["isEmpty","__","paragraph","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","style","typography","fontSize","dropCap","__experimentalLabel","context","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAS,IAAIC,IAAtB,QAAkC,kBAAlC;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAEZ,EAAE,CACV,kOADU,CADA;AAIXa,MAAAA,KAAK,EAAE;AACNC,QAAAA,UAAU,EAAE;AACXC,UAAAA,QAAQ,EAAE;AADC;AADN,OAJI;AASXC,MAAAA,OAAO,EAAE;AATE;AADJ,GAFc;;AAevBC,EAAAA,mBAAmB,CAAEN,UAAF,EAAc;AAAEO,IAAAA;AAAF,GAAd,EAA4B;AAC9C,QAAKA,OAAO,KAAK,eAAjB,EAAmC;AAClC,YAAM;AAAEN,QAAAA;AAAF,UAAcD,UAApB;AACA,aAAOZ,OAAO,CAAEa,OAAF,CAAP,GAAqBZ,EAAE,CAAE,OAAF,CAAvB,GAAqCY,OAA5C;AACA;AACD,GApBsB;;AAqBvBN,EAAAA,UArBuB;AAsBvBH,EAAAA,UAtBuB;;AAuBvBgB,EAAAA,KAAK,CAAER,UAAF,EAAcS,iBAAd,EAAkC;AACtC,WAAO;AACNR,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEQ,iBAAiB,CAACR,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GA7BsB;;AA8BvBR,EAAAA,IA9BuB;AA+BvBC,EAAAA;AA/BuB,CAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { paragraph as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __(\n\t\t\t\t'In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.'\n\t\t\t),\n\t\t\tstyle: {\n\t\t\t\ttypography: {\n\t\t\t\t\tfontSize: 28,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdropCap: true,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { content } = attributes;\n\t\t\treturn isEmpty( content ) ? __( 'Empty' ) : content;\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}

package/build-module/paragraph/transforms.js

@@ -47,7 +47,14 @@ const {
     },
     typography: {
       fontSize: true,
-      lineHeight: true
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
     },
     __experimentalSelector: "p",
     __unstablePasteTextInline: true

package/build-module/paragraph/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/paragraph/transforms.js"],"names":["createBlock","getBlockAttributes","transforms","from","type","priority","selector","schema","phrasingContentSchema","isPaste","p","children","attributes","transform","node","name","outerHTML","textAlign","style","align"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,kBAAtB,QAAgD,mBAAhD;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAEC;AACAC,IAAAA,QAAQ,EAAE,EAHX;AAICC,IAAAA,QAAQ,EAAE,GAJX;AAKCC,IAAAA,MAAM,EAAE,CAAE;AAAEC,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,KAAF,MAA4C;AACnDC,MAAAA,CAAC,EAAE;AACFC,QAAAA,QAAQ,EAAEH,qBADR;AAEFI,QAAAA,UAAU,EAAEH,OAAO,GAAG,EAAH,GAAQ,CAAE,OAAF,EAAW,IAAX;AAFzB;AADgD,KAA5C,CALT;;AAWCI,IAAAA,SAAS,CAAEC,IAAF,EAAS;AACjB,YAAMF,UAAU,GAAGX,kBAAkB,CAAEc,IAAF,EAAQD,IAAI,CAACE,SAAb,CAArC;AACA,YAAM;AAAEC,QAAAA;AAAF,UAAgBH,IAAI,CAACI,KAAL,IAAc,EAApC;;AAEA,UACCD,SAAS,KAAK,MAAd,IACAA,SAAS,KAAK,QADd,IAEAA,SAAS,KAAK,OAHf,EAIE;AACDL,QAAAA,UAAU,CAACO,KAAX,GAAmBF,SAAnB;AACA;;AAED,aAAOjB,WAAW,CAAEe,IAAF,EAAQH,UAAR,CAAlB;AACA;;AAxBF,GADK;AADY,CAAnB;AA+BA,eAAeV,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, getBlockAttributes } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\t// Paragraph is a fallback and should be matched last.\n\t\t\tpriority: 20,\n\t\t\tselector: 'p',\n\t\t\tschema: ( { phrasingContentSchema, isPaste } ) => ( {\n\t\t\t\tp: {\n\t\t\t\t\tchildren: phrasingContentSchema,\n\t\t\t\t\tattributes: isPaste ? [] : [ 'style', 'id' ],\n\t\t\t\t},\n\t\t\t} ),\n\t\t\ttransform( node ) {\n\t\t\t\tconst attributes = getBlockAttributes( name, node.outerHTML );\n\t\t\t\tconst { textAlign } = node.style || {};\n\n\t\t\t\tif (\n\t\t\t\t\ttextAlign === 'left' ||\n\t\t\t\t\ttextAlign === 'center' ||\n\t\t\t\t\ttextAlign === 'right'\n\t\t\t\t) {\n\t\t\t\t\tattributes.align = textAlign;\n\t\t\t\t}\n\n\t\t\t\treturn createBlock( name, attributes );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/paragraph/transforms.js"],"names":["createBlock","getBlockAttributes","transforms","from","type","priority","selector","schema","phrasingContentSchema","isPaste","p","children","attributes","transform","node","name","outerHTML","textAlign","style","align"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,kBAAtB,QAAgD,mBAAhD;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAEC;AACAC,IAAAA,QAAQ,EAAE,EAHX;AAICC,IAAAA,QAAQ,EAAE,GAJX;AAKCC,IAAAA,MAAM,EAAE,CAAE;AAAEC,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,KAAF,MAA4C;AACnDC,MAAAA,CAAC,EAAE;AACFC,QAAAA,QAAQ,EAAEH,qBADR;AAEFI,QAAAA,UAAU,EAAEH,OAAO,GAAG,EAAH,GAAQ,CAAE,OAAF,EAAW,IAAX;AAFzB;AADgD,KAA5C,CALT;;AAWCI,IAAAA,SAAS,CAAEC,IAAF,EAAS;AACjB,YAAMF,UAAU,GAAGX,kBAAkB,CAAEc,IAAF,EAAQD,IAAI,CAACE,SAAb,CAArC;AACA,YAAM;AAAEC,QAAAA;AAAF,UAAgBH,IAAI,CAACI,KAAL,IAAc,EAApC;;AAEA,UACCD,SAAS,KAAK,MAAd,IACAA,SAAS,KAAK,QADd,IAEAA,SAAS,KAAK,OAHf,EAIE;AACDL,QAAAA,UAAU,CAACO,KAAX,GAAmBF,SAAnB;AACA;;AAED,aAAOjB,WAAW,CAAEe,IAAF,EAAQH,UAAR,CAAlB;AACA;;AAxBF,GADK;AADY,CAAnB;AA+BA,eAAeV,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, getBlockAttributes } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\t// Paragraph is a fallback and should be matched last.\n\t\t\tpriority: 20,\n\t\t\tselector: 'p',\n\t\t\tschema: ( { phrasingContentSchema, isPaste } ) => ( {\n\t\t\t\tp: {\n\t\t\t\t\tchildren: phrasingContentSchema,\n\t\t\t\t\tattributes: isPaste ? [] : [ 'style', 'id' ],\n\t\t\t\t},\n\t\t\t} ),\n\t\t\ttransform( node ) {\n\t\t\t\tconst attributes = getBlockAttributes( name, node.outerHTML );\n\t\t\t\tconst { textAlign } = node.style || {};\n\n\t\t\t\tif (\n\t\t\t\t\ttextAlign === 'left' ||\n\t\t\t\t\ttextAlign === 'center' ||\n\t\t\t\t\ttextAlign === 'right'\n\t\t\t\t) {\n\t\t\t\t\tattributes.align = textAlign;\n\t\t\t\t}\n\n\t\t\t\treturn createBlock( name, attributes );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

package/build-module/pattern/edit.js

@@ -0,0 +1,35 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+import { store as blockEditorStore, useBlockProps } from '@wordpress/block-editor';
+
+const PatternEdit = ({
+  attributes,
+  clientId
+}) => {
+  const selectedPattern = useSelect(select => select(blockEditorStore).__experimentalGetParsedPattern(attributes.slug), [attributes.slug]);
+  const {
+    replaceBlocks,
+    __unstableMarkNextChangeAsNotPersistent
+  } = useDispatch(blockEditorStore); // Run this effect when the component loads.
+  // This adds the Pattern's contents to the post.
+  // This change won't be saved.
+  // It will continue to pull from the pattern file unless changes are made to its respective template part.
+
+  useEffect(() => {
+    if (selectedPattern !== null && selectedPattern !== void 0 && selectedPattern.blocks) {
+      __unstableMarkNextChangeAsNotPersistent();
+
+      replaceBlocks(clientId, selectedPattern.blocks);
+    }
+  }, [selectedPattern === null || selectedPattern === void 0 ? void 0 : selectedPattern.blocks]);
+  const props = useBlockProps();
+  return createElement("div", props);
+};
+
+export default PatternEdit;
+//# sourceMappingURL=edit.js.map

package/build-module/pattern/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/pattern/edit.js"],"names":["useSelect","useDispatch","useEffect","store","blockEditorStore","useBlockProps","PatternEdit","attributes","clientId","selectedPattern","select","__experimentalGetParsedPattern","slug","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","blocks","props"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SACCC,KAAK,IAAIC,gBADV,EAECC,aAFD,QAGO,yBAHP;;AAKA,MAAMC,WAAW,GAAG,CAAE;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAF,KAAgC;AACnD,QAAMC,eAAe,GAAGT,SAAS,CAC9BU,MAAF,IACCA,MAAM,CAAEN,gBAAF,CAAN,CAA2BO,8BAA3B,CACCJ,UAAU,CAACK,IADZ,CAF+B,EAKhC,CAAEL,UAAU,CAACK,IAAb,CALgC,CAAjC;AAQA,QAAM;AACLC,IAAAA,aADK;AAELC,IAAAA;AAFK,MAGFb,WAAW,CAAEG,gBAAF,CAHf,CATmD,CAcnD;AACA;AACA;AACA;;AACAF,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKO,eAAL,aAAKA,eAAL,eAAKA,eAAe,CAAEM,MAAtB,EAA+B;AAC9BD,MAAAA,uCAAuC;;AACvCD,MAAAA,aAAa,CAAEL,QAAF,EAAYC,eAAe,CAACM,MAA5B,CAAb;AACA;AACD,GALQ,EAKN,CAAEN,eAAF,aAAEA,eAAF,uBAAEA,eAAe,CAAEM,MAAnB,CALM,CAAT;AAOA,QAAMC,KAAK,GAAGX,aAAa,EAA3B;AAEA,SAAO,qBAAUW,KAAV,CAAP;AACA,CA5BD;;AA8BA,eAAeV,WAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\nconst PatternEdit = ( { attributes, clientId } ) => {\n\tconst selectedPattern = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tattributes.slug\n\t\t\t),\n\t\t[ attributes.slug ]\n\t);\n\n\tconst {\n\t\treplaceBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\t// Run this effect when the component loads.\n\t// This adds the Pattern's contents to the post.\n\t// This change won't be saved.\n\t// It will continue to pull from the pattern file unless changes are made to its respective template part.\n\tuseEffect( () => {\n\t\tif ( selectedPattern?.blocks ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\treplaceBlocks( clientId, selectedPattern.blocks );\n\t\t}\n\t}, [ selectedPattern?.blocks ] );\n\n\tconst props = useBlockProps();\n\n\treturn <div { ...props } />;\n};\n\nexport default PatternEdit;\n"]}

package/build-module/pattern/index.js

@@ -0,0 +1,29 @@
+/**
+ * Internal dependencies
+ */
+const metadata = {
+  apiVersion: 2,
+  name: "core/pattern",
+  title: "Pattern",
+  category: "design",
+  description: "Show a block pattern.",
+  supports: {
+    html: false,
+    inserter: false
+  },
+  textdomain: "default",
+  attributes: {
+    slug: {
+      type: "string"
+    }
+  }
+};
+import PatternEdit from './edit';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  edit: PatternEdit
+};
+//# sourceMappingURL=index.js.map

package/build-module/pattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/pattern/index.js"],"names":["PatternEdit","name","metadata","settings","edit"],"mappings":"AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;AAEA,OAAOA,WAAP,MAAwB,QAAxB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAEJ;AADiB,CAAjB","sourcesContent":["/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport PatternEdit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\tedit: PatternEdit,\n};\n"]}

package/build-module/post-author/index.js

@@ -30,9 +30,20 @@ const metadata = {
   usesContext: ["postType", "postId", "queryId"],
   supports: {
     html: false,
+    spacing: {
+      margin: true,
+      padding: true
+    },
     typography: {
       fontSize: true,
-      lineHeight: true
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
     },
     color: {
       gradients: true,

package/build-module/post-author/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-author/index.js"],"names":["edit","postAuthor","icon","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOA,IAAP,MAAiB,QAAjB;AAEA;AACA;AACA;;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBH,EAAAA,IADuB;AAEvBF,EAAAA;AAFuB,CAAjB","sourcesContent":["/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\n/**\n * WordPress dependencies\n */\nimport { postAuthor as icon } from '@wordpress/icons';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-author/index.js"],"names":["edit","postAuthor","icon","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOA,IAAP,MAAiB,QAAjB;AAEA;AACA;AACA;;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBH,EAAAA,IADuB;AAEvBF,EAAAA;AAFuB,CAAjB","sourcesContent":["/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\n/**\n * WordPress dependencies\n */\nimport { postAuthor as icon } from '@wordpress/icons';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}

package/build-module/post-comment/edit.js

@@ -3,20 +3,19 @@ import { createElement } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import { Placeholder, TextControl, Button } from '@wordpress/components';
 import { useState } from '@wordpress/element';
 import { blockDefault } from '@wordpress/icons';
-import { useBlockProps, __experimentalUseInnerBlocksProps as useInnerBlocksProps } from '@wordpress/block-editor';
-const ALLOWED_BLOCKS = ['core/post-comment-content', 'core/post-comment-author', 'core/post-comment-date'];
-const TEMPLATE = [['core/post-comment-content'], ['core/post-comment-author']];
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+const ALLOWED_BLOCKS = ['core/comment-author-avatar', 'core/comment-author-name', 'core/comment-content', 'core/comment-date', 'core/comment-edit-link', 'core/comment-reply-link'];
+const TEMPLATE = [['core/comment-author-avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
 export default function Edit({
-  attributes,
+  attributes: {
+    commentId
+  },
   setAttributes
 }) {
-  const {
-    commentId
-  } = attributes;
   const [commentIdInput, setCommentIdInput] = useState(commentId);
   const blockProps = useBlockProps();
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
@@ -27,7 +26,7 @@ export default function Edit({
   if (!commentId) {
     return createElement("div", blockProps, createElement(Placeholder, {
       icon: blockDefault,
-      label: __('Post Comment'),
+      label: _x('Post Comment', 'block title'),
       instructions: __('To show a comment, input the comment ID.')
     }, createElement(TextControl, {
       value: commentId,

package/build-module/post-comment/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-comment/edit.js"],"names":["__","Placeholder","TextControl","Button","useState","blockDefault","useBlockProps","__experimentalUseInnerBlocksProps","useInnerBlocksProps","ALLOWED_BLOCKS","TEMPLATE","Edit","attributes","setAttributes","commentId","commentIdInput","setCommentIdInput","blockProps","innerBlocksProps","template","allowedBlocks","val","parseInt"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,MAAnC,QAAiD,uBAAjD;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SACCC,aADD,EAECC,iCAAiC,IAAIC,mBAFtC,QAGO,yBAHP;AAKA,MAAMC,cAAc,GAAG,CACtB,2BADsB,EAEtB,0BAFsB,EAGtB,wBAHsB,CAAvB;AAKA,MAAMC,QAAQ,GAAG,CAChB,CAAE,2BAAF,CADgB,EAEhB,CAAE,0BAAF,CAFgB,CAAjB;AAKA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAf,EAA+C;AAC7D,QAAM;AAAEC,IAAAA;AAAF,MAAgBF,UAAtB;AACA,QAAM,CAAEG,cAAF,EAAkBC,iBAAlB,IAAwCZ,QAAQ,CAAEU,SAAF,CAAtD;AACA,QAAMG,UAAU,GAAGX,aAAa,EAAhC;AACA,QAAMY,gBAAgB,GAAGV,mBAAmB,CAAES,UAAF,EAAc;AACzDE,IAAAA,QAAQ,EAAET,QAD+C;AAEzDU,IAAAA,aAAa,EAAEX;AAF0C,GAAd,CAA5C;;AAKA,MAAK,CAAEK,SAAP,EAAmB;AAClB,WACC,qBAAUG,UAAV,EACC,cAAC,WAAD;AACC,MAAA,IAAI,EAAGZ,YADR;AAEC,MAAA,KAAK,EAAGL,EAAE,CAAE,cAAF,CAFX;AAGC,MAAA,YAAY,EAAGA,EAAE,CAChB,0CADgB;AAHlB,OAOC,cAAC,WAAD;AACC,MAAA,KAAK,EAAGc,SADT;AAEC,MAAA,QAAQ,EAAKO,GAAF,IACVL,iBAAiB,CAAEM,QAAQ,CAAED,GAAF,CAAV;AAHnB,MAPD,EAcC,cAAC,MAAD;AACC,MAAA,OAAO,EAAC,SADT;AAEC,MAAA,OAAO,EAAG,MAAM;AACfR,QAAAA,aAAa,CAAE;AAAEC,UAAAA,SAAS,EAAEC;AAAb,SAAF,CAAb;AACA;AAJF,OAMGf,EAAE,CAAE,MAAF,CANL,CAdD,CADD,CADD;AA2BA;;AAED,SAAO,qBAAUkB,gBAAV,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Placeholder, TextControl, Button } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport {\n\tuseBlockProps,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n} from '@wordpress/block-editor';\n\nconst ALLOWED_BLOCKS = [\n\t'core/post-comment-content',\n\t'core/post-comment-author',\n\t'core/post-comment-date',\n];\nconst TEMPLATE = [\n\t[ 'core/post-comment-content' ],\n\t[ 'core/post-comment-author' ],\n];\n\nexport default function Edit( { attributes, setAttributes } ) {\n\tconst { commentId } = attributes;\n\tconst [ commentIdInput, setCommentIdInput ] = useState( commentId );\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t} );\n\n\tif ( ! commentId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ blockDefault }\n\t\t\t\t\tlabel={ __( 'Post Comment' ) }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'To show a comment, input the comment ID.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tvalue={ commentId }\n\t\t\t\t\t\tonChange={ ( val ) =>\n\t\t\t\t\t\t\tsetCommentIdInput( parseInt( val ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetAttributes( { commentId: commentIdInput } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-comment/edit.js"],"names":["__","_x","Placeholder","TextControl","Button","useState","blockDefault","useBlockProps","useInnerBlocksProps","ALLOWED_BLOCKS","TEMPLATE","Edit","attributes","commentId","setAttributes","commentIdInput","setCommentIdInput","blockProps","innerBlocksProps","template","allowedBlocks","val","parseInt"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,EAAaC,EAAb,QAAuB,iBAAvB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,MAAnC,QAAiD,uBAAjD;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,aAAT,EAAwBC,mBAAxB,QAAmD,yBAAnD;AAEA,MAAMC,cAAc,GAAG,CACtB,4BADsB,EAEtB,0BAFsB,EAGtB,sBAHsB,EAItB,mBAJsB,EAKtB,wBALsB,EAMtB,yBANsB,CAAvB;AAQA,MAAMC,QAAQ,GAAG,CAChB,CAAE,4BAAF,CADgB,EAEhB,CAAE,0BAAF,CAFgB,EAGhB,CAAE,mBAAF,CAHgB,EAIhB,CAAE,sBAAF,CAJgB,EAKhB,CAAE,yBAAF,CALgB,EAMhB,CAAE,wBAAF,CANgB,CAAjB;AASA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA;AAAF,GAAd;AAA6BC,EAAAA;AAA7B,CAAf,EAA8D;AAC5E,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwCX,QAAQ,CAAEQ,SAAF,CAAtD;AACA,QAAMI,UAAU,GAAGV,aAAa,EAAhC;AACA,QAAMW,gBAAgB,GAAGV,mBAAmB,CAAES,UAAF,EAAc;AACzDE,IAAAA,QAAQ,EAAET,QAD+C;AAEzDU,IAAAA,aAAa,EAAEX;AAF0C,GAAd,CAA5C;;AAKA,MAAK,CAAEI,SAAP,EAAmB;AAClB,WACC,qBAAUI,UAAV,EACC,cAAC,WAAD;AACC,MAAA,IAAI,EAAGX,YADR;AAEC,MAAA,KAAK,EAAGL,EAAE,CAAE,cAAF,EAAkB,aAAlB,CAFX;AAGC,MAAA,YAAY,EAAGD,EAAE,CAChB,0CADgB;AAHlB,OAOC,cAAC,WAAD;AACC,MAAA,KAAK,EAAGa,SADT;AAEC,MAAA,QAAQ,EAAKQ,GAAF,IACVL,iBAAiB,CAAEM,QAAQ,CAAED,GAAF,CAAV;AAHnB,MAPD,EAcC,cAAC,MAAD;AACC,MAAA,OAAO,EAAC,SADT;AAEC,MAAA,OAAO,EAAG,MAAM;AACfP,QAAAA,aAAa,CAAE;AAAED,UAAAA,SAAS,EAAEE;AAAb,SAAF,CAAb;AACA;AAJF,OAMGf,EAAE,CAAE,MAAF,CANL,CAdD,CADD,CADD;AA2BA;;AAED,SAAO,qBAAUkB,gBAAV,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Placeholder, TextControl, Button } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nconst ALLOWED_BLOCKS = [\n\t'core/comment-author-avatar',\n\t'core/comment-author-name',\n\t'core/comment-content',\n\t'core/comment-date',\n\t'core/comment-edit-link',\n\t'core/comment-reply-link',\n];\nconst TEMPLATE = [\n\t[ 'core/comment-author-avatar' ],\n\t[ 'core/comment-author-name' ],\n\t[ 'core/comment-date' ],\n\t[ 'core/comment-content' ],\n\t[ 'core/comment-reply-link' ],\n\t[ 'core/comment-edit-link' ],\n];\n\nexport default function Edit( { attributes: { commentId }, setAttributes } ) {\n\tconst [ commentIdInput, setCommentIdInput ] = useState( commentId );\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t} );\n\n\tif ( ! commentId ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ blockDefault }\n\t\t\t\t\tlabel={ _x( 'Post Comment', 'block title' ) }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'To show a comment, input the comment ID.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tvalue={ commentId }\n\t\t\t\t\t\tonChange={ ( val ) =>\n\t\t\t\t\t\t\tsetCommentIdInput( parseInt( val ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetAttributes( { commentId: commentIdInput } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}

package/build-module/post-comment/index.js

@@ -9,9 +9,9 @@ import { comment as icon } from '@wordpress/icons';
 const metadata = {
   apiVersion: 2,
   name: "core/post-comment",
-  title: "Post Comment",
+  title: "Post Comment (deprecated)",
   category: "theme",
-  description: "Post comment.",
+  description: "This block is deprecated. Please use the Comments Query Loop block instead.",
   textdomain: "default",
   attributes: {
     commentId: {
@@ -22,7 +22,8 @@ const metadata = {
     commentId: "commentId"
   },
   supports: {
-    html: false
+    html: false,
+    inserter: false
   }
 };
 import edit from './edit';

package/build-module/post-comment/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-comment/index.js"],"names":["comment","icon","edit","save","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBL,EAAAA,IADuB;AAEvBC,EAAAA,IAFuB;AAGvBC,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { comment as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-comment/index.js"],"names":["comment","icon","edit","save","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBL,EAAAA,IADuB;AAEvBC,EAAAA,IAFuB;AAGvBC,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { comment as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n"]}

package/build-module/post-comment/save.js

@@ -3,8 +3,10 @@ import { createElement } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
+import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
 export default function save() {
-  return createElement("div", useBlockProps.save(), createElement(InnerBlocks.Content, null));
+  const blockProps = useBlockProps.save();
+  const innerBlocksProps = useInnerBlocksProps.save(blockProps);
+  return createElement("div", innerBlocksProps);
 }
 //# sourceMappingURL=save.js.map