@wordpress/block-library 9.32.0 → 9.33.0

package/build-module/comment-reply-link/init.js

@@ -1,6 +1,6 @@
-/**
- * Internal dependencies
- */
-import { init } from './';
-export default init();
-//# sourceMappingURL=init.js.map
+import { init } from "./";
+var init_default = init();
+export {
+  init_default as default
+};
+//# sourceMappingURL=init.js.map

package/build-module/comment-reply-link/init.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/comment-reply-link/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,IAAI;AAEzB,eAAeA,IAAI,CAAC,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-reply-link/init.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],
+  "mappings": "AAGA,SAAS,YAAY;AAErB,IAAO,eAAQ,KAAK;",
+  "names": []
+}

package/build-module/comment-template/block.json

@@ -0,0 +1,49 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "core/comment-template",
+	"title": "Comment Template",
+	"category": "design",
+	"parent": [ "core/comments" ],
+	"description": "Contains the block elements used to display a comment, like the title, date, author, avatar and more.",
+	"textdomain": "default",
+	"usesContext": [ "postId" ],
+	"supports": {
+		"align": true,
+		"html": false,
+		"reusable": false,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		},
+		"interactivity": {
+			"clientNavigation": true
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true,
+			"__experimentalDefaultControls": {
+				"radius": true,
+				"color": true,
+				"width": true,
+				"style": true
+			}
+		}
+	},
+	"style": "wp-block-comment-template"
+}

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

@@ -1,94 +1,61 @@
-/**
- * WordPress dependencies
- */
-import { useState, memo } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { BlockContextProvider, useBlockProps, useInnerBlocksProps, store as blockEditorStore, __experimentalUseBlockPreview as useBlockPreview } from '@wordpress/block-editor';
-import { Spinner } from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { useCommentQueryArgs, useCommentTree } from './hooks';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TEMPLATE = [['core/avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
-
-/**
- * Function that returns a comment structure that will be rendered with default placehoders.
- *
- * Each comment has a `commentId` property that is always a negative number in
- * case of the placeholders. This is to ensure that the comment does not
- * conflict with the actual (real) comments.
- *
- * @param {Object}  settings                       Discussion Settings.
- * @param {number}  [settings.perPage]             - Comments per page setting or block attribute.
- * @param {boolean} [settings.pageComments]        - Enable break comments into pages setting.
- * @param {boolean} [settings.threadComments]      - Enable threaded (nested) comments setting.
- * @param {number}  [settings.threadCommentsDepth] - Level deep of threaded comments.
- *
- * @typedef {{id: null, children: EmptyComment[]}} EmptyComment
- * @return {EmptyComment[]}                 		Inner blocks of the Comment Template
- */
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, memo } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import {
+  BlockContextProvider,
+  useBlockProps,
+  useInnerBlocksProps,
+  store as blockEditorStore,
+  __experimentalUseBlockPreview as useBlockPreview
+} from "@wordpress/block-editor";
+import { Spinner } from "@wordpress/components";
+import { store as coreStore } from "@wordpress/core-data";
+import { useCommentQueryArgs, useCommentTree } from "./hooks";
+const TEMPLATE = [
+  ["core/avatar"],
+  ["core/comment-author-name"],
+  ["core/comment-date"],
+  ["core/comment-content"],
+  ["core/comment-reply-link"],
+  ["core/comment-edit-link"]
+];
 const getCommentsPlaceholder = ({
   perPage,
   pageComments,
   threadComments,
   threadCommentsDepth
 }) => {
-  // Limit commentsDepth to 3
   const commentsDepth = !threadComments ? 1 : Math.min(threadCommentsDepth, 3);
-  const buildChildrenComment = commentsLevel => {
-    // Render children comments until commentsDepth is reached
+  const buildChildrenComment = (commentsLevel) => {
     if (commentsLevel < commentsDepth) {
       const nextLevel = commentsLevel + 1;
-      return [{
-        commentId: -(commentsLevel + 3),
-        children: buildChildrenComment(nextLevel)
-      }];
+      return [
+        {
+          commentId: -(commentsLevel + 3),
+          children: buildChildrenComment(nextLevel)
+        }
+      ];
     }
     return [];
   };
-
-  // Add the first comment and its children
-  const placeholderComments = [{
-    commentId: -1,
-    children: buildChildrenComment(1)
-  }];
-
-  // Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max
+  const placeholderComments = [
+    { commentId: -1, children: buildChildrenComment(1) }
+  ];
   if ((!pageComments || perPage >= 2) && commentsDepth < 3) {
     placeholderComments.push({
       commentId: -2,
       children: []
     });
   }
-
-  // Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments
   if ((!pageComments || perPage >= 3) && commentsDepth < 2) {
     placeholderComments.push({
       commentId: -3,
       children: []
     });
   }
-
-  // In case that the value is set but larger than 3 we truncate it to 3.
   return placeholderComments;
 };
-
-/**
- * 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.activeCommentId]    - The ID of the comment that is currently active.
- * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.
- * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.
- * @param {Array}  [props.blocks]             - Array of blocks returned from
- *                                            getBlocks() in parent .
- * @return {Element}                 		Inner blocks of the Comment Template
- */
 function CommentTemplateInnerBlocks({
   comment,
   activeCommentId,
@@ -96,27 +63,32 @@ function CommentTemplateInnerBlocks({
   firstCommentId,
   blocks
 }) {
-  const {
-    children,
-    ...innerBlocksProps
-  } = useInnerBlocksProps({}, {
-    template: TEMPLATE
-  });
-  return /*#__PURE__*/_jsxs("li", {
-    ...innerBlocksProps,
-    children: [comment.commentId === (activeCommentId || firstCommentId) ? children : null, /*#__PURE__*/_jsx(MemoizedCommentTemplatePreview, {
-      blocks: blocks,
-      commentId: comment.commentId,
-      setActiveCommentId: setActiveCommentId,
-      isHidden: comment.commentId === (activeCommentId || firstCommentId)
-    }), comment?.children?.length > 0 ? /*#__PURE__*/_jsx(CommentsList, {
-      comments: comment.children,
-      activeCommentId: activeCommentId,
-      setActiveCommentId: setActiveCommentId,
-      blocks: blocks,
-      firstCommentId: firstCommentId
-    }) : null]
-  });
+  const { children, ...innerBlocksProps } = useInnerBlocksProps(
+    {},
+    { template: TEMPLATE }
+  );
+  return /* @__PURE__ */ jsxs("li", { ...innerBlocksProps, children: [
+    comment.commentId === (activeCommentId || firstCommentId) ? children : null,
+    /* @__PURE__ */ jsx(
+      MemoizedCommentTemplatePreview,
+      {
+        blocks,
+        commentId: comment.commentId,
+        setActiveCommentId,
+        isHidden: comment.commentId === (activeCommentId || firstCommentId)
+      }
+    ),
+    comment?.children?.length > 0 ? /* @__PURE__ */ jsx(
+      CommentsList,
+      {
+        comments: comment.children,
+        activeCommentId,
+        setActiveCommentId,
+        blocks,
+        firstCommentId
+      }
+    ) : null
+  ] });
 }
 const CommentTemplatePreview = ({
   blocks,
@@ -130,41 +102,22 @@ const CommentTemplatePreview = ({
   const handleOnClick = () => {
     setActiveCommentId(commentId);
   };
-
-  // We have to hide the preview block if the `comment` props points to
-  // the currently active block!
-
-  // Or, to put it differently, every preview block is visible unless it is the
-  // currently active block - in this case we render its inner blocks.
   const style = {
-    display: isHidden ? 'none' : undefined
+    display: isHidden ? "none" : void 0
   };
-  return /*#__PURE__*/_jsx("div", {
-    ...blockPreviewProps,
-    tabIndex: 0,
-    role: "button",
-    style: style
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
-    ,
-    onClick: handleOnClick,
-    onKeyPress: handleOnClick
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...blockPreviewProps,
+      tabIndex: 0,
+      role: "button",
+      style,
+      onClick: handleOnClick,
+      onKeyPress: handleOnClick
+    }
+  );
 };
 const MemoizedCommentTemplatePreview = memo(CommentTemplatePreview);
-
-/**
- * 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.activeCommentId]    - The ID of the comment that is currently active.
- * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.
- * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.
- * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of
- *                                            comment objects.
- * @return {Element}                 		List of comments.
- */
 const CommentsList = ({
   comments,
   blockProps,
@@ -172,12 +125,9 @@ const CommentsList = ({
   setActiveCommentId,
   blocks,
   firstCommentId
-}) => /*#__PURE__*/_jsx("ol", {
-  ...blockProps,
-  children: comments && comments.map(({
-    commentId,
-    ...comment
-  }, index) => /*#__PURE__*/_jsx(BlockContextProvider, {
+}) => /* @__PURE__ */ jsx("ol", { ...blockProps, children: comments && comments.map(({ commentId, ...comment }, index) => /* @__PURE__ */ jsx(
+  BlockContextProvider,
+  {
     value: {
       // If the commentId is negative it means that this comment is a
       // "placeholder" and that the block is most likely being used in the
@@ -186,23 +136,22 @@ const CommentsList = ({
       // would be requested from the REST API.
       commentId: commentId < 0 ? null : commentId
     },
-    children: /*#__PURE__*/_jsx(CommentTemplateInnerBlocks, {
-      comment: {
-        commentId,
-        ...comment
-      },
-      activeCommentId: activeCommentId,
-      setActiveCommentId: setActiveCommentId,
-      blocks: blocks,
-      firstCommentId: firstCommentId
-    })
-  }, comment.commentId || index))
-});
-export default function CommentTemplateEdit({
+    children: /* @__PURE__ */ jsx(
+      CommentTemplateInnerBlocks,
+      {
+        comment: { commentId, ...comment },
+        activeCommentId,
+        setActiveCommentId,
+        blocks,
+        firstCommentId
+      }
+    )
+  },
+  comment.commentId || index
+)) });
+function CommentTemplateEdit({
   clientId,
-  context: {
-    postId
-  }
+  context: { postId }
 }) {
   const blockProps = useBlockProps();
   const [activeCommentId, setActiveCommentId] = useState();
@@ -212,41 +161,31 @@ export default function CommentTemplateEdit({
     threadComments,
     commentsPerPage,
     pageComments
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
+  } = useSelect((select) => {
+    const { getSettings } = select(blockEditorStore);
     return getSettings().__experimentalDiscussionSettings;
   });
   const commentQuery = useCommentQueryArgs({
     postId
   });
-  const {
-    topLevelComments,
-    blocks
-  } = useSelect(select => {
-    const {
-      getEntityRecords
-    } = select(coreStore);
-    const {
-      getBlocks
-    } = select(blockEditorStore);
-    return {
-      // Request only top-level comments. Replies are embedded.
-      topLevelComments: commentQuery ? getEntityRecords('root', 'comment', commentQuery) : null,
-      blocks: getBlocks(clientId)
-    };
-  }, [clientId, commentQuery]);
-
-  // Generate a tree structure of comment IDs.
+  const { topLevelComments, blocks } = useSelect(
+    (select) => {
+      const { getEntityRecords } = select(coreStore);
+      const { getBlocks } = select(blockEditorStore);
+      return {
+        // Request only top-level comments. Replies are embedded.
+        topLevelComments: commentQuery ? getEntityRecords("root", "comment", commentQuery) : null,
+        blocks: getBlocks(clientId)
+      };
+    },
+    [clientId, commentQuery]
+  );
   let commentTree = useCommentTree(
-  // Reverse the order of top comments if needed.
-  commentOrder === 'desc' && topLevelComments ? [...topLevelComments].reverse() : topLevelComments);
+    // Reverse the order of top comments if needed.
+    commentOrder === "desc" && topLevelComments ? [...topLevelComments].reverse() : topLevelComments
+  );
   if (!topLevelComments) {
-    return /*#__PURE__*/_jsx("p", {
-      ...blockProps,
-      children: /*#__PURE__*/_jsx(Spinner, {})
-    });
+    return /* @__PURE__ */ jsx("p", { ...blockProps, children: /* @__PURE__ */ jsx(Spinner, {}) });
   }
   if (!postId) {
     commentTree = getCommentsPlaceholder({
@@ -257,18 +196,21 @@ export default function CommentTemplateEdit({
     });
   }
   if (!commentTree.length) {
-    return /*#__PURE__*/_jsx("p", {
-      ...blockProps,
-      children: __('No results found.')
-    });
+    return /* @__PURE__ */ jsx("p", { ...blockProps, children: __("No results found.") });
   }
-  return /*#__PURE__*/_jsx(CommentsList, {
-    comments: commentTree,
-    blockProps: blockProps,
-    blocks: blocks,
-    activeCommentId: activeCommentId,
-    setActiveCommentId: setActiveCommentId,
-    firstCommentId: commentTree[0]?.commentId
-  });
+  return /* @__PURE__ */ jsx(
+    CommentsList,
+    {
+      comments: commentTree,
+      blockProps,
+      blocks,
+      activeCommentId,
+      setActiveCommentId,
+      firstCommentId: commentTree[0]?.commentId
+    }
+  );
 }
-//# sourceMappingURL=edit.js.map
+export {
+  CommentTemplateEdit as default
+};
+//# sourceMappingURL=edit.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useState","memo","useSelect","__","BlockContextProvider","useBlockProps","useInnerBlocksProps","store","blockEditorStore","__experimentalUseBlockPreview","useBlockPreview","Spinner","coreStore","useCommentQueryArgs","useCommentTree","jsx","_jsx","jsxs","_jsxs","TEMPLATE","getCommentsPlaceholder","perPage","pageComments","threadComments","threadCommentsDepth","commentsDepth","Math","min","buildChildrenComment","commentsLevel","nextLevel","commentId","children","placeholderComments","push","CommentTemplateInnerBlocks","comment","activeCommentId","setActiveCommentId","firstCommentId","blocks","innerBlocksProps","template","MemoizedCommentTemplatePreview","isHidden","length","CommentsList","comments","CommentTemplatePreview","blockPreviewProps","handleOnClick","style","display","undefined","tabIndex","role","onClick","onKeyPress","blockProps","map","index","value","CommentTemplateEdit","clientId","context","postId","commentOrder","commentsPerPage","select","getSettings","__experimentalDiscussionSettings","commentQuery","topLevelComments","getEntityRecords","getBlocks","commentTree","reverse"],"sources":["@wordpress/block-library/src/comment-template/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBlockPreview as useBlockPreview,\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 { useCommentQueryArgs, useCommentTree } from './hooks';\n\nconst TEMPLATE = [\n\t[ 'core/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 * Function that returns a comment structure that will be rendered with default placehoders.\n *\n * Each comment has a `commentId` property that is always a negative number in\n * case of the placeholders. This is to ensure that the comment does not\n * conflict with the actual (real) comments.\n *\n * @param {Object}  settings                       Discussion Settings.\n * @param {number}  [settings.perPage]             - Comments per page setting or block attribute.\n * @param {boolean} [settings.pageComments]        - Enable break comments into pages setting.\n * @param {boolean} [settings.threadComments]      - Enable threaded (nested) comments setting.\n * @param {number}  [settings.threadCommentsDepth] - Level deep of threaded comments.\n *\n * @typedef {{id: null, children: EmptyComment[]}} EmptyComment\n * @return {EmptyComment[]}                 \t\tInner blocks of the Comment Template\n */\nconst getCommentsPlaceholder = ( {\n\tperPage,\n\tpageComments,\n\tthreadComments,\n\tthreadCommentsDepth,\n} ) => {\n\t// Limit commentsDepth to 3\n\tconst commentsDepth = ! threadComments\n\t\t? 1\n\t\t: Math.min( threadCommentsDepth, 3 );\n\n\tconst buildChildrenComment = ( commentsLevel ) => {\n\t\t// Render children comments until commentsDepth is reached\n\t\tif ( commentsLevel < commentsDepth ) {\n\t\t\tconst nextLevel = commentsLevel + 1;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tcommentId: -( commentsLevel + 3 ),\n\t\t\t\t\tchildren: buildChildrenComment( nextLevel ),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t};\n\n\t// Add the first comment and its children\n\tconst placeholderComments = [\n\t\t{ commentId: -1, children: buildChildrenComment( 1 ) },\n\t];\n\n\t// Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max\n\tif ( ( ! pageComments || perPage >= 2 ) && commentsDepth < 3 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -2,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments\n\tif ( ( ! pageComments || perPage >= 3 ) && commentsDepth < 2 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -3,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// In case that the value is set but larger than 3 we truncate it to 3.\n\treturn placeholderComments;\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.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.\n * @param {Array}  [props.blocks]             - Array of blocks returned from\n *                                            getBlocks() in parent .\n * @return {Element}                 \t\tInner blocks of the Comment Template\n */\nfunction CommentTemplateInnerBlocks( {\n\tcomment,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tfirstCommentId,\n\tblocks,\n} ) {\n\tconst { children, ...innerBlocksProps } = useInnerBlocksProps(\n\t\t{},\n\t\t{ template: TEMPLATE }\n\t);\n\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t{ comment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t? children\n\t\t\t\t: null }\n\n\t\t\t{ /* To avoid flicker when switching active block contexts, a preview\n\t\t\t is ALWAYS rendered and the preview for the active block is hidden.\n\t\t\t This ensures that when switching the active block, the component is not\n\t\t\t mounted again but rather it only toggles the `isHidden` prop.\n\t\t\t The same strategy is used for preventing the flicker in the Post Template\n\t\t\t block. */ }\n\t\t\t<MemoizedCommentTemplatePreview\n\t\t\t\tblocks={ blocks }\n\t\t\t\tcommentId={ comment.commentId }\n\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\tisHidden={\n\t\t\t\t\tcomment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t}\n\t\t\t/>\n\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\tactiveCommentId={ activeCommentId }\n\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t/>\n\t\t\t) : null }\n\t\t</li>\n\t);\n}\n\nconst CommentTemplatePreview = ( {\n\tblocks,\n\tcommentId,\n\tsetActiveCommentId,\n\tisHidden,\n} ) => {\n\tconst blockPreviewProps = useBlockPreview( {\n\t\tblocks,\n\t} );\n\n\tconst handleOnClick = () => {\n\t\tsetActiveCommentId( commentId );\n\t};\n\n\t// We have to hide the preview block if the `comment` props points to\n\t// the currently active block!\n\n\t// Or, to put it differently, every preview block is visible unless it is the\n\t// currently active block - in this case we render its inner blocks.\n\tconst style = {\n\t\tdisplay: isHidden ? 'none' : undefined,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\t{ ...blockPreviewProps }\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"button\"\n\t\t\tstyle={ style }\n\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\tonClick={ handleOnClick }\n\t\t\tonKeyPress={ handleOnClick }\n\t\t/>\n\t);\n};\n\nconst MemoizedCommentTemplatePreview = memo( CommentTemplatePreview );\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.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.\n * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of\n *                                            comment objects.\n * @return {Element}                 \t\tList of comments.\n */\nconst CommentsList = ( {\n\tcomments,\n\tblockProps,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tblocks,\n\tfirstCommentId,\n} ) => (\n\t<ol { ...blockProps }>\n\t\t{ comments &&\n\t\t\tcomments.map( ( { commentId, ...comment }, index ) => (\n\t\t\t\t<BlockContextProvider\n\t\t\t\t\tkey={ comment.commentId || index }\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t// If the commentId is negative it means that this comment is a\n\t\t\t\t\t\t// \"placeholder\" and that the block is most likely being used in the\n\t\t\t\t\t\t// site editor. In this case, we have to set the commentId to `null`\n\t\t\t\t\t\t// because otherwise the (non-existent) comment with a negative ID\n\t\t\t\t\t\t// would be requested from the REST API.\n\t\t\t\t\t\tcommentId: commentId < 0 ? null : commentId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<CommentTemplateInnerBlocks\n\t\t\t\t\t\tcomment={ { commentId, ...comment } }\n\t\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tfirstCommentId={ firstCommentId }\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 },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeCommentId, setActiveCommentId ] = useState();\n\tconst {\n\t\tcommentOrder,\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tconst commentQuery = useCommentQueryArgs( {\n\t\tpostId,\n\t} );\n\n\tconst { topLevelComments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\t// Request only top-level comments. Replies are embedded.\n\t\t\t\ttopLevelComments: commentQuery\n\t\t\t\t\t? getEntityRecords( 'root', 'comment', commentQuery )\n\t\t\t\t\t: null,\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId, commentQuery ]\n\t);\n\n\t// Generate a tree structure of comment IDs.\n\tlet commentTree = useCommentTree(\n\t\t// Reverse the order of top comments if needed.\n\t\tcommentOrder === 'desc' && topLevelComments\n\t\t\t? [ ...topLevelComments ].reverse()\n\t\t\t: topLevelComments\n\t);\n\n\tif ( ! topLevelComments ) {\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 ( ! postId ) {\n\t\tcommentTree = getCommentsPlaceholder( {\n\t\t\tperPage: commentsPerPage,\n\t\t\tpageComments,\n\t\t\tthreadComments,\n\t\t\tthreadCommentsDepth,\n\t\t} );\n\t}\n\n\tif ( ! commentTree.length ) {\n\t\treturn <p { ...blockProps }>{ __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<CommentsList\n\t\t\tcomments={ commentTree }\n\t\t\tblockProps={ blockProps }\n\t\t\tblocks={ blocks }\n\t\t\tactiveCommentId={ activeCommentId }\n\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\tfirstCommentId={ commentTree[ 0 ]?.commentId }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-template/edit.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBlockPreview as useBlockPreview,\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 { useCommentQueryArgs, useCommentTree } from './hooks';\n\nconst TEMPLATE = [\n\t[ 'core/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 * Function that returns a comment structure that will be rendered with default placehoders.\n *\n * Each comment has a `commentId` property that is always a negative number in\n * case of the placeholders. This is to ensure that the comment does not\n * conflict with the actual (real) comments.\n *\n * @param {Object}  settings                       Discussion Settings.\n * @param {number}  [settings.perPage]             - Comments per page setting or block attribute.\n * @param {boolean} [settings.pageComments]        - Enable break comments into pages setting.\n * @param {boolean} [settings.threadComments]      - Enable threaded (nested) comments setting.\n * @param {number}  [settings.threadCommentsDepth] - Level deep of threaded comments.\n *\n * @typedef {{id: null, children: EmptyComment[]}} EmptyComment\n * @return {EmptyComment[]}                 \t\tInner blocks of the Comment Template\n */\nconst getCommentsPlaceholder = ( {\n\tperPage,\n\tpageComments,\n\tthreadComments,\n\tthreadCommentsDepth,\n} ) => {\n\t// Limit commentsDepth to 3\n\tconst commentsDepth = ! threadComments\n\t\t? 1\n\t\t: Math.min( threadCommentsDepth, 3 );\n\n\tconst buildChildrenComment = ( commentsLevel ) => {\n\t\t// Render children comments until commentsDepth is reached\n\t\tif ( commentsLevel < commentsDepth ) {\n\t\t\tconst nextLevel = commentsLevel + 1;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tcommentId: -( commentsLevel + 3 ),\n\t\t\t\t\tchildren: buildChildrenComment( nextLevel ),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t};\n\n\t// Add the first comment and its children\n\tconst placeholderComments = [\n\t\t{ commentId: -1, children: buildChildrenComment( 1 ) },\n\t];\n\n\t// Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max\n\tif ( ( ! pageComments || perPage >= 2 ) && commentsDepth < 3 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -2,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments\n\tif ( ( ! pageComments || perPage >= 3 ) && commentsDepth < 2 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -3,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// In case that the value is set but larger than 3 we truncate it to 3.\n\treturn placeholderComments;\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.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.\n * @param {Array}  [props.blocks]             - Array of blocks returned from\n *                                            getBlocks() in parent .\n * @return {Element}                 \t\tInner blocks of the Comment Template\n */\nfunction CommentTemplateInnerBlocks( {\n\tcomment,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tfirstCommentId,\n\tblocks,\n} ) {\n\tconst { children, ...innerBlocksProps } = useInnerBlocksProps(\n\t\t{},\n\t\t{ template: TEMPLATE }\n\t);\n\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t{ comment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t? children\n\t\t\t\t: null }\n\n\t\t\t{ /* To avoid flicker when switching active block contexts, a preview\n\t\t\t is ALWAYS rendered and the preview for the active block is hidden.\n\t\t\t This ensures that when switching the active block, the component is not\n\t\t\t mounted again but rather it only toggles the `isHidden` prop.\n\t\t\t The same strategy is used for preventing the flicker in the Post Template\n\t\t\t block. */ }\n\t\t\t<MemoizedCommentTemplatePreview\n\t\t\t\tblocks={ blocks }\n\t\t\t\tcommentId={ comment.commentId }\n\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\tisHidden={\n\t\t\t\t\tcomment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t}\n\t\t\t/>\n\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\tactiveCommentId={ activeCommentId }\n\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t/>\n\t\t\t) : null }\n\t\t</li>\n\t);\n}\n\nconst CommentTemplatePreview = ( {\n\tblocks,\n\tcommentId,\n\tsetActiveCommentId,\n\tisHidden,\n} ) => {\n\tconst blockPreviewProps = useBlockPreview( {\n\t\tblocks,\n\t} );\n\n\tconst handleOnClick = () => {\n\t\tsetActiveCommentId( commentId );\n\t};\n\n\t// We have to hide the preview block if the `comment` props points to\n\t// the currently active block!\n\n\t// Or, to put it differently, every preview block is visible unless it is the\n\t// currently active block - in this case we render its inner blocks.\n\tconst style = {\n\t\tdisplay: isHidden ? 'none' : undefined,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\t{ ...blockPreviewProps }\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"button\"\n\t\t\tstyle={ style }\n\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\tonClick={ handleOnClick }\n\t\t\tonKeyPress={ handleOnClick }\n\t\t/>\n\t);\n};\n\nconst MemoizedCommentTemplatePreview = memo( CommentTemplatePreview );\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.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.\n * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of\n *                                            comment objects.\n * @return {Element}                 \t\tList of comments.\n */\nconst CommentsList = ( {\n\tcomments,\n\tblockProps,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tblocks,\n\tfirstCommentId,\n} ) => (\n\t<ol { ...blockProps }>\n\t\t{ comments &&\n\t\t\tcomments.map( ( { commentId, ...comment }, index ) => (\n\t\t\t\t<BlockContextProvider\n\t\t\t\t\tkey={ comment.commentId || index }\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t// If the commentId is negative it means that this comment is a\n\t\t\t\t\t\t// \"placeholder\" and that the block is most likely being used in the\n\t\t\t\t\t\t// site editor. In this case, we have to set the commentId to `null`\n\t\t\t\t\t\t// because otherwise the (non-existent) comment with a negative ID\n\t\t\t\t\t\t// would be requested from the REST API.\n\t\t\t\t\t\tcommentId: commentId < 0 ? null : commentId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<CommentTemplateInnerBlocks\n\t\t\t\t\t\tcomment={ { commentId, ...comment } }\n\t\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tfirstCommentId={ firstCommentId }\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 },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeCommentId, setActiveCommentId ] = useState();\n\tconst {\n\t\tcommentOrder,\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tconst commentQuery = useCommentQueryArgs( {\n\t\tpostId,\n\t} );\n\n\tconst { topLevelComments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\t// Request only top-level comments. Replies are embedded.\n\t\t\t\ttopLevelComments: commentQuery\n\t\t\t\t\t? getEntityRecords( 'root', 'comment', commentQuery )\n\t\t\t\t\t: null,\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId, commentQuery ]\n\t);\n\n\t// Generate a tree structure of comment IDs.\n\tlet commentTree = useCommentTree(\n\t\t// Reverse the order of top comments if needed.\n\t\tcommentOrder === 'desc' && topLevelComments\n\t\t\t? [ ...topLevelComments ].reverse()\n\t\t\t: topLevelComments\n\t);\n\n\tif ( ! topLevelComments ) {\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 ( ! postId ) {\n\t\tcommentTree = getCommentsPlaceholder( {\n\t\t\tperPage: commentsPerPage,\n\t\t\tpageComments,\n\t\t\tthreadComments,\n\t\t\tthreadCommentsDepth,\n\t\t} );\n\t}\n\n\tif ( ! commentTree.length ) {\n\t\treturn <p { ...blockProps }>{ __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<CommentsList\n\t\t\tcomments={ commentTree }\n\t\t\tblockProps={ blockProps }\n\t\t\tblocks={ blocks }\n\t\t\tactiveCommentId={ activeCommentId }\n\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\tfirstCommentId={ commentTree[ 0 ]?.commentId }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}