@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build/page-list/edit.js

@@ -11,22 +11,22 @@ var _element = require("@wordpress/element");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _blockEditor = require("@wordpress/block-editor");
+var _lodash = require("lodash");
 
-var _serverSideRender = _interopRequireDefault(require("@wordpress/server-side-render"));
+var _blockEditor = require("@wordpress/block-editor");
 
 var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
 
-var _data = require("@wordpress/data");
-
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
 
 var _url = require("@wordpress/url");
 
 var _convertToLinksModal = _interopRequireDefault(require("./convert-to-links-modal"));
 
+var _icons = require("../navigation-link/icons");
+
 /**
  * External dependencies
  */
@@ -44,79 +44,32 @@ const MAX_PAGE_COUNT = 100;
 
 function PageListEdit({
   context,
-  clientId,
-  attributes,
-  setAttributes
+  clientId
 }) {
-  // Copy context to attributes to make it accessible in the editor's
-  // ServerSideRender
-  (0, _element.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,
-    showSubmenuIcon,
-    style
-  } = context || {};
-  const [allowConvertToLinks, setAllowConvertToLinks] = (0, _element.useState)(false);
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    className: (0, _classnames.default)({
-      'has-text-color': !!textColor,
-      [(0, _blockEditor.getColorClassName)('color', textColor)]: !!textColor,
-      'has-background': !!backgroundColor,
-      [(0, _blockEditor.getColorClassName)('background-color', backgroundColor)]: !!backgroundColor,
-      'show-submenu-icons': !!showSubmenuIcon
-    }),
-    style: { ...(style === null || style === void 0 ? void 0 : style.color)
-    }
-  });
-  const isParentNavigation = (0, _data.useSelect)(select => {
-    const {
-      getBlockParentsByBlockName
-    } = select(_blockEditor.store);
-    return getBlockParentsByBlockName(clientId, 'core/navigation').length > 0;
-  }, [clientId]);
-  (0, _element.useEffect)(() => {
-    if (isParentNavigation) {
-      (0, _apiFetch.default)({
-        path: (0, _url.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] = (0, _element.useState)(false);
 
   const openModal = () => setOpen(true);
 
   const closeModal = () => setOpen(false);
 
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: (0, _classnames.default)('wp-block-page-list', {
+      'has-text-color': !!context.textColor,
+      [(0, _blockEditor.getColorClassName)('color', context.textColor)]: !!context.textColor,
+      'has-background': !!context.backgroundColor,
+      [(0, _blockEditor.getColorClassName)('background-color', context.backgroundColor)]: !!context.backgroundColor
+    }),
+    style: { ...((_context$style = context.style) === null || _context$style === void 0 ? void 0 : _context$style.color)
+    }
+  });
   return (0, _element.createElement)(_element.Fragment, null, allowConvertToLinks && (0, _element.createElement)(_blockEditor.BlockControls, {
     group: "other"
   }, (0, _element.createElement)(_components.ToolbarButton, {
@@ -125,9 +78,108 @@ function PageListEdit({
   }, (0, _i18n.__)('Edit'))), allowConvertToLinks && isOpen && (0, _element.createElement)(_convertToLinksModal.default, {
     onClose: closeModal,
     clientId: clientId
-  }), (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_serverSideRender.default, {
-    block: "core/page-list",
-    attributes: attributes
+  }), totalPages === null && (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_components.Placeholder, null, (0, _element.createElement)(_components.Spinner, null))), totalPages === 0 && (0, _element.createElement)("div", blockProps, (0, _element.createElement)("span", null, (0, _i18n.__)('Page List: No pages to show.'))), totalPages > 0 && (0, _element.createElement)("ul", blockProps, (0, _element.createElement)(PageItems, {
+    context: context,
+    pagesByParentId: pagesByParentId
   })));
 }
+
+function usePagesByParentId() {
+  const [pagesByParentId, setPagesByParentId] = (0, _element.useState)(null);
+  const [totalPages, setTotalPages] = (0, _element.useState)(null);
+  (0, _element.useEffect)(() => {
+    async function performFetch() {
+      setPagesByParentId(null);
+      setTotalPages(null);
+      let pages = await (0, _apiFetch.default)({
+        path: (0, _url.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 = (0, _lodash.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 = (0, _element.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 (0, _element.createElement)("li", {
+      key: page.id,
+      className: (0, _classnames.default)('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 ? (0, _element.createElement)(ItemSubmenuToggle, {
+      title: (_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered
+    }) : (0, _element.createElement)("a", {
+      className: (0, _classnames.default)('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 && (0, _element.createElement)(_element.Fragment, null, !context.openSubmenusOnClick && context.showSubmenuIcon && (0, _element.createElement)(ItemSubmenuToggle, null), (0, _element.createElement)("ul", {
+      className: (0, _classnames.default)('submenu-container', {
+        'wp-block-navigation__submenu-container': isNavigationChild
+      })
+    }, (0, _element.createElement)(PageItems, {
+      context: context,
+      pagesByParentId: pagesByParentId,
+      parentId: page.id,
+      depth: depth + 1
+    }))));
+  });
+});
+
+function ItemSubmenuToggle({
+  title
+}) {
+  return (0, _element.createElement)("button", {
+    className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle",
+    "aria-expanded": "false"
+  }, title, (0, _element.createElement)("span", {
+    className: "wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"
+  }, (0, _element.createElement)(_icons.ItemSubmenuIcon, null)));
+}
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/page-list/edit.js"],"names":["MAX_PAGE_COUNT","PageListEdit","context","clientId","attributes","setAttributes","textColor","customTextColor","backgroundColor","customBackgroundColor","overlayTextColor","customOverlayTextColor","overlayBackgroundColor","customOverlayBackgroundColor","showSubmenuIcon","style","allowConvertToLinks","setAllowConvertToLinks","blockProps","className","color","isParentNavigation","select","getBlockParentsByBlockName","blockEditorStore","length","path","per_page","_fields","parse","then","res","headers","get","isOpen","setOpen","openModal","closeModal"],"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, showSubmenuIcon, style } =\n\t\tcontext || {};\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\t'show-submenu-icons': !! showSubmenuIcon,\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\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\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={ attributes }\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":["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/page-list/index.js

@@ -26,33 +26,8 @@ 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"
-    }
-  },
-  usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "style"],
+  attributes: {},
+  usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "style", "openSubmenusOnClick"],
   supports: {
     reusable: false,
     html: false

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/page-list/index.js"],"names":["name","metadata","settings","icon","example","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,YADuB;AAEvBC,EAAAA,OAAO,EAAE,EAFc;AAGvBC,EAAAA,IAAI,EAAJA;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":["name","metadata","settings","icon","example","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,YADuB;AAEvBC,EAAAA,OAAO,EAAE,EAFc;AAGvBC,EAAAA,IAAI,EAAJA;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/paragraph/edit.native.js

@@ -88,7 +88,8 @@ function ParagraphBlock({
     onReplace: onReplace,
     onRemove: onReplace ? () => onReplace([]) : undefined,
     placeholder: placeholder || (0, _i18n.__)('Start writing…'),
-    textAlign: align
+    textAlign: align,
+    __unstableEmbedURLOnPaste: true
   }));
 }
 

package/build/paragraph/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/paragraph/edit.native.js"],"names":["name","ParagraphBlock","attributes","mergeBlocks","onReplace","setAttributes","style","clientId","isRTL","select","blockEditorStore","getSettings","align","content","placeholder","styles","baseColors","color","text","placeholderColor","linkColor","elements","link","onAlignmentChange","nextAlign","nextContent","value","isOriginal","newAttributes","block","undefined"],"mappings":";;;;;;;AAWA;;AARA;;AACA;;AACA;;AAOA;;AAZA;AACA;AACA;AAYA,MAAMA,IAAI,GAAG,gBAAb;;AAEA,SAASC,cAAT,CAAyB;AACxBC,EAAAA,UADwB;AAExBC,EAAAA,WAFwB;AAGxBC,EAAAA,SAHwB;AAIxBC,EAAAA,aAJwB;AAKxBC,EAAAA,KALwB;AAMxBC,EAAAA;AANwB,CAAzB,EAOI;AAAA;;AACH,QAAMC,KAAK,GAAG,qBAAaC,MAAF,IAAc;AACtC,WAAO,CAAC,CAAEA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,WAA3B,GAAyCH,KAAnD;AACA,GAFa,EAEX,EAFW,CAAd;AAIA,QAAM;AAAEI,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA;AAAlB,MAAkCZ,UAAxC;AAEA,QAAMa,MAAM,GAAG,EACd,IAAK,CAAAT,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEU,UAAP,KAAqB;AACzBC,MAAAA,KAAK,uBAAEX,KAAK,CAACU,UAAR,+EAAE,kBAAkBC,KAApB,0DAAE,sBAAyBC,IADP;AAEzBC,MAAAA,gBAAgB,EAAEb,KAAK,CAACW,KAAN,2BAAeX,KAAK,CAACU,UAArB,gFAAe,mBAAkBC,KAAjC,0DAAe,sBAAyBC,IAAxC,CAFO;AAGzBE,MAAAA,SAAS,wBAAEd,KAAK,CAACU,UAAR,gFAAE,mBAAkBK,QAApB,oFAAE,sBAA4BC,IAA9B,qFAAE,uBAAkCL,KAApC,2DAAE,uBAAyCC;AAH3B,KAA1B,CADc;AAMd,OAAGZ;AANW,GAAf;AASA,QAAMiB,iBAAiB,GAAG,0BAAeC,SAAF,IAAiB;AACvDnB,IAAAA,aAAa,CAAE;AAAEO,MAAAA,KAAK,EAAEY;AAAT,KAAF,CAAb;AACA,GAFyB,EAEvB,EAFuB,CAA1B;AAGA,SACC,qDACC,4BAAC,0BAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,4BAAC,6BAAD;AACC,IAAA,KAAK,EAAGZ,KADT;AAEC,IAAA,KAAK,EAAGJ,KAFT;AAGC,IAAA,QAAQ,EAAGe;AAHZ,IADD,CADD,EAQC,4BAAC,qBAAD;AACC,IAAA,UAAU,EAAC,SADZ;AAEC,IAAA,OAAO,EAAC,GAFT;AAGC,IAAA,KAAK,EAAGV,OAHT;AAIC,IAAA,WAAW,EAAG,IAJf;AAKC,IAAA,KAAK,EAAGE,MALT;AAMC,IAAA,QAAQ,EAAKU,WAAF,IAAmB;AAC7BpB,MAAAA,aAAa,CAAE;AACdQ,QAAAA,OAAO,EAAEY;AADK,OAAF,CAAb;AAGA,KAVF;AAWC,IAAA,OAAO,EAAG,CAAEC,KAAF,EAASC,UAAT,KAAyB;AAClC,UAAIC,aAAJ;;AAEA,UAAKD,UAAU,IAAID,KAAnB,EAA2B;AAC1BE,QAAAA,aAAa,GAAG,EACf,GAAG1B,UADY;AAEfW,UAAAA,OAAO,EAAEa;AAFM,SAAhB;AAIA;;AAED,YAAMG,KAAK,GAAG,yBAAa7B,IAAb,EAAmB4B,aAAnB,CAAd;;AAEA,UAAKD,UAAL,EAAkB;AACjBE,QAAAA,KAAK,CAACtB,QAAN,GAAiBA,QAAjB;AACA;;AAED,aAAOsB,KAAP;AACA,KA5BF;AA6BC,IAAA,OAAO,EAAG1B,WA7BX;AA8BC,IAAA,SAAS,EAAGC,SA9Bb;AA+BC,IAAA,QAAQ,EAAGA,SAAS,GAAG,MAAMA,SAAS,CAAE,EAAF,CAAlB,GAA2B0B,SA/BhD;AAgCC,IAAA,WAAW,EAAGhB,WAAW,IAAI,cAAI,gBAAJ,CAhC9B;AAiCC,IAAA,SAAS,EAAGF;AAjCb,IARD,CADD;AA8CA;;eAEcX,c","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\nconst name = 'core/paragraph';\n\nfunction ParagraphBlock( {\n\tattributes,\n\tmergeBlocks,\n\tonReplace,\n\tsetAttributes,\n\tstyle,\n\tclientId,\n} ) {\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst { align, content, placeholder } = attributes;\n\n\tconst styles = {\n\t\t...( style?.baseColors && {\n\t\t\tcolor: style.baseColors?.color?.text,\n\t\t\tplaceholderColor: style.color || style.baseColors?.color?.text,\n\t\t\tlinkColor: style.baseColors?.elements?.link?.color?.text,\n\t\t} ),\n\t\t...style,\n\t};\n\n\tconst onAlignmentChange = useCallback( ( nextAlign ) => {\n\t\tsetAttributes( { align: nextAlign } );\n\t}, [] );\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ align }\n\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\tonChange={ onAlignmentChange }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName=\"p\"\n\t\t\t\tvalue={ content }\n\t\t\t\tdeleteEnter={ true }\n\t\t\t\tstyle={ styles }\n\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: nextContent,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet newAttributes;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tnewAttributes = {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst block = createBlock( name, newAttributes );\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ onReplace ? () => onReplace( [] ) : undefined }\n\t\t\t\tplaceholder={ placeholder || __( 'Start writing…' ) }\n\t\t\t\ttextAlign={ align }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ParagraphBlock;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/paragraph/edit.native.js"],"names":["name","ParagraphBlock","attributes","mergeBlocks","onReplace","setAttributes","style","clientId","isRTL","select","blockEditorStore","getSettings","align","content","placeholder","styles","baseColors","color","text","placeholderColor","linkColor","elements","link","onAlignmentChange","nextAlign","nextContent","value","isOriginal","newAttributes","block","undefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\nconst name = 'core/paragraph';\n\nfunction ParagraphBlock( {\n\tattributes,\n\tmergeBlocks,\n\tonReplace,\n\tsetAttributes,\n\tstyle,\n\tclientId,\n} ) {\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst { align, content, placeholder } = attributes;\n\n\tconst styles = {\n\t\t...( style?.baseColors && {\n\t\t\tcolor: style.baseColors?.color?.text,\n\t\t\tplaceholderColor: style.color || style.baseColors?.color?.text,\n\t\t\tlinkColor: style.baseColors?.elements?.link?.color?.text,\n\t\t} ),\n\t\t...style,\n\t};\n\n\tconst onAlignmentChange = useCallback( ( nextAlign ) => {\n\t\tsetAttributes( { align: nextAlign } );\n\t}, [] );\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ align }\n\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\tonChange={ onAlignmentChange }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName=\"p\"\n\t\t\t\tvalue={ content }\n\t\t\t\tdeleteEnter={ true }\n\t\t\t\tstyle={ styles }\n\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: nextContent,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet newAttributes;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tnewAttributes = {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst block = createBlock( name, newAttributes );\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ onReplace ? () => onReplace( [] ) : undefined }\n\t\t\t\tplaceholder={ placeholder || __( 'Start writing…' ) }\n\t\t\t\ttextAlign={ align }\n\t\t\t\t__unstableEmbedURLOnPaste\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ParagraphBlock;\n"]}

package/build/paragraph/index.js

@@ -71,7 +71,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/paragraph/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/paragraph/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","style","typography","fontSize","dropCap","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,gBADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cACR,kOADQ,CADE;AAIXC,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,aAAO,qBAASC,OAAT,IAAqB,cAAI,OAAJ,CAArB,GAAqCA,OAA5C;AACA;AACD,GApBsB;;AAqBvBO,EAAAA,UAAU,EAAVA,mBArBuB;AAsBvBC,EAAAA,UAAU,EAAVA,mBAtBuB;;AAuBvBC,EAAAA,KAAK,CAAEV,UAAF,EAAcW,iBAAd,EAAkC;AACtC,WAAO;AACNV,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEU,iBAAiB,CAACV,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GA7BsB;;AA8BvBW,EAAAA,IAAI,EAAJA,aA9BuB;AA+BvBC,EAAAA,IAAI,EAAJA;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":["name","metadata","settings","icon","example","attributes","content","style","typography","fontSize","dropCap","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,gBADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cACR,kOADQ,CADE;AAIXC,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,aAAO,qBAASC,OAAT,IAAqB,cAAI,OAAJ,CAArB,GAAqCA,OAA5C;AACA;AACD,GApBsB;;AAqBvBO,EAAAA,UAAU,EAAVA,mBArBuB;AAsBvBC,EAAAA,UAAU,EAAVA,mBAtBuB;;AAuBvBC,EAAAA,KAAK,CAAEV,UAAF,EAAcW,iBAAd,EAAkC;AACtC,WAAO;AACNV,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEU,iBAAiB,CAACV,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GA7BsB;;AA8BvBW,EAAAA,IAAI,EAAJA,aA9BuB;AA+BvBC,EAAAA,IAAI,EAAJA;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/paragraph/transforms.js

@@ -55,7 +55,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/paragraph/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/paragraph/transforms.js"],"names":["transforms","from","type","priority","selector","schema","phrasingContentSchema","isPaste","p","children","attributes","transform","node","name","outerHTML","textAlign","style","align"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,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,GAAG,gCAAoBG,IAApB,EAA0BD,IAAI,CAACE,SAA/B,CAAnB;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,aAAO,yBAAaF,IAAb,EAAmBH,UAAnB,CAAP;AACA;;AAxBF,GADK;AADY,CAAnB;eA+BeV,U","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":["transforms","from","type","priority","selector","schema","phrasingContentSchema","isPaste","p","children","attributes","transform","node","name","outerHTML","textAlign","style","align"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,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,GAAG,gCAAoBG,IAApB,EAA0BD,IAAI,CAACE,SAA/B,CAAnB;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,aAAO,yBAAaF,IAAb,EAAmBH,UAAnB,CAAP;AACA;;AAxBF,GADK;AADY,CAAnB;eA+BeV,U","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/pattern/edit.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+/**
+ * WordPress dependencies
+ */
+const PatternEdit = ({
+  attributes,
+  clientId
+}) => {
+  const selectedPattern = (0, _data.useSelect)(select => select(_blockEditor.store).__experimentalGetParsedPattern(attributes.slug), [attributes.slug]);
+  const {
+    replaceBlocks,
+    __unstableMarkNextChangeAsNotPersistent
+  } = (0, _data.useDispatch)(_blockEditor.store); // 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.
+
+  (0, _element.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 = (0, _blockEditor.useBlockProps)();
+  return (0, _element.createElement)("div", props);
+};
+
+var _default = PatternEdit;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map

package/build/pattern/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/pattern/edit.js"],"names":["PatternEdit","attributes","clientId","selectedPattern","select","blockEditorStore","__experimentalGetParsedPattern","slug","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","blocks","props"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AALA;AACA;AACA;AAQA,MAAMA,WAAW,GAAG,CAAE;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAF,KAAgC;AACnD,QAAMC,eAAe,GAAG,qBACrBC,MAAF,IACCA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,8BAA3B,CACCL,UAAU,CAACM,IADZ,CAFsB,EAKvB,CAAEN,UAAU,CAACM,IAAb,CALuB,CAAxB;AAQA,QAAM;AACLC,IAAAA,aADK;AAELC,IAAAA;AAFK,MAGF,uBAAaJ,kBAAb,CAHJ,CATmD,CAcnD;AACA;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKF,eAAL,aAAKA,eAAL,eAAKA,eAAe,CAAEO,MAAtB,EAA+B;AAC9BD,MAAAA,uCAAuC;;AACvCD,MAAAA,aAAa,CAAEN,QAAF,EAAYC,eAAe,CAACO,MAA5B,CAAb;AACA;AACD,GALD,EAKG,CAAEP,eAAF,aAAEA,eAAF,uBAAEA,eAAe,CAAEO,MAAnB,CALH;AAOA,QAAMC,KAAK,GAAG,iCAAd;AAEA,SAAO,mCAAUA,KAAV,CAAP;AACA,CA5BD;;eA8BeX,W","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/{post-comment-author → pattern}/index.js

@@ -9,22 +9,24 @@ exports.settings = exports.name = exports.metadata = void 0;
 
 var _edit = _interopRequireDefault(require("./edit"));
 
-var _icons = require("@wordpress/icons");
-
 /**
  * Internal dependencies
  */
 const metadata = {
   apiVersion: 2,
-  name: "core/post-comment-author",
-  title: "Post Comment Author",
+  name: "core/pattern",
+  title: "Pattern",
   category: "design",
-  parent: ["core/post-comment"],
-  description: "Post comment author.",
-  textdomain: "default",
-  usesContext: ["commentId"],
+  description: "Show a block pattern.",
   supports: {
-    html: false
+    html: false,
+    inserter: false
+  },
+  textdomain: "default",
+  attributes: {
+    slug: {
+      type: "string"
+    }
   }
 };
 exports.metadata = metadata;
@@ -33,7 +35,6 @@ const {
 } = metadata;
 exports.name = name;
 const settings = {
-  icon: _icons.postAuthor,
   edit: _edit.default
 };
 exports.settings = settings;

package/build/pattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/pattern/index.js"],"names":["name","metadata","settings","edit","PatternEdit"],"mappings":";;;;;;;;;AAIA;;AAJA;AACA;AACA;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAEC;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/post-author/index.js

@@ -43,13 +43,25 @@ 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,
-      link: true
+      link: true,
+      __experimentalDuotone: ".wp-block-post-author__avatar img"
     }
   },
   editorStyle: "wp-block-post-author-editor",

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-author/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,iBADuB;AAEvBC,EAAAA,IAAI,EAAJA;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":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,iBADuB;AAEvBC,EAAAA,IAAI,EAAJA;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/post-comment/edit.js

@@ -18,22 +18,26 @@ var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
-const ALLOWED_BLOCKS = ['core/post-comment-content', 'core/post-comment-author']; // TODO: JSDOC types
+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']];
 
 function Edit({
-  attributes,
+  attributes: {
+    commentId
+  },
   setAttributes
 }) {
-  const {
-    commentId
-  } = attributes;
   const [commentIdInput, setCommentIdInput] = (0, _element.useState)(commentId);
   const blockProps = (0, _blockEditor.useBlockProps)();
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
+    template: TEMPLATE,
+    allowedBlocks: ALLOWED_BLOCKS
+  });
 
   if (!commentId) {
     return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_components.Placeholder, {
       icon: _icons.blockDefault,
-      label: (0, _i18n.__)('Post Comment'),
+      label: (0, _i18n._x)('Post Comment', 'block title'),
       instructions: (0, _i18n.__)('To show a comment, input the comment ID.')
     }, (0, _element.createElement)(_components.TextControl, {
       value: commentId,
@@ -48,8 +52,6 @@ function Edit({
     }, (0, _i18n.__)('Save'))));
   }
 
-  return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_blockEditor.InnerBlocks, {
-    allowedBlocks: ALLOWED_BLOCKS
-  }));
+  return (0, _element.createElement)("div", innerBlocksProps);
 }
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/post-comment/edit.js"],"names":["ALLOWED_BLOCKS","Edit","attributes","setAttributes","commentId","commentIdInput","setCommentIdInput","blockProps","blockDefault","val","parseInt"],"mappings":";;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AAPA;AACA;AACA;AAOA,MAAMA,cAAc,GAAG,CACtB,2BADsB,EAEtB,0BAFsB,CAAvB,C,CAKA;;AACe,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,IAAwC,uBAAUF,SAAV,CAA9C;AACA,QAAMG,UAAU,GAAG,iCAAnB;;AAEA,MAAK,CAAEH,SAAP,EAAmB;AAClB,WACC,mCAAUG,UAAV,EACC,4BAAC,uBAAD;AACC,MAAA,IAAI,EAAGC,mBADR;AAEC,MAAA,KAAK,EAAG,cAAI,cAAJ,CAFT;AAGC,MAAA,YAAY,EAAG,cACd,0CADc;AAHhB,OAOC,4BAAC,uBAAD;AACC,MAAA,KAAK,EAAGJ,SADT;AAEC,MAAA,QAAQ,EAAKK,GAAF,IACVH,iBAAiB,CAAEI,QAAQ,CAAED,GAAF,CAAV;AAHnB,MAPD,EAcC,4BAAC,kBAAD;AACC,MAAA,OAAO,EAAC,SADT;AAEC,MAAA,OAAO,EAAG,MAAM;AACfN,QAAAA,aAAa,CAAE;AAAEC,UAAAA,SAAS,EAAEC;AAAb,SAAF,CAAb;AACA;AAJF,OAMG,cAAI,MAAJ,CANH,CAdD,CADD,CADD;AA2BA;;AAED,SACC,mCAAUE,UAAV,EACC,4BAAC,wBAAD;AAAa,IAAA,aAAa,EAAGP;AAA7B,IADD,CADD;AAKA","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 { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nconst ALLOWED_BLOCKS = [\n\t'core/post-comment-content',\n\t'core/post-comment-author',\n];\n\n// TODO: JSDOC types\nexport default function Edit( { attributes, setAttributes } ) {\n\tconst { commentId } = attributes;\n\tconst [ commentIdInput, setCommentIdInput ] = useState( commentId );\n\tconst blockProps = useBlockProps();\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 (\n\t\t<div { ...blockProps }>\n\t\t\t<InnerBlocks allowedBlocks={ ALLOWED_BLOCKS } />\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/post-comment/edit.js"],"names":["ALLOWED_BLOCKS","TEMPLATE","Edit","attributes","commentId","setAttributes","commentIdInput","setCommentIdInput","blockProps","innerBlocksProps","template","allowedBlocks","blockDefault","val","parseInt"],"mappings":";;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AAPA;AACA;AACA;AAOA,MAAMA,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;;AASe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA;AAAF,GAAd;AAA6BC,EAAAA;AAA7B,CAAf,EAA8D;AAC5E,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwC,uBAAUH,SAAV,CAA9C;AACA,QAAMI,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,QAAQ,EAAET,QAD+C;AAEzDU,IAAAA,aAAa,EAAEX;AAF0C,GAAjC,CAAzB;;AAKA,MAAK,CAAEI,SAAP,EAAmB;AAClB,WACC,mCAAUI,UAAV,EACC,4BAAC,uBAAD;AACC,MAAA,IAAI,EAAGI,mBADR;AAEC,MAAA,KAAK,EAAG,cAAI,cAAJ,EAAoB,aAApB,CAFT;AAGC,MAAA,YAAY,EAAG,cACd,0CADc;AAHhB,OAOC,4BAAC,uBAAD;AACC,MAAA,KAAK,EAAGR,SADT;AAEC,MAAA,QAAQ,EAAKS,GAAF,IACVN,iBAAiB,CAAEO,QAAQ,CAAED,GAAF,CAAV;AAHnB,MAPD,EAcC,4BAAC,kBAAD;AACC,MAAA,OAAO,EAAC,SADT;AAEC,MAAA,OAAO,EAAG,MAAM;AACfR,QAAAA,aAAa,CAAE;AAAED,UAAAA,SAAS,EAAEE;AAAb,SAAF,CAAb;AACA;AAJF,OAMG,cAAI,MAAJ,CANH,CAdD,CADD,CADD;AA2BA;;AAED,SAAO,mCAAUG,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"]}