@wordpress/block-library 8.35.0 → 9.0.1

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -26,8 +26,7 @@ var _blockEditor = require("@wordpress/block-editor");
  * @param {string} props.attributes.textAlign The `textAlign` attribute.
  *
  * @return {JSX.Element} React element.
- */
-function Edit({
+ */function Edit({
   setAttributes,
   attributes: {
     textAlign
@@ -38,20 +37,25 @@ function Edit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  const blockControls = (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "block"
-  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
-    value: textAlign,
-    onChange: newAlign => setAttributes({
-      textAlign: newAlign
+  const blockControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+    group: "block",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentControl, {
+      value: textAlign,
+      onChange: newAlign => setAttributes({
+        textAlign: newAlign
+      })
     })
-  }));
-  return (0, _react.createElement)(_react.Fragment, null, blockControls, (0, _react.createElement)("div", {
-    ...blockProps
-  }, (0, _react.createElement)("a", {
-    href: "#comment-reply-pseudo-link",
-    onClick: event => event.preventDefault()
-  }, (0, _i18n.__)('Reply'))));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [blockControls, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...blockProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: "#comment-reply-pseudo-link",
+        onClick: event => event.preventDefault(),
+        children: (0, _i18n.__)('Reply')
+      })
+    })]
+  });
 }
 var _default = exports.default = Edit;
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_blockEditor","Edit","setAttributes","attributes","textAlign","blockProps","useBlockProps","className","clsx","blockControls","_react","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","Fragment","href","onClick","event","preventDefault","__","_default","exports","default"],"sources":["@wordpress/block-library/src/comment-reply-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Renders the `core/comment-reply-link` block on the editor.\n *\n * @param {Object} props                      React props.\n * @param {Object} props.setAttributes        Callback for updating block attributes.\n * @param {Object} props.attributes           Block attributes.\n * @param {string} props.attributes.textAlign The `textAlign` attribute.\n *\n * @return {JSX.Element} React element.\n */\nfunction Edit( { setAttributes, attributes: { textAlign } } ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#comment-reply-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,IAAIA,CAAE;EAAEC,aAAa;EAAEC,UAAU,EAAE;IAAEC;EAAU;AAAE,CAAC,EAAG;EAC7D,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAG,kBAAkBJ,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMK,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAH,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAc,gBAAgB;IAChBC,KAAK,EAAGX,SAAW;IACnBY,QAAQ,EAAKC,QAAQ,IACpBf,aAAa,CAAE;MAAEE,SAAS,EAAEa;IAAS,CAAE;EACvC,CACD,CACa,CACf;EAED,OACC,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACGT,aAAa,EACf,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAUN;EAAU,GACnB,IAAAK,MAAA,CAAAC,aAAA;IACCQ,IAAI,EAAC,4BAA4B;IACjCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GAE7C,IAAAC,QAAE,EAAE,OAAQ,CACZ,CACC,CACJ,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,IAAI","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_blockEditor","_jsxRuntime","Edit","setAttributes","attributes","textAlign","blockProps","useBlockProps","className","clsx","blockControls","jsx","BlockControls","group","children","AlignmentControl","value","onChange","newAlign","jsxs","Fragment","href","onClick","event","preventDefault","__","_default","exports","default"],"sources":["@wordpress/block-library/src/comment-reply-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Renders the `core/comment-reply-link` block on the editor.\n *\n * @param {Object} props                      React props.\n * @param {Object} props.setAttributes        Callback for updating block attributes.\n * @param {Object} props.attributes           Block attributes.\n * @param {string} props.attributes.textAlign The `textAlign` attribute.\n *\n * @return {JSX.Element} React element.\n */\nfunction Edit( { setAttributes, attributes: { textAlign } } ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#comment-reply-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIiC,IAAAG,WAAA,GAAAH,OAAA;AAbjC;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASI,IAAIA,CAAE;EAAEC,aAAa;EAAEC,UAAU,EAAE;IAAEC;EAAU;AAAE,CAAC,EAAG;EAC7D,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAG,kBAAkBJ,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMK,aAAa,gBAClB,IAAAT,WAAA,CAAAU,GAAA,EAACX,YAAA,CAAAY,aAAa;IAACC,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3B,IAAAb,WAAA,CAAAU,GAAA,EAACX,YAAA,CAAAe,gBAAgB;MAChBC,KAAK,EAAGX,SAAW;MACnBY,QAAQ,EAAKC,QAAQ,IACpBf,aAAa,CAAE;QAAEE,SAAS,EAAEa;MAAS,CAAE;IACvC,CACD;EAAC,CACY,CACf;EAED,oBACC,IAAAjB,WAAA,CAAAkB,IAAA,EAAAlB,WAAA,CAAAmB,QAAA;IAAAN,QAAA,GACGJ,aAAa,eACf,IAAAT,WAAA,CAAAU,GAAA;MAAA,GAAUL,UAAU;MAAAQ,QAAA,eACnB,IAAAb,WAAA,CAAAU,GAAA;QACCU,IAAI,EAAC,4BAA4B;QACjCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAAV,QAAA,EAE7C,IAAAW,QAAE,EAAE,OAAQ;MAAC,CACb;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc1B,IAAI","ignoreList":[]}

package/build/comment-template/edit.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentTemplateEdit;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -12,6 +11,7 @@ var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _hooks = require("./hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -109,20 +109,21 @@ function CommentTemplateInnerBlocks({
   } = (0, _blockEditor.useInnerBlocksProps)({}, {
     template: TEMPLATE
   });
-  return (0, _react.createElement)("li", {
-    ...innerBlocksProps
-  }, comment.commentId === (activeCommentId || firstCommentId) ? children : null, (0, _react.createElement)(MemoizedCommentTemplatePreview, {
-    blocks: blocks,
-    commentId: comment.commentId,
-    setActiveCommentId: setActiveCommentId,
-    isHidden: comment.commentId === (activeCommentId || firstCommentId)
-  }), comment?.children?.length > 0 ? (0, _react.createElement)(CommentsList, {
-    comments: comment.children,
-    activeCommentId: activeCommentId,
-    setActiveCommentId: setActiveCommentId,
-    blocks: blocks,
-    firstCommentId: firstCommentId
-  }) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+    ...innerBlocksProps,
+    children: [comment.commentId === (activeCommentId || firstCommentId) ? children : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedCommentTemplatePreview, {
+      blocks: blocks,
+      commentId: comment.commentId,
+      setActiveCommentId: setActiveCommentId,
+      isHidden: comment.commentId === (activeCommentId || firstCommentId)
+    }), comment?.children?.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentsList, {
+      comments: comment.children,
+      activeCommentId: activeCommentId,
+      setActiveCommentId: setActiveCommentId,
+      blocks: blocks,
+      firstCommentId: firstCommentId
+    }) : null]
+  });
 }
 const CommentTemplatePreview = ({
   blocks,
@@ -145,7 +146,7 @@ const CommentTemplatePreview = ({
   const style = {
     display: isHidden ? 'none' : undefined
   };
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...blockPreviewProps,
     tabIndex: 0,
     role: "button",
@@ -178,31 +179,32 @@ const CommentsList = ({
   setActiveCommentId,
   blocks,
   firstCommentId
-}) => (0, _react.createElement)("ol", {
-  ...blockProps
-}, comments && comments.map(({
-  commentId,
-  ...comment
-}, index) => (0, _react.createElement)(_blockEditor.BlockContextProvider, {
-  key: comment.commentId || index,
-  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
-    // site editor. In this case, we have to set the commentId to `null`
-    // because otherwise the (non-existent) comment with a negative ID
-    // would be reqested from the REST API.
-    commentId: commentId < 0 ? null : commentId
-  }
-}, (0, _react.createElement)(CommentTemplateInnerBlocks, {
-  comment: {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+  ...blockProps,
+  children: comments && comments.map(({
     commentId,
     ...comment
-  },
-  activeCommentId: activeCommentId,
-  setActiveCommentId: setActiveCommentId,
-  blocks: blocks,
-  firstCommentId: firstCommentId
-}))));
+  }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.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
+      // site editor. In this case, we have to set the commentId to `null`
+      // because otherwise the (non-existent) comment with a negative ID
+      // would be reqested from the REST API.
+      commentId: commentId < 0 ? null : commentId
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentTemplateInnerBlocks, {
+      comment: {
+        commentId,
+        ...comment
+      },
+      activeCommentId: activeCommentId,
+      setActiveCommentId: setActiveCommentId,
+      blocks: blocks,
+      firstCommentId: firstCommentId
+    })
+  }, comment.commentId || index))
+});
 function CommentTemplateEdit({
   clientId,
   context: {
@@ -248,9 +250,10 @@ function CommentTemplateEdit({
   // Reverse the order of top comments if needed.
   commentOrder === 'desc' && topLevelComments ? [...topLevelComments].reverse() : topLevelComments);
   if (!topLevelComments) {
-    return (0, _react.createElement)("p", {
-      ...blockProps
-    }, (0, _react.createElement)(_components.Spinner, null));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      ...blockProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+    });
   }
   if (!postId) {
     commentTree = getCommentsPlaceholder({
@@ -261,11 +264,12 @@ function CommentTemplateEdit({
     });
   }
   if (!commentTree.length) {
-    return (0, _react.createElement)("p", {
-      ...blockProps
-    }, (0, _i18n.__)('No results found.'));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      ...blockProps,
+      children: (0, _i18n.__)('No results found.')
+    });
   }
-  return (0, _react.createElement)(CommentsList, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentsList, {
     comments: commentTree,
     blockProps: blockProps,
     blocks: blocks,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_i18n","_blockEditor","_components","_coreData","_hooks","TEMPLATE","getCommentsPlaceholder","perPage","pageComments","threadComments","threadCommentsDepth","commentsDepth","Math","min","buildChildrenComment","commentsLevel","nextLevel","commentId","children","placeholderComments","push","CommentTemplateInnerBlocks","comment","activeCommentId","setActiveCommentId","firstCommentId","blocks","innerBlocksProps","useInnerBlocksProps","template","_react","createElement","MemoizedCommentTemplatePreview","isHidden","length","CommentsList","comments","CommentTemplatePreview","blockPreviewProps","useBlockPreview","handleOnClick","style","display","undefined","tabIndex","role","onClick","onKeyPress","memo","blockProps","map","index","BlockContextProvider","key","value","CommentTemplateEdit","clientId","context","postId","useBlockProps","useState","commentOrder","commentsPerPage","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","commentQuery","useCommentQueryArgs","topLevelComments","getEntityRecords","coreStore","getBlocks","commentTree","useCommentTree","reverse","Spinner","__"],"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 curently 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 reqested 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,"names":["_element","require","_data","_i18n","_blockEditor","_components","_coreData","_hooks","_jsxRuntime","TEMPLATE","getCommentsPlaceholder","perPage","pageComments","threadComments","threadCommentsDepth","commentsDepth","Math","min","buildChildrenComment","commentsLevel","nextLevel","commentId","children","placeholderComments","push","CommentTemplateInnerBlocks","comment","activeCommentId","setActiveCommentId","firstCommentId","blocks","innerBlocksProps","useInnerBlocksProps","template","jsxs","jsx","MemoizedCommentTemplatePreview","isHidden","length","CommentsList","comments","CommentTemplatePreview","blockPreviewProps","useBlockPreview","handleOnClick","style","display","undefined","tabIndex","role","onClick","onKeyPress","memo","blockProps","map","index","BlockContextProvider","value","CommentTemplateEdit","clientId","context","postId","useBlockProps","useState","commentOrder","commentsPerPage","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","commentQuery","useCommentQueryArgs","topLevelComments","getEntityRecords","coreStore","getBlocks","commentTree","useCommentTree","reverse","Spinner","__"],"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 curently 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 reqested 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":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAA8D,IAAAO,WAAA,GAAAP,OAAA;AAnB9D;AACA;AACA;;AAcA;AACA;AACA;;AAGA,MAAMQ,QAAQ,GAAG,CAChB,CAAE,aAAa,CAAE,EACjB,CAAE,0BAA0B,CAAE,EAC9B,CAAE,mBAAmB,CAAE,EACvB,CAAE,sBAAsB,CAAE,EAC1B,CAAE,yBAAyB,CAAE,EAC7B,CAAE,wBAAwB,CAAE,CAC5B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,sBAAsB,GAAGA,CAAE;EAChCC,OAAO;EACPC,YAAY;EACZC,cAAc;EACdC;AACD,CAAC,KAAM;EACN;EACA,MAAMC,aAAa,GAAG,CAAEF,cAAc,GACnC,CAAC,GACDG,IAAI,CAACC,GAAG,CAAEH,mBAAmB,EAAE,CAAE,CAAC;EAErC,MAAMI,oBAAoB,GAAKC,aAAa,IAAM;IACjD;IACA,IAAKA,aAAa,GAAGJ,aAAa,EAAG;MACpC,MAAMK,SAAS,GAAGD,aAAa,GAAG,CAAC;MAEnC,OAAO,CACN;QACCE,SAAS,EAAE,EAAGF,aAAa,GAAG,CAAC,CAAE;QACjCG,QAAQ,EAAEJ,oBAAoB,CAAEE,SAAU;MAC3C,CAAC,CACD;IACF;IACA,OAAO,EAAE;EACV,CAAC;;EAED;EACA,MAAMG,mBAAmB,GAAG,CAC3B;IAAEF,SAAS,EAAE,CAAC,CAAC;IAAEC,QAAQ,EAAEJ,oBAAoB,CAAE,CAAE;EAAE,CAAC,CACtD;;EAED;EACA,IAAK,CAAE,CAAEN,YAAY,IAAID,OAAO,IAAI,CAAC,KAAMI,aAAa,GAAG,CAAC,EAAG;IAC9DQ,mBAAmB,CAACC,IAAI,CAAE;MACzBH,SAAS,EAAE,CAAC,CAAC;MACbC,QAAQ,EAAE;IACX,CAAE,CAAC;EACJ;;EAEA;EACA,IAAK,CAAE,CAAEV,YAAY,IAAID,OAAO,IAAI,CAAC,KAAMI,aAAa,GAAG,CAAC,EAAG;IAC9DQ,mBAAmB,CAACC,IAAI,CAAE;MACzBH,SAAS,EAAE,CAAC,CAAC;MACbC,QAAQ,EAAE;IACX,CAAE,CAAC;EACJ;;EAEA;EACA,OAAOC,mBAAmB;AAC3B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,0BAA0BA,CAAE;EACpCC,OAAO;EACPC,eAAe;EACfC,kBAAkB;EAClBC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAM;IAAER,QAAQ;IAAE,GAAGS;EAAiB,CAAC,GAAG,IAAAC,gCAAmB,EAC5D,CAAC,CAAC,EACF;IAAEC,QAAQ,EAAExB;EAAS,CACtB,CAAC;EAED,oBACC,IAAAD,WAAA,CAAA0B,IAAA;IAAA,GAASH,gBAAgB;IAAAT,QAAA,GACtBI,OAAO,CAACL,SAAS,MAAOM,eAAe,IAAIE,cAAc,CAAE,GAC1DP,QAAQ,GACR,IAAI,eAQP,IAAAd,WAAA,CAAA2B,GAAA,EAACC,8BAA8B;MAC9BN,MAAM,EAAGA,MAAQ;MACjBT,SAAS,EAAGK,OAAO,CAACL,SAAW;MAC/BO,kBAAkB,EAAGA,kBAAoB;MACzCS,QAAQ,EACPX,OAAO,CAACL,SAAS,MAAOM,eAAe,IAAIE,cAAc;IACzD,CACD,CAAC,EAEAH,OAAO,EAAEJ,QAAQ,EAAEgB,MAAM,GAAG,CAAC,gBAC9B,IAAA9B,WAAA,CAAA2B,GAAA,EAACI,YAAY;MACZC,QAAQ,EAAGd,OAAO,CAACJ,QAAU;MAC7BK,eAAe,EAAGA,eAAiB;MACnCC,kBAAkB,EAAGA,kBAAoB;MACzCE,MAAM,EAAGA,MAAQ;MACjBD,cAAc,EAAGA;IAAgB,CACjC,CAAC,GACC,IAAI;EAAA,CACL,CAAC;AAEP;AAEA,MAAMY,sBAAsB,GAAGA,CAAE;EAChCX,MAAM;EACNT,SAAS;EACTO,kBAAkB;EAClBS;AACD,CAAC,KAAM;EACN,MAAMK,iBAAiB,GAAG,IAAAC,0CAAe,EAAE;IAC1Cb;EACD,CAAE,CAAC;EAEH,MAAMc,aAAa,GAAGA,CAAA,KAAM;IAC3BhB,kBAAkB,CAAEP,SAAU,CAAC;EAChC,CAAC;;EAED;EACA;;EAEA;EACA;EACA,MAAMwB,KAAK,GAAG;IACbC,OAAO,EAAET,QAAQ,GAAG,MAAM,GAAGU;EAC9B,CAAC;EAED,oBACC,IAAAvC,WAAA,CAAA2B,GAAA;IAAA,GACMO,iBAAiB;IACtBM,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,QAAQ;IACbJ,KAAK,EAAGA;IACR;IAAA;IACAK,OAAO,EAAGN,aAAe;IACzBO,UAAU,EAAGP;EAAe,CAC5B,CAAC;AAEJ,CAAC;AAED,MAAMR,8BAA8B,GAAG,IAAAgB,aAAI,EAAEX,sBAAuB,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMF,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRa,UAAU;EACV1B,eAAe;EACfC,kBAAkB;EAClBE,MAAM;EACND;AACD,CAAC,kBACA,IAAArB,WAAA,CAAA2B,GAAA;EAAA,GAASkB,UAAU;EAAA/B,QAAA,EAChBkB,QAAQ,IACTA,QAAQ,CAACc,GAAG,CAAE,CAAE;IAAEjC,SAAS;IAAE,GAAGK;EAAQ,CAAC,EAAE6B,KAAK,kBAC/C,IAAA/C,WAAA,CAAA2B,GAAA,EAAC/B,YAAA,CAAAoD,oBAAoB;IAEpBC,KAAK,EAAG;MACP;MACA;MACA;MACA;MACA;MACApC,SAAS,EAAEA,SAAS,GAAG,CAAC,GAAG,IAAI,GAAGA;IACnC,CAAG;IAAAC,QAAA,eAEH,IAAAd,WAAA,CAAA2B,GAAA,EAACV,0BAA0B;MAC1BC,OAAO,EAAG;QAAEL,SAAS;QAAE,GAAGK;MAAQ,CAAG;MACrCC,eAAe,EAAGA,eAAiB;MACnCC,kBAAkB,EAAGA,kBAAoB;MACzCE,MAAM,EAAGA,MAAQ;MACjBD,cAAc,EAAGA;IAAgB,CACjC;EAAC,GAhBIH,OAAO,CAACL,SAAS,IAAIkC,KAiBN,CACrB;AAAC,CACD,CACJ;AAEc,SAASG,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,OAAO,EAAE;IAAEC;EAAO;AACnB,CAAC,EAAG;EACH,MAAMR,UAAU,GAAG,IAAAS,0BAAa,EAAC,CAAC;EAElC,MAAM,CAAEnC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAmC,iBAAQ,EAAC,CAAC;EAC1D,MAAM;IACLC,YAAY;IACZlD,mBAAmB;IACnBD,cAAc;IACdoD,eAAe;IACfrD;EACD,CAAC,GAAG,IAAAsD,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAClD,OAAOD,WAAW,CAAC,CAAC,CAACE,gCAAgC;EACtD,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAG,IAAAC,0BAAmB,EAAE;IACzCX;EACD,CAAE,CAAC;EAEH,MAAM;IAAEY,gBAAgB;IAAE3C;EAAO,CAAC,GAAG,IAAAoC,eAAS,EAC3CC,MAAM,IAAM;IACb,MAAM;MAAEO;IAAiB,CAAC,GAAGP,MAAM,CAAEQ,eAAU,CAAC;IAChD,MAAM;MAAEC;IAAU,CAAC,GAAGT,MAAM,CAAEE,kBAAiB,CAAC;IAChD,OAAO;MACN;MACAI,gBAAgB,EAAEF,YAAY,GAC3BG,gBAAgB,CAAE,MAAM,EAAE,SAAS,EAAEH,YAAa,CAAC,GACnD,IAAI;MACPzC,MAAM,EAAE8C,SAAS,CAAEjB,QAAS;IAC7B,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,EAAEY,YAAY,CACzB,CAAC;;EAED;EACA,IAAIM,WAAW,GAAG,IAAAC,qBAAc;EAC/B;EACAd,YAAY,KAAK,MAAM,IAAIS,gBAAgB,GACxC,CAAE,GAAGA,gBAAgB,CAAE,CAACM,OAAO,CAAC,CAAC,GACjCN,gBACJ,CAAC;EAED,IAAK,CAAEA,gBAAgB,EAAG;IACzB,oBACC,IAAAjE,WAAA,CAAA2B,GAAA;MAAA,GAAQkB,UAAU;MAAA/B,QAAA,eACjB,IAAAd,WAAA,CAAA2B,GAAA,EAAC9B,WAAA,CAAA2E,OAAO,IAAE;IAAC,CACT,CAAC;EAEN;EAEA,IAAK,CAAEnB,MAAM,EAAG;IACfgB,WAAW,GAAGnE,sBAAsB,CAAE;MACrCC,OAAO,EAAEsD,eAAe;MACxBrD,YAAY;MACZC,cAAc;MACdC;IACD,CAAE,CAAC;EACJ;EAEA,IAAK,CAAE+D,WAAW,CAACvC,MAAM,EAAG;IAC3B,oBAAO,IAAA9B,WAAA,CAAA2B,GAAA;MAAA,GAAQkB,UAAU;MAAA/B,QAAA,EAAK,IAAA2D,QAAE,EAAE,mBAAoB;IAAC,CAAK,CAAC;EAC9D;EAEA,oBACC,IAAAzE,WAAA,CAAA2B,GAAA,EAACI,YAAY;IACZC,QAAQ,EAAGqC,WAAa;IACxBxB,UAAU,EAAGA,UAAY;IACzBvB,MAAM,EAAGA,MAAQ;IACjBH,eAAe,EAAGA,eAAiB;IACnCC,kBAAkB,EAAGA,kBAAoB;IACzCC,cAAc,EAAGgD,WAAW,CAAE,CAAC,CAAE,EAAExD;EAAW,CAC9C,CAAC;AAEJ","ignoreList":[]}

package/build/comment-template/save.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentTemplateSave;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
 function CommentTemplateSave() {
-  return (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {});
 }
 //# sourceMappingURL=save.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","CommentTemplateSave","_react","createElement","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/comment-template/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function CommentTemplateSave() {\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_jsxRuntime","CommentTemplateSave","jsx","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/comment-template/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function CommentTemplateSave() {\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAHtD;AACA;AACA;;AAGe,SAASE,mBAAmBA,CAAA,EAAG;EAC7C,oBAAO,IAAAD,WAAA,CAAAE,GAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,IAAE,CAAC;AAC/B","ignoreList":[]}

package/build/comments/deprecated.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -52,9 +52,10 @@ const v1 = {
       ...blockProps,
       className: newClasses.join(' ')
     };
-    return (0, _react.createElement)(Tag, {
-      ...newBlockProps
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+      ...newBlockProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+    });
   }
 };
 var _default = exports.default = [v1];

package/build/comments/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","v1","attributes","tagName","type","default","apiVersion","supports","align","html","color","gradients","link","__experimentalDefaultControls","background","text","save","Tag","blockProps","useBlockProps","className","classes","split","newClasses","filter","cls","newBlockProps","join","_react","createElement","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/comments/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n// v1: Deprecate the initial version of the block which was called \"Comments\n// Query Loop\" instead of \"Comments\".\nconst v1 = {\n\tattributes: {\n\t\ttagName: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'div',\n\t\t},\n\t},\n\tapiVersion: 3,\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\thtml: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t\tlink: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes: { tagName: Tag } } ) {\n\t\tconst blockProps = useBlockProps.save();\n\t\tconst { className } = blockProps;\n\t\tconst classes = className?.split( ' ' ) || [];\n\n\t\t// The ID of the previous version of the block\n\t\t// didn't have the `wp-block-comments` class,\n\t\t// so we need to remove it here in order to mimic it.\n\t\tconst newClasses = classes?.filter(\n\t\t\t( cls ) => cls !== 'wp-block-comments'\n\t\t);\n\t\tconst newBlockProps = {\n\t\t\t...blockProps,\n\t\t\tclassName: newClasses.join( ' ' ),\n\t\t};\n\n\t\treturn (\n\t\t\t<Tag { ...newBlockProps }>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</Tag>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV;EACD,CAAC;EACDC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE;IACTC,KAAK,EAAE,CAAE,MAAM,EAAE,MAAM,CAAE;IACzBC,IAAI,EAAE,KAAK;IACXC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE,IAAI;MACVC,6BAA6B,EAAE;QAC9BC,UAAU,EAAE,IAAI;QAChBC,IAAI,EAAE,IAAI;QACVH,IAAI,EAAE;MACP;IACD;EACD,CAAC;EACDI,IAAIA,CAAE;IAAEd,UAAU,EAAE;MAAEC,OAAO,EAAEc;IAAI;EAAE,CAAC,EAAG;IACxC,MAAMC,UAAU,GAAGC,0BAAa,CAACH,IAAI,CAAC,CAAC;IACvC,MAAM;MAAEI;IAAU,CAAC,GAAGF,UAAU;IAChC,MAAMG,OAAO,GAAGD,SAAS,EAAEE,KAAK,CAAE,GAAI,CAAC,IAAI,EAAE;;IAE7C;IACA;IACA;IACA,MAAMC,UAAU,GAAGF,OAAO,EAAEG,MAAM,CAC/BC,GAAG,IAAMA,GAAG,KAAK,mBACpB,CAAC;IACD,MAAMC,aAAa,GAAG;MACrB,GAAGR,UAAU;MACbE,SAAS,EAAEG,UAAU,CAACI,IAAI,CAAE,GAAI;IACjC,CAAC;IAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,GAAG;MAAA,GAAMS;IAAa,GACtB,IAAAE,MAAA,CAAAC,aAAA,EAAC9B,YAAA,CAAA+B,WAAW,CAACC,OAAO,MAAE,CAClB,CAAC;EAER;AACD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEa,CAAEJ,EAAE,CAAE","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_jsxRuntime","v1","attributes","tagName","type","default","apiVersion","supports","align","html","color","gradients","link","__experimentalDefaultControls","background","text","save","Tag","blockProps","useBlockProps","className","classes","split","newClasses","filter","cls","newBlockProps","join","jsx","children","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/comments/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n// v1: Deprecate the initial version of the block which was called \"Comments\n// Query Loop\" instead of \"Comments\".\nconst v1 = {\n\tattributes: {\n\t\ttagName: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'div',\n\t\t},\n\t},\n\tapiVersion: 3,\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\thtml: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t\tlink: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes: { tagName: Tag } } ) {\n\t\tconst blockProps = useBlockProps.save();\n\t\tconst { className } = blockProps;\n\t\tconst classes = className?.split( ' ' ) || [];\n\n\t\t// The ID of the previous version of the block\n\t\t// didn't have the `wp-block-comments` class,\n\t\t// so we need to remove it here in order to mimic it.\n\t\tconst newClasses = classes?.filter(\n\t\t\t( cls ) => cls !== 'wp-block-comments'\n\t\t);\n\t\tconst newBlockProps = {\n\t\t\t...blockProps,\n\t\t\tclassName: newClasses.join( ' ' ),\n\t\t};\n\n\t\treturn (\n\t\t\t<Tag { ...newBlockProps }>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</Tag>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAqE,IAAAC,WAAA,GAAAD,OAAA;AAHrE;AACA;AACA;;AAGA;AACA;AACA,MAAME,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV;EACD,CAAC;EACDC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE;IACTC,KAAK,EAAE,CAAE,MAAM,EAAE,MAAM,CAAE;IACzBC,IAAI,EAAE,KAAK;IACXC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE,IAAI;MACVC,6BAA6B,EAAE;QAC9BC,UAAU,EAAE,IAAI;QAChBC,IAAI,EAAE,IAAI;QACVH,IAAI,EAAE;MACP;IACD;EACD,CAAC;EACDI,IAAIA,CAAE;IAAEd,UAAU,EAAE;MAAEC,OAAO,EAAEc;IAAI;EAAE,CAAC,EAAG;IACxC,MAAMC,UAAU,GAAGC,0BAAa,CAACH,IAAI,CAAC,CAAC;IACvC,MAAM;MAAEI;IAAU,CAAC,GAAGF,UAAU;IAChC,MAAMG,OAAO,GAAGD,SAAS,EAAEE,KAAK,CAAE,GAAI,CAAC,IAAI,EAAE;;IAE7C;IACA;IACA;IACA,MAAMC,UAAU,GAAGF,OAAO,EAAEG,MAAM,CAC/BC,GAAG,IAAMA,GAAG,KAAK,mBACpB,CAAC;IACD,MAAMC,aAAa,GAAG;MACrB,GAAGR,UAAU;MACbE,SAAS,EAAEG,UAAU,CAACI,IAAI,CAAE,GAAI;IACjC,CAAC;IAED,oBACC,IAAA3B,WAAA,CAAA4B,GAAA,EAACX,GAAG;MAAA,GAAMS,aAAa;MAAAG,QAAA,eACtB,IAAA7B,WAAA,CAAA4B,GAAA,EAAC9B,YAAA,CAAAgC,WAAW,CAACC,OAAO,IAAE;IAAC,CACnB,CAAC;EAER;AACD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEa,CAAEJ,EAAE,CAAE","ignoreList":[]}

package/build/comments/edit/comments-inspector-controls.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsInspectorControls;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -22,27 +22,30 @@ function CommentsInspectorControls({
     section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
   };
-  return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "advanced"
-  }, (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: (0, _i18n.__)('HTML element'),
-    options: [{
-      label: (0, _i18n.__)('Default (<div>)'),
-      value: 'div'
-    }, {
-      label: '<section>',
-      value: 'section'
-    }, {
-      label: '<aside>',
-      value: 'aside'
-    }],
-    value: tagName,
-    onChange: value => setAttributes({
-      tagName: value
-    }),
-    help: htmlElementMessages[tagName]
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      group: "advanced",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('HTML element'),
+        options: [{
+          label: (0, _i18n.__)('Default (<div>)'),
+          value: 'div'
+        }, {
+          label: '<section>',
+          value: 'section'
+        }, {
+          label: '<aside>',
+          value: 'aside'
+        }],
+        value: tagName,
+        onChange: value => setAttributes({
+          tagName: value
+        }),
+        help: htmlElementMessages[tagName]
+      })
+    })
+  });
 }
 //# sourceMappingURL=comments-inspector-controls.js.map

package/build/comments/edit/comments-inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","CommentsInspectorControls","attributes","tagName","setAttributes","htmlElementMessages","section","__","aside","_react","createElement","InspectorControls","group","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\tconst htmlElementMessages = {\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\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\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,MAAMC,mBAAmB,GAAG;IAC3BC,OAAO,EAAE,IAAAC,QAAE,EACV,kIACD,CAAC;IACDC,KAAK,EAAE,IAAAD,QAAE,EACR,uIACD;EACD,CAAC;EACD,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB,QACjB,IAAAF,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB;IAACC,KAAK,EAAC;EAAU,GAClC,IAAAH,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgB,aAAa;IACbC,uBAAuB;IACvBC,qBAAqB;IACrBC,KAAK,EAAG,IAAAT,QAAE,EAAE,cAAe,CAAG;IAC9BU,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,IAAAT,QAAE,EAAE,iBAAkB,CAAC;MAAEW,KAAK,EAAE;IAAM,CAAC,EAChD;MAAEF,KAAK,EAAE,WAAW;MAAEE,KAAK,EAAE;IAAU,CAAC,EACxC;MAAEF,KAAK,EAAE,SAAS;MAAEE,KAAK,EAAE;IAAQ,CAAC,CAClC;IACHA,KAAK,EAAGf,OAAS;IACjBgB,QAAQ,EAAKD,KAAK,IACjBd,aAAa,CAAE;MAAED,OAAO,EAAEe;IAAM,CAAE,CAClC;IACDE,IAAI,EAAGf,mBAAmB,CAAEF,OAAO;EAAI,CACvC,CACiB,CACD,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_blockEditor","_jsxRuntime","CommentsInspectorControls","attributes","tagName","setAttributes","htmlElementMessages","section","__","aside","jsx","InspectorControls","children","group","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\tconst htmlElementMessages = {\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\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\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAL5D;AACA;AACA;;AAKe,SAASI,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,MAAMC,mBAAmB,GAAG;IAC3BC,OAAO,EAAE,IAAAC,QAAE,EACV,kIACD,CAAC;IACDC,KAAK,EAAE,IAAAD,QAAE,EACR,uIACD;EACD,CAAC;EACD,oBACC,IAAAP,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,iBAAiB;IAAAC,QAAA,eACjB,IAAAX,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,iBAAiB;MAACE,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClC,IAAAX,WAAA,CAAAS,GAAA,EAACb,WAAA,CAAAiB,aAAa;QACbC,uBAAuB;QACvBC,qBAAqB;QACrBC,KAAK,EAAG,IAAAT,QAAE,EAAE,cAAe,CAAG;QAC9BU,OAAO,EAAG,CACT;UAAED,KAAK,EAAE,IAAAT,QAAE,EAAE,iBAAkB,CAAC;UAAEW,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEF,KAAK,EAAE,WAAW;UAAEE,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEF,KAAK,EAAE,SAAS;UAAEE,KAAK,EAAE;QAAQ,CAAC,CAClC;QACHA,KAAK,EAAGf,OAAS;QACjBgB,QAAQ,EAAKD,KAAK,IACjBd,aAAa,CAAE;UAAED,OAAO,EAAEe;QAAM,CAAE,CAClC;QACDE,IAAI,EAAGf,mBAAmB,CAAEF,OAAO;MAAI,CACvC;IAAC,CACgB;EAAC,CACF,CAAC;AAEtB","ignoreList":[]}

package/build/comments/edit/comments-legacy.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsLegacy;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -34,34 +34,39 @@ function CommentsLegacy({
   const {
     textAlign
   } = attributes;
-  const actions = [(0, _react.createElement)(_components.Button, {
-    key: "convert",
+  const actions = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     onClick: () => void setAttributes({
       legacy: false
     }),
-    variant: "primary"
-  }, (0, _i18n.__)('Switch to editable mode'))];
+    variant: "primary",
+    children: (0, _i18n.__)('Switch to editable mode')
+  }, "convert")];
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: (0, _clsx.default)({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "block"
-  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
-    value: textAlign,
-    onChange: nextAlign => {
-      setAttributes({
-        textAlign: nextAlign
-      });
-    }
-  })), (0, _react.createElement)("div", {
-    ...blockProps
-  }, (0, _react.createElement)(_blockEditor.Warning, {
-    actions: actions
-  }, (0, _i18n.__)('Comments block: You’re currently using the legacy version of the block. ' + 'The following is just a placeholder - the final styling will likely look different. ' + 'For a better representation and more customization options, ' + 'switch the block to its editable mode.')), (0, _react.createElement)(_placeholder.default, {
-    postId: postId,
-    postType: postType
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      group: "block",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentControl, {
+        value: textAlign,
+        onChange: nextAlign => {
+          setAttributes({
+            textAlign: nextAlign
+          });
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...blockProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
+        actions: actions,
+        children: (0, _i18n.__)('Comments block: You’re currently using the legacy version of the block. ' + 'The following is just a placeholder - the final styling will likely look different. ' + 'For a better representation and more customization options, ' + 'switch the block to its editable mode.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_placeholder.default, {
+        postId: postId,
+        postType: postType
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=comments-legacy.js.map

package/build/comments/edit/comments-legacy.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_i18n","_components","_placeholder","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","_react","createElement","Button","key","onClick","legacy","variant","__","blockProps","useBlockProps","className","clsx","Fragment","BlockControls","group","AlignmentControl","value","onChange","nextAlign","Warning","default"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASK,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,CACf,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,MAAM;IACNC,GAAG,EAAC,SAAS;IACbC,OAAO,EAAGA,CAAA,KAAM,KAAKV,aAAa,CAAE;MAAEW,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC;EAAS,GAEf,IAAAC,QAAE,EAAE,yBAA0B,CACzB,CAAC,CACT;EAED,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAG,kBAAkBb,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAY,QAAA,QACC,IAAAZ,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAyB,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAd,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAA2B,gBAAgB;IAChBC,KAAK,EAAGlB,SAAW;IACnBmB,QAAQ,EAAKC,SAAS,IAAM;MAC3BxB,aAAa,CAAE;QAAEI,SAAS,EAAEoB;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAEhB,IAAAlB,MAAA,CAAAC,aAAA;IAAA,GAAUO;EAAU,GACnB,IAAAR,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAA+B,OAAO;IAACpB,OAAO,EAAGA;EAAS,GACzB,IAAAQ,QAAE,EACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF,CACQ,CAAC,EACV,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAA6B,OAAW;IAACvB,MAAM,EAAGA,MAAQ;IAACD,QAAQ,EAAGA;EAAU,CAAE,CAClD,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_i18n","_components","_placeholder","_jsxRuntime","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","jsx","Button","onClick","legacy","variant","children","__","blockProps","useBlockProps","className","clsx","jsxs","Fragment","BlockControls","group","AlignmentControl","value","onChange","nextAlign","Warning","default"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAwC,IAAAK,WAAA,GAAAL,OAAA;AApBxC;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASM,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,cACf,IAAAR,WAAA,CAAAS,GAAA,EAACX,WAAA,CAAAY,MAAM;IAENC,OAAO,EAAGA,CAAA,KAAM,KAAKR,aAAa,CAAE;MAAES,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC,SAAS;IAAAC,QAAA,EAEf,IAAAC,QAAE,EAAE,yBAA0B;EAAC,GAJ7B,SAKG,CAAC,CACT;EAED,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAG,kBAAkBZ,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,oBACC,IAAAP,WAAA,CAAAoB,IAAA,EAAApB,WAAA,CAAAqB,QAAA;IAAAP,QAAA,gBACC,IAAAd,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAA0B,aAAa;MAACC,KAAK,EAAC,OAAO;MAAAT,QAAA,eAC3B,IAAAd,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAA4B,gBAAgB;QAChBC,KAAK,EAAGlB,SAAW;QACnBmB,QAAQ,EAAKC,SAAS,IAAM;UAC3BxB,aAAa,CAAE;YAAEI,SAAS,EAAEoB;UAAU,CAAE,CAAC;QAC1C;MAAG,CACH;IAAC,CACY,CAAC,eAEhB,IAAA3B,WAAA,CAAAoB,IAAA;MAAA,GAAUJ,UAAU;MAAAF,QAAA,gBACnB,IAAAd,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAgC,OAAO;QAACpB,OAAO,EAAGA,OAAS;QAAAM,QAAA,EACzB,IAAAC,QAAE,EACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF;MAAC,CACO,CAAC,eACV,IAAAf,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAA8B,OAAW;QAACvB,MAAM,EAAGA,MAAQ;QAACD,QAAQ,EAAGA;MAAU,CAAE,CAAC;IAAA,CACnD,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build/comments/edit/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsEdit;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _commentsInspectorControls = _interopRequireDefault(require("./comments-inspector-controls"));
 var _commentsLegacy = _interopRequireDefault(require("./comments-legacy"));
 var _template = _interopRequireDefault(require("./template"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -32,15 +32,17 @@ function CommentsEdit(props) {
     template: _template.default
   });
   if (legacy) {
-    return (0, _react.createElement)(_commentsLegacy.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentsLegacy.default, {
       ...props
     });
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_commentsInspectorControls.default, {
-    attributes: attributes,
-    setAttributes: setAttributes
-  }), (0, _react.createElement)(TagName, {
-    ...innerBlocksProps
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commentsInspectorControls.default, {
+      attributes: attributes,
+      setAttributes: setAttributes
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+      ...innerBlocksProps
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map