@wordpress/block-library 6.0.17-next.33ec3857e2.0 → 6.0.20

package/build/comment-edit-link/index.js

@@ -19,7 +19,6 @@ var _edit = _interopRequireDefault(require("./edit"));
  * Internal dependencies
  */
 const metadata = {
-  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/comment-edit-link",
   title: "Comment Edit Link",
@@ -61,7 +60,7 @@ const {
 } = metadata;
 exports.name = name;
 const settings = {
-  icon: _icons.commentEditLink,
+  icon: _icons.edit,
   edit: _edit.default
 };
 exports.settings = settings;

package/build/comment-edit-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,sBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentEditLink as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,WADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { edit as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}

package/build/comment-reply-link/index.js

@@ -19,7 +19,6 @@ var _edit = _interopRequireDefault(require("./edit"));
  * Internal dependencies
  */
 const metadata = {
-  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/comment-reply-link",
   title: "Comment Reply Link",

package/build/comment-reply-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comment-reply-link/index.js"],"names":["name","metadata","settings","edit","icon"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentReplyLink as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\ticon,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/comment-reply-link/index.js"],"names":["name","metadata","settings","edit","icon"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentReplyLink as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\ticon,\n};\n"]}

package/build/comment-template/edit.js

@@ -17,102 +17,30 @@ var _components = require("@wordpress/components");
 
 var _coreData = require("@wordpress/core-data");
 
-var _util = require("./util");
-
 /**
  * WordPress dependencies
  */
-
-/**
- * Internal dependencies
- */
 const TEMPLATE = [['core/comment-author-avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
-/**
- * Component which renders the inner blocks of the Comment Template.
- *
- * @param {Object} props                    Component props.
- * @param {Array}  [props.comment]          - A comment object.
- * @param {Array}  [props.activeComment]    - The block that is currently active.
- * @param {Array}  [props.setActiveComment] - The setter for activeComment.
- * @param {Array}  [props.firstBlock]       - First comment in the array.
- * @param {Array}  [props.blocks]           - Array of blocks returned from
- *                                          getBlocks() in parent .
- * @return {WPElement}                 		Inner blocks of the Comment Template
- */
-
-function CommentTemplateInnerBlocks(_ref) {
-  var _comment$children;
 
-  let {
-    comment,
-    activeComment,
-    setActiveComment,
-    firstBlock,
-    blocks
-  } = _ref;
-  const {
-    children,
-    ...innerBlocksProps
-  } = (0, _blockEditor.useInnerBlocksProps)({}, {
+function CommentTemplateInnerBlocks() {
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)({}, {
     template: TEMPLATE
   });
-  return (0, _element.createElement)("li", innerBlocksProps, comment === (activeComment || firstBlock) ? children : (0, _element.createElement)(_blockEditor.BlockPreview, {
-    blocks: blocks,
-    __experimentalLive: true,
-    __experimentalOnClick: () => setActiveComment(comment)
-  }), (comment === null || comment === void 0 ? void 0 : (_comment$children = comment.children) === null || _comment$children === void 0 ? void 0 : _comment$children.length) > 0 ? (0, _element.createElement)(CommentsList, {
-    comments: comment.children,
-    activeComment: activeComment,
-    setActiveComment: setActiveComment,
-    blocks: blocks
-  }) : null);
+  return (0, _element.createElement)("li", innerBlocksProps);
 }
-/**
- * Component that renders a list of (nested) comments. It is called recursively.
- *
- * @param {Object} props                    Component props.
- * @param {Array}  [props.comments]         - Array of comment objects.
- * @param {Array}  [props.blockProps]       - Props from parent's `useBlockProps()`.
- * @param {Array}  [props.activeComment]    - The block that is currently active.
- * @param {Array}  [props.setActiveComment] - The setter for activeComment.
- * @param {Array}  [props.blocks]           - Array of blocks returned from
- *                                          getBlocks() in parent .
- * @return {WPElement}                 		List of comments.
- */
-
-
-const CommentsList = _ref2 => {
-  let {
-    comments,
-    blockProps,
-    activeComment,
-    setActiveComment,
-    blocks
-  } = _ref2;
-  return (0, _element.createElement)("ol", blockProps, comments && comments.map(comment => (0, _element.createElement)(_blockEditor.BlockContextProvider, {
-    key: comment.commentId,
-    value: comment
-  }, (0, _element.createElement)(CommentTemplateInnerBlocks, {
-    comment: comment,
-    activeComment: activeComment,
-    setActiveComment: setActiveComment,
-    blocks: blocks,
-    firstBlock: comments[0]
-  }))));
-};
 
-function CommentTemplateEdit(_ref3) {
+function CommentTemplateEdit(_ref) {
   let {
     clientId,
     context: {
       postId,
-      'comments/perPage': perPage
+      queryPerPage
     }
-  } = _ref3;
+  } = _ref;
   const blockProps = (0, _blockEditor.useBlockProps)();
-  const [activeComment, setActiveComment] = (0, _element.useState)();
+  const [activeBlockContext, setActiveBlockContext] = (0, _element.useState)();
   const {
-    rawComments,
+    comments,
     blocks
   } = (0, _data.useSelect)(select => {
     const {
@@ -122,24 +50,20 @@ function CommentTemplateEdit(_ref3) {
       getBlocks
     } = select(_blockEditor.store);
     return {
-      rawComments: getEntityRecords('root', 'comment', {
+      comments: getEntityRecords('root', 'comment', {
         post: postId,
         status: 'approve',
-        order: 'asc',
-        context: 'embed'
+        per_page: queryPerPage,
+        order: 'asc'
       }),
       blocks: getBlocks(clientId)
     };
-  }, [postId, clientId]); // TODO: Replicate the logic used on the server.
-
-  perPage = perPage || 50; // We convert the flat list of comments to tree.
-  // Then, we show only a maximum of `perPage` number of comments.
-  // This is because passing `per_page` to `getEntityRecords()` does not
-  // take into account nested comments.
+  }, [queryPerPage, postId, clientId]);
+  const blockContexts = (0, _element.useMemo)(() => comments === null || comments === void 0 ? void 0 : comments.map(comment => ({
+    commentId: comment.id
+  })), [comments]);
 
-  const comments = (0, _element.useMemo)(() => (0, _util.convertToTree)(rawComments).slice(0, perPage), [rawComments, perPage]);
-
-  if (!rawComments) {
+  if (!comments) {
     return (0, _element.createElement)("p", blockProps, (0, _element.createElement)(_components.Spinner, null));
   }
 
@@ -147,12 +71,13 @@ function CommentTemplateEdit(_ref3) {
     return (0, _element.createElement)("p", blockProps, " ", (0, _i18n.__)('No results found.'));
   }
 
-  return (0, _element.createElement)(CommentsList, {
-    comments: comments,
-    blockProps: blockProps,
+  return (0, _element.createElement)("ul", blockProps, blockContexts && blockContexts.map(blockContext => (0, _element.createElement)(_blockEditor.BlockContextProvider, {
+    key: blockContext.commentId,
+    value: blockContext
+  }, blockContext === (activeBlockContext || blockContexts[0]) ? (0, _element.createElement)(CommentTemplateInnerBlocks, null) : (0, _element.createElement)("li", null, (0, _element.createElement)(_blockEditor.BlockPreview, {
     blocks: blocks,
-    activeComment: activeComment,
-    setActiveComment: setActiveComment
-  });
+    __experimentalLive: true,
+    __experimentalOnClick: () => setActiveBlockContext(blockContext)
+  })))));
 }
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comment-template/edit.js"],"names":["TEMPLATE","CommentTemplateInnerBlocks","comment","activeComment","setActiveComment","firstBlock","blocks","children","innerBlocksProps","template","length","CommentsList","comments","blockProps","map","commentId","CommentTemplateEdit","clientId","context","postId","perPage","rawComments","select","getEntityRecords","coreStore","getBlocks","blockEditorStore","post","status","order","slice"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tBlockPreview,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { convertToTree } from './util';\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\n/**\n * Component which renders the inner blocks of the Comment Template.\n *\n * @param {Object} props                    Component props.\n * @param {Array}  [props.comment]          - A comment object.\n * @param {Array}  [props.activeComment]    - The block that is currently active.\n * @param {Array}  [props.setActiveComment] - The setter for activeComment.\n * @param {Array}  [props.firstBlock]       - First comment in the array.\n * @param {Array}  [props.blocks]           - Array of blocks returned from\n *                                          getBlocks() in parent .\n * @return {WPElement}                 \t\tInner blocks of the Comment Template\n */\nfunction CommentTemplateInnerBlocks( {\n\tcomment,\n\tactiveComment,\n\tsetActiveComment,\n\tfirstBlock,\n\tblocks,\n} ) {\n\tconst { children, ...innerBlocksProps } = useInnerBlocksProps(\n\t\t{},\n\t\t{ template: TEMPLATE }\n\t);\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t{ comment === ( activeComment || firstBlock ) ? (\n\t\t\t\tchildren\n\t\t\t) : (\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t__experimentalLive\n\t\t\t\t\t__experimentalOnClick={ () => setActiveComment( comment ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ comment?.children?.length > 0 ? (\n\t\t\t\t<CommentsList\n\t\t\t\t\tcomments={ comment.children }\n\t\t\t\t\tactiveComment={ activeComment }\n\t\t\t\t\tsetActiveComment={ setActiveComment }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t/>\n\t\t\t) : null }\n\t\t</li>\n\t);\n}\n\n/**\n * Component that renders a list of (nested) comments. It is called recursively.\n *\n * @param {Object} props                    Component props.\n * @param {Array}  [props.comments]         - Array of comment objects.\n * @param {Array}  [props.blockProps]       - Props from parent's `useBlockProps()`.\n * @param {Array}  [props.activeComment]    - The block that is currently active.\n * @param {Array}  [props.setActiveComment] - The setter for activeComment.\n * @param {Array}  [props.blocks]           - Array of blocks returned from\n *                                          getBlocks() in parent .\n * @return {WPElement}                 \t\tList of comments.\n */\nconst CommentsList = ( {\n\tcomments,\n\tblockProps,\n\tactiveComment,\n\tsetActiveComment,\n\tblocks,\n} ) => (\n\t<ol { ...blockProps }>\n\t\t{ comments &&\n\t\t\tcomments.map( ( comment ) => (\n\t\t\t\t<BlockContextProvider\n\t\t\t\t\tkey={ comment.commentId }\n\t\t\t\t\tvalue={ comment }\n\t\t\t\t>\n\t\t\t\t\t<CommentTemplateInnerBlocks\n\t\t\t\t\t\tcomment={ comment }\n\t\t\t\t\t\tactiveComment={ activeComment }\n\t\t\t\t\t\tsetActiveComment={ setActiveComment }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tfirstBlock={ comments[ 0 ] }\n\t\t\t\t\t/>\n\t\t\t\t</BlockContextProvider>\n\t\t\t) ) }\n\t</ol>\n);\n\nexport default function CommentTemplateEdit( {\n\tclientId,\n\tcontext: { postId, 'comments/perPage': perPage },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeComment, setActiveComment ] = useState();\n\n\tconst { rawComments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\trawComments: getEntityRecords( 'root', 'comment', {\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tstatus: 'approve',\n\t\t\t\t\torder: 'asc',\n\t\t\t\t\tcontext: 'embed',\n\t\t\t\t} ),\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ postId, clientId ]\n\t);\n\n\t// TODO: Replicate the logic used on the server.\n\tperPage = perPage || 50;\n\n\t// We convert the flat list of comments to tree.\n\t// Then, we show only a maximum of `perPage` number of comments.\n\t// This is because passing `per_page` to `getEntityRecords()` does not\n\t// take into account nested comments.\n\tconst comments = useMemo(\n\t\t() => convertToTree( rawComments ).slice( 0, perPage ),\n\t\t[ rawComments, perPage ]\n\t);\n\n\tif ( ! rawComments ) {\n\t\treturn (\n\t\t\t<p { ...blockProps }>\n\t\t\t\t<Spinner />\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif ( ! comments.length ) {\n\t\treturn <p { ...blockProps }> { __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<CommentsList\n\t\t\tcomments={ comments }\n\t\t\tblockProps={ blockProps }\n\t\t\tblocks={ blocks }\n\t\t\tactiveComment={ activeComment }\n\t\t\tsetActiveComment={ setActiveComment }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/comment-template/edit.js"],"names":["TEMPLATE","CommentTemplateInnerBlocks","innerBlocksProps","template","CommentTemplateEdit","clientId","context","postId","queryPerPage","blockProps","activeBlockContext","setActiveBlockContext","comments","blocks","select","getEntityRecords","coreStore","getBlocks","blockEditorStore","post","status","per_page","order","blockContexts","map","comment","commentId","id","length","blockContext"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AAdA;AACA;AACA;AAcA,MAAMA,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,SAASC,0BAAT,GAAsC;AACrC,QAAMC,gBAAgB,GAAG,sCAAqB,EAArB,EAAyB;AAAEC,IAAAA,QAAQ,EAAEH;AAAZ,GAAzB,CAAzB;AACA,SAAO,kCAASE,gBAAT,CAAP;AACA;;AAEc,SAASE,mBAAT,OAGX;AAAA,MAHyC;AAC5CC,IAAAA,QAD4C;AAE5CC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAFmC,GAGzC;AACH,QAAMC,UAAU,GAAG,iCAAnB;AAEA,QAAM,CAAEC,kBAAF,EAAsBC,qBAAtB,IAAgD,wBAAtD;AAEA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAAuB,qBAC1BC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAuBD,MAAM,CAAEE,eAAF,CAAnC;AACA,UAAM;AAAEC,MAAAA;AAAF,QAAgBH,MAAM,CAAEI,kBAAF,CAA5B;AAEA,WAAO;AACNN,MAAAA,QAAQ,EAAEG,gBAAgB,CAAE,MAAF,EAAU,SAAV,EAAqB;AAC9CI,QAAAA,IAAI,EAAEZ,MADwC;AAE9Ca,QAAAA,MAAM,EAAE,SAFsC;AAG9CC,QAAAA,QAAQ,EAAEb,YAHoC;AAI9Cc,QAAAA,KAAK,EAAE;AAJuC,OAArB,CADpB;AAONT,MAAAA,MAAM,EAAEI,SAAS,CAAEZ,QAAF;AAPX,KAAP;AASA,GAd2B,EAe5B,CAAEG,YAAF,EAAgBD,MAAhB,EAAwBF,QAAxB,CAf4B,CAA7B;AAkBA,QAAMkB,aAAa,GAAG,sBACrB,MAAMX,QAAN,aAAMA,QAAN,uBAAMA,QAAQ,CAAEY,GAAV,CAAiBC,OAAF,KAAiB;AAAEC,IAAAA,SAAS,EAAED,OAAO,CAACE;AAArB,GAAjB,CAAf,CADe,EAErB,CAAEf,QAAF,CAFqB,CAAtB;;AAKA,MAAK,CAAEA,QAAP,EAAkB;AACjB,WACC,iCAAQH,UAAR,EACC,4BAAC,mBAAD,OADD,CADD;AAKA;;AAED,MAAK,CAAEG,QAAQ,CAACgB,MAAhB,EAAyB;AACxB,WAAO,iCAAQnB,UAAR,OAAwB,cAAI,mBAAJ,CAAxB,CAAP;AACA;;AAED,SACC,kCAASA,UAAT,EACGc,aAAa,IACdA,aAAa,CAACC,GAAd,CAAqBK,YAAF,IAClB,4BAAC,iCAAD;AACC,IAAA,GAAG,EAAGA,YAAY,CAACH,SADpB;AAEC,IAAA,KAAK,EAAGG;AAFT,KAIGA,YAAY,MACZnB,kBAAkB,IAAIa,aAAa,CAAE,CAAF,CADvB,CAAZ,GAED,4BAAC,0BAAD,OAFC,GAID,wCACC,4BAAC,yBAAD;AACC,IAAA,MAAM,EAAGV,MADV;AAEC,IAAA,kBAAkB,MAFnB;AAGC,IAAA,qBAAqB,EAAG,MACvBF,qBAAqB,CAAEkB,YAAF;AAJvB,IADD,CARF,CADD,CAFF,CADD;AA0BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tBlockPreview,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\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\nfunction CommentTemplateInnerBlocks() {\n\tconst innerBlocksProps = useInnerBlocksProps( {}, { template: TEMPLATE } );\n\treturn <li { ...innerBlocksProps } />;\n}\n\nexport default function CommentTemplateEdit( {\n\tclientId,\n\tcontext: { postId, queryPerPage },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeBlockContext, setActiveBlockContext ] = useState();\n\n\tconst { comments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tcomments: getEntityRecords( 'root', 'comment', {\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tstatus: 'approve',\n\t\t\t\t\tper_page: queryPerPage,\n\t\t\t\t\torder: 'asc',\n\t\t\t\t} ),\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ queryPerPage, postId, clientId ]\n\t);\n\n\tconst blockContexts = useMemo(\n\t\t() => comments?.map( ( comment ) => ( { commentId: comment.id } ) ),\n\t\t[ comments ]\n\t);\n\n\tif ( ! comments ) {\n\t\treturn (\n\t\t\t<p { ...blockProps }>\n\t\t\t\t<Spinner />\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif ( ! comments.length ) {\n\t\treturn <p { ...blockProps }> { __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<ul { ...blockProps }>\n\t\t\t{ blockContexts &&\n\t\t\t\tblockContexts.map( ( blockContext ) => (\n\t\t\t\t\t<BlockContextProvider\n\t\t\t\t\t\tkey={ blockContext.commentId }\n\t\t\t\t\t\tvalue={ blockContext }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockContext ===\n\t\t\t\t\t\t( activeBlockContext || blockContexts[ 0 ] ) ? (\n\t\t\t\t\t\t\t<CommentTemplateInnerBlocks />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t__experimentalLive\n\t\t\t\t\t\t\t\t\t__experimentalOnClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetActiveBlockContext( blockContext )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</BlockContextProvider>\n\t\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n"]}

package/build/comment-template/index.js

@@ -21,7 +21,6 @@ var _save = _interopRequireDefault(require("./save"));
  * Internal dependencies
  */
 const metadata = {
-  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/comment-template",
   title: "Comment Template",
@@ -29,13 +28,12 @@ const metadata = {
   parent: ["core/comments-query-loop"],
   description: "Contains the block elements used to render a comment, like the title, date, author, avatar and more.",
   textdomain: "default",
-  usesContext: ["comments/perPage", "postId"],
+  usesContext: ["queryId", "queryPerPage", "postId"],
   supports: {
     reusable: false,
     html: false,
     align: true
-  },
-  style: "wp-block-comment-template"
+  }
 };
 exports.metadata = metadata;
 const {

package/build/comment-template/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comment-template/index.js"],"names":["name","metadata","settings","icon","edit","save"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { layout 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/comment-template/index.js"],"names":["name","metadata","settings","icon","edit","save"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { layout 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/comments-query-loop/edit.js

@@ -32,7 +32,7 @@ function CommentsQueryLoopEdit(_ref) {
     setAttributes
   } = _ref;
   const {
-    perPage,
+    queryPerPage,
     tagName: TagName
   } = attributes;
   const blockProps = (0, _blockEditor.useBlockProps)();
@@ -40,7 +40,7 @@ function CommentsQueryLoopEdit(_ref) {
     template: TEMPLATE
   });
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_toolbar.default, {
-    perPage: perPage,
+    queryPerPage: queryPerPage,
     setQuery: setAttributes
   })), (0, _element.createElement)(_blockEditor.InspectorControls, {
     __experimentalGroup: "advanced"

package/build/comments-query-loop/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/edit.js"],"names":["TEMPLATE","CommentsQueryLoopEdit","attributes","setAttributes","perPage","tagName","TagName","blockProps","innerBlocksProps","template","label","value"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,QAAQ,GAAG,CAAE,CAAE,uBAAF,CAAF,CAAjB;;AAEe,SAASC,qBAAT,OAAgE;AAAA,MAAhC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAgC;AAC9E,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,OAAO,EAAEC;AAApB,MAAgCJ,UAAtC;AAEA,QAAMK,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,QAAQ,EAAET;AAD+C,GAAjC,CAAzB;AAIA,SACC,qDACC,4BAAC,0BAAD,QACC,4BAAC,gBAAD;AAAc,IAAA,OAAO,EAAGI,OAAxB;AAAkC,IAAA,QAAQ,EAAGD;AAA7C,IADD,CADD,EAIC,4BAAC,8BAAD;AAAmB,IAAA,mBAAmB,EAAC;AAAvC,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,cAAJ,CADT;AAEC,IAAA,OAAO,EAAG,CACT;AAAEO,MAAAA,KAAK,EAAE,cAAI,iBAAJ,CAAT;AAAkCC,MAAAA,KAAK,EAAE;AAAzC,KADS,EAET;AAAED,MAAAA,KAAK,EAAE,WAAT;AAAsBC,MAAAA,KAAK,EAAE;AAA7B,KAFS,EAGT;AAAED,MAAAA,KAAK,EAAE,SAAT;AAAoBC,MAAAA,KAAK,EAAE;AAA3B,KAHS,CAFX;AAOC,IAAA,KAAK,EAAGL,OAPT;AAQC,IAAA,QAAQ,EAAKK,KAAF,IACVR,aAAa,CAAE;AAAEE,MAAAA,OAAO,EAAEM;AAAX,KAAF;AATf,IADD,CAJD,EAkBC,4BAAC,OAAD,EAAcH,gBAAd,CAlBD,CADD;AAsBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport QueryToolbar from './toolbar';\n\nconst TEMPLATE = [ [ 'core/comment-template' ] ];\n\nexport default function CommentsQueryLoopEdit( { attributes, setAttributes } ) {\n\tconst { perPage, tagName: TagName } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<QueryToolbar perPage={ perPage } setQuery={ setAttributes } />\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/edit.js"],"names":["TEMPLATE","CommentsQueryLoopEdit","attributes","setAttributes","queryPerPage","tagName","TagName","blockProps","innerBlocksProps","template","label","value"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,QAAQ,GAAG,CAAE,CAAE,uBAAF,CAAF,CAAjB;;AAEe,SAASC,qBAAT,OAAgE;AAAA,MAAhC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAgC;AAC9E,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,OAAO,EAAEC;AAAzB,MAAqCJ,UAA3C;AAEA,QAAMK,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,QAAQ,EAAET;AAD+C,GAAjC,CAAzB;AAIA,SACC,qDACC,4BAAC,0BAAD,QACC,4BAAC,gBAAD;AACC,IAAA,YAAY,EAAGI,YADhB;AAEC,IAAA,QAAQ,EAAGD;AAFZ,IADD,CADD,EAOC,4BAAC,8BAAD;AAAmB,IAAA,mBAAmB,EAAC;AAAvC,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,cAAJ,CADT;AAEC,IAAA,OAAO,EAAG,CACT;AAAEO,MAAAA,KAAK,EAAE,cAAI,iBAAJ,CAAT;AAAkCC,MAAAA,KAAK,EAAE;AAAzC,KADS,EAET;AAAED,MAAAA,KAAK,EAAE,WAAT;AAAsBC,MAAAA,KAAK,EAAE;AAA7B,KAFS,EAGT;AAAED,MAAAA,KAAK,EAAE,SAAT;AAAoBC,MAAAA,KAAK,EAAE;AAA3B,KAHS,CAFX;AAOC,IAAA,KAAK,EAAGL,OAPT;AAQC,IAAA,QAAQ,EAAKK,KAAF,IACVR,aAAa,CAAE;AAAEE,MAAAA,OAAO,EAAEM;AAAX,KAAF;AATf,IADD,CAPD,EAqBC,4BAAC,OAAD,EAAcH,gBAAd,CArBD,CADD;AAyBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport QueryToolbar from './toolbar';\n\nconst TEMPLATE = [ [ 'core/comment-template' ] ];\n\nexport default function CommentsQueryLoopEdit( { attributes, setAttributes } ) {\n\tconst { queryPerPage, tagName: TagName } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<QueryToolbar\n\t\t\t\t\tqueryPerPage={ queryPerPage }\n\t\t\t\t\tsetQuery={ setAttributes }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"]}

package/build/comments-query-loop/index.js

@@ -21,7 +21,6 @@ var _save = _interopRequireDefault(require("./save"));
  * Internal dependencies
  */
 const metadata = {
-  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/comments-query-loop",
   title: "Comments Query Loop",
@@ -29,9 +28,12 @@ const metadata = {
   description: "An advanced block that allows displaying post comments based on different query parameters and visual configurations.",
   textdomain: "default",
   attributes: {
-    perPage: {
+    queryId: {
+      type: "number"
+    },
+    queryPerPage: {
       type: "number",
-      "default": null
+      "default": 4
     },
     tagName: {
       type: "string",
@@ -39,7 +41,8 @@ const metadata = {
     }
   },
   providesContext: {
-    "comments/perPage": "perPage"
+    queryId: "queryId",
+    queryPerPage: "queryPerPage"
   },
   supports: {
     align: ["wide", "full"],

package/build/comments-query-loop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/index.js"],"names":["name","metadata","settings","icon","edit","save"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,mBADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postComments 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/comments-query-loop/index.js"],"names":["name","metadata","settings","icon","edit","save"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,mBADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postComments 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/comments-query-loop/toolbar.js

@@ -18,7 +18,7 @@ var _icons = require("@wordpress/icons");
  */
 function CommentsQueryLoopToolbar(_ref) {
   let {
-    perPage,
+    queryPerPage,
     setQuery
   } = _ref;
   return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.Dropdown, {
@@ -46,11 +46,11 @@ function CommentsQueryLoopToolbar(_ref) {
         }
 
         setQuery({
-          perPage: num
+          queryPerPage: num
         });
       },
       step: "1",
-      value: perPage,
+      value: queryPerPage,
       isDragEnabled: false
     })))
   }));

package/build/comments-query-loop/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/toolbar.js"],"names":["CommentsQueryLoopToolbar","perPage","setQuery","onToggle","settings","value","num","parseInt","isNaN"],"mappings":";;;;;;;;;AAGA;;AAOA;;AACA;;AAXA;AACA;AACA;AAWe,SAASA,wBAAT,OAA2D;AAAA,MAAxB;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAwB;AACzE,SACC,4BAAC,wBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEC,QAAAA;AAAF,OAAF;AAAA,aACd,4BAAC,yBAAD;AACC,QAAA,IAAI,EAAGC,eADR;AAEC,QAAA,KAAK,EAAG,cAAI,kBAAJ,CAFT;AAGC,QAAA,OAAO,EAAGD;AAHX,QADc;AAAA,KADhB;AAQC,IAAA,aAAa,EAAG,MACf,qDACC,4BAAC,uBAAD,QACC,4BAAC,uCAAD;AACC,MAAA,oBAAoB,EAAC,MADtB;AAEC,MAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,MAAA,aAAa,EAAC,MAHf;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,GAAG,EAAG,GALP;AAMC,MAAA,QAAQ,EAAKE,KAAF,IAAa;AACvB,cAAMC,GAAG,GAAGC,QAAQ,CAAEF,KAAF,EAAS,EAAT,CAApB;;AACA,YACCG,KAAK,CAAEF,GAAF,CAAL,IACAA,GAAG,GAAG,CADN,IAEAA,GAAG,GAAG,GAHP,EAIE;AACD;AACA;;AACDJ,QAAAA,QAAQ,CAAE;AACTD,UAAAA,OAAO,EAAEK;AADA,SAAF,CAAR;AAGA,OAlBF;AAmBC,MAAA,IAAI,EAAC,GAnBN;AAoBC,MAAA,KAAK,EAAGL,OApBT;AAqBC,MAAA,aAAa,EAAG;AArBjB,MADD,CADD;AATF,IADD,CADD;AA0CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\nexport default function CommentsQueryLoopToolbar( { perPage, setQuery } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Dropdown\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tconst num = parseInt( value, 10 );\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tisNaN( num ) ||\n\t\t\t\t\t\t\t\t\t\tnum < 1 ||\n\t\t\t\t\t\t\t\t\t\tnum > 100\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tperPage: num,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\tvalue={ perPage }\n\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/toolbar.js"],"names":["CommentsQueryLoopToolbar","queryPerPage","setQuery","onToggle","settings","value","num","parseInt","isNaN"],"mappings":";;;;;;;;;AAGA;;AAOA;;AACA;;AAXA;AACA;AACA;AAWe,SAASA,wBAAT,OAAgE;AAAA,MAA7B;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAA6B;AAC9E,SACC,4BAAC,wBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEC,QAAAA;AAAF,OAAF;AAAA,aACd,4BAAC,yBAAD;AACC,QAAA,IAAI,EAAGC,eADR;AAEC,QAAA,KAAK,EAAG,cAAI,kBAAJ,CAFT;AAGC,QAAA,OAAO,EAAGD;AAHX,QADc;AAAA,KADhB;AAQC,IAAA,aAAa,EAAG,MACf,qDACC,4BAAC,uBAAD,QACC,4BAAC,uCAAD;AACC,MAAA,oBAAoB,EAAC,MADtB;AAEC,MAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,MAAA,aAAa,EAAC,MAHf;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,GAAG,EAAG,GALP;AAMC,MAAA,QAAQ,EAAKE,KAAF,IAAa;AACvB,cAAMC,GAAG,GAAGC,QAAQ,CAAEF,KAAF,EAAS,EAAT,CAApB;;AACA,YACCG,KAAK,CAAEF,GAAF,CAAL,IACAA,GAAG,GAAG,CADN,IAEAA,GAAG,GAAG,GAHP,EAIE;AACD;AACA;;AACDJ,QAAAA,QAAQ,CAAE;AACTD,UAAAA,YAAY,EAAEK;AADL,SAAF,CAAR;AAGA,OAlBF;AAmBC,MAAA,IAAI,EAAC,GAnBN;AAoBC,MAAA,KAAK,EAAGL,YApBT;AAqBC,MAAA,aAAa,EAAG;AArBjB,MADD,CADD;AATF,IADD,CADD;AA0CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\nexport default function CommentsQueryLoopToolbar( { queryPerPage, setQuery } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Dropdown\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tconst num = parseInt( value, 10 );\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tisNaN( num ) ||\n\t\t\t\t\t\t\t\t\t\tnum < 1 ||\n\t\t\t\t\t\t\t\t\t\tnum > 100\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tqueryPerPage: num,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\tvalue={ queryPerPage }\n\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}

package/build/cover/edit.js

@@ -576,8 +576,7 @@ function CoverEdit(_ref5) {
     "data-url": url
   }), (0, _element.createElement)(BoxControlVisualizer, {
     values: styleAttribute === null || styleAttribute === void 0 ? void 0 : (_styleAttribute$spaci = styleAttribute.spacing) === null || _styleAttribute$spaci === void 0 ? void 0 : _styleAttribute$spaci.padding,
-    showValues: styleAttribute === null || styleAttribute === void 0 ? void 0 : (_styleAttribute$visua = styleAttribute.visualizers) === null || _styleAttribute$visua === void 0 ? void 0 : _styleAttribute$visua.padding,
-    className: "block-library-cover__padding-visualizer"
+    showValues: styleAttribute === null || styleAttribute === void 0 ? void 0 : (_styleAttribute$visua = styleAttribute.visualizers) === null || _styleAttribute$visua === void 0 ? void 0 : _styleAttribute$visua.padding
   }), (0, _element.createElement)(ResizableCover, {
     className: "block-library-cover__resize-container",
     onResizeStart: () => {