npm - @wordpress/editor - Versions diffs - 14.30.1-next.a730c9c8c.0 → 14.31.1-next.f56bd8138.0 - Mend

@wordpress/editor 14.30.1-next.a730c9c8c.0 → 14.31.1-next.f56bd8138.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 14.31.0 (2025-09-17)
 ## 14.30.0 (2025-09-03)
 ## 14.29.0 (2025-08-20)

package/build/components/collab-sidebar/comment-author-info.js CHANGED Viewed

@@ -64,10 +64,10 @@ var _jsxRuntime = require("react/jsx-runtime");
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "editor-collab-sidebar-panel__user-name",
         children: name !== null && name !== void 0 ? name : currentUserName
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("time", {
         dateTime: (0, _date.dateI18n)('c', date ? (0, _date.getDate)(date) : currentDate),
         className: "editor-collab-sidebar-panel__user-time",
-        children: (0, _date.dateI18n)(dateTimeFormat, date ? (0, _date.getDate)(date) : currentDate)
+        children: [(0, _date.dateI18n)(dateTimeFormat, date ? (0, _date.getDate)(date) : currentDate), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), (0, _date.humanTimeDiff)(date ? (0, _date.getDate)(date) : currentDate)]
       })]
     })]
   });

package/build/components/collab-sidebar/comment-author-info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_date","_coreData","_data","_blockEditor","_jsxRuntime","CommentAuthorInfo","avatar","name","date","dateSettings","getDateSettings","dateTimeFormat","formats","time","useEntityProp","currentUserAvatar","currentUserName","useSelect","select","_userData$avatar_urls","userData","coreStore","getCurrentUser","getSettings","blockEditorStore","__experimentalDiscussionSettings","defaultAvatar","avatarURL","avatar_urls","currentDate","Date","jsxs","Fragment","children","jsx","src","className","alt","__","width","height","__experimentalVStack","spacing","dateTime","dateI18n","getDate","_default","exports","default"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-author-info.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\~~tgetDate,\n\~~tgetSettings as getDateSettings,\n} from '@wordpress/date';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Render author information for a comment.\n \n @param {Object} props - Component properties.\n * @param {string} props.avatar - URL of the author's avatar.\n * @param {string} props.name - Name of the author.\n * @param {string} props.date - Date of the comment.\n \n @return {React.ReactNode} The JSX element representing the author's information.\n */\nfunction CommentAuthorInfo( { avatar, name, date } ) {\n\tconst dateSettings = getDateSettings();\n\tconst [ dateTimeFormat = dateSettings.formats.time ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'time_format'\n\t);\n\n\tconst { currentUserAvatar, currentUserName } = useSelect( ( select ) => {\n\t\tconst userData = select( coreStore ).getCurrentUser();\n\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\treturn {\n\t\t\tcurrentUserAvatar: userData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\tcurrentUserName: userData?.name,\n\t\t};\n\t}, [] );\n\n\tconst currentDate = new Date();\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar ?? currentUserAvatar }\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\talt={ __( 'User avatar' ) }\n\t\t\t\twidth={ 32 }\n\t\t\t\theight={ 32 }\n\t\t\t/>\n\t\t\t<VStack spacing=\"0\">\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t<time\n\t\t\t\t\tdateTime={ dateI18n(\n\t\t\t\t\t\t'c',\n\t\t\t\t\t\tdate ? getDate( date ) : currentDate\n\t\t\t\t\t) }\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t>\n\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\tdateTimeFormat,\n\t\t\t\t\t\tdate ? getDate( date ) : currentDate\n\t\t\t\t\t) }\n\t\t\t\t</time>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;~~AAKA~~,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAoE,IAAAM,WAAA,GAAAN,OAAA;~~AAZpE~~;AACA;AACA;;~~AAYA~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASO,iBAAiBA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,EAAG;EACpD,MAAMC,YAAY,GAAG,IAAAC,iBAAe,EAAC,CAAC;EACtC,MAAM,CAAEC,cAAc,GAAGF,YAAY,CAACG,OAAO,CAACC,IAAI,CAAE,GAAG,IAAAC,uBAAa,EACnE,MAAM,EACN,MAAM,EACN,aACD,CAAC;EAED,MAAM;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACvE,MAAMC,QAAQ,GAAGF,MAAM,CAAEG,eAAU,CAAC,CAACC,cAAc,CAAC,CAAC;IAErD,MAAM;MAAEC;IAAY,CAAC,GAAGL,MAAM,CAAEM,kBAAiB,CAAC;IAClD,MAAM;MAAEC;IAAiC,CAAC,GAAGF,WAAW,CAAC,CAAC;IAC1D,MAAMG,aAAa,GAAGD,gCAAgC,EAAEE,SAAS;IACjE,OAAO;MACNZ,iBAAiB,GAAAI,qBAAA,GAAEC,QAAQ,EAAEQ,WAAW,GAAI,EAAE,CAAE,cAAAT,qBAAA,cAAAA,qBAAA,GAAIO,aAAa;MACjEV,eAAe,EAAEI,QAAQ,EAAEb;IAC5B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMsB,WAAW,GAAG,IAAIC,IAAI,CAAC,CAAC;EAE9B,oBACC,IAAA1B,WAAA,CAAA2B,IAAA,EAAA3B,WAAA,CAAA4B,QAAA;IAAAC,QAAA,gBACC,IAAA7B,WAAA,CAAA8B,GAAA;MACCC,GAAG,EAAG7B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIS,iBAAmB;MACnCqB,SAAS,EAAC;MACV;MAAA;MACAC,GAAG,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;MAC3BC,KAAK,EAAG,EAAI;MACZC,MAAM,EAAG;IAAI,CACb,CAAC,eACF,IAAApC,WAAA,CAAA2B,IAAA,EAAClC,WAAA,CAAA4C,oBAAM;MAACC,OAAO,EAAC,GAAG;MAAAT,QAAA,gBAClB,IAAA7B,WAAA,CAAA8B,GAAA;QAAME,SAAS,EAAC,wCAAwC;QAAAH,QAAA,EACrD1B,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIS;MAAe,CACpB,CAAC,eACP,IAAAZ,WAAA,~~CAAA8B~~,~~GAAA~~;~~QACCS~~,QAAQ,EAAG,IAAAC,cAAQ,EAClB,GAAG,EACHpC,IAAI,GAAG,IAAAqC,aAAO,EAAErC,IAAK,CAAC,GAAGqB,WAC1B,CAAG;QACHO,SAAS,EAAC,wCAAwC;QAAAH,QAAA,~~EAEhD~~,IAAAW,cAAQ,EACTjC,cAAc,EACdH,IAAI,GAAG,IAAAqC,aAAO,EAAErC,IAAK,CAAC,GAAGqB,WAC1B;~~MAAC~~,~~CACI~~,CAAC;IAAA,CACA,CAAC;EAAA,CACR,CAAC;AAEL;AAAC,~~IAAAiB~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEc3C~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_date","_coreData","_data","_blockEditor","_jsxRuntime","CommentAuthorInfo","avatar","name","date","dateSettings","getDateSettings","dateTimeFormat","formats","time","useEntityProp","currentUserAvatar","currentUserName","useSelect","select","_userData$avatar_urls","userData","coreStore","getCurrentUser","getSettings","blockEditorStore","__experimentalDiscussionSettings","defaultAvatar","avatarURL","avatar_urls","currentDate","Date","jsxs","Fragment","children","jsx","src","className","alt","__","width","height","__experimentalVStack","spacing","dateTime","dateI18n","getDate","humanTimeDiff","_default","exports","default"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-author-info.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\tgetSettings as getDateSettings,\n\thumanTimeDiff,\n\tgetDate,\n} from '@wordpress/date';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Render author information for a comment.\n \n @param {Object} props - Component properties.\n * @param {string} props.avatar - URL of the author's avatar.\n * @param {string} props.name - Name of the author.\n * @param {string} props.date - Date of the comment.\n \n @return {React.ReactNode} The JSX element representing the author's information.\n */\nfunction CommentAuthorInfo( { avatar, name, date } ) {\n\tconst dateSettings = getDateSettings();\n\tconst [ dateTimeFormat = dateSettings.formats.time ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'time_format'\n\t);\n\n\tconst { currentUserAvatar, currentUserName } = useSelect( ( select ) => {\n\t\tconst userData = select( coreStore ).getCurrentUser();\n\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\treturn {\n\t\t\tcurrentUserAvatar: userData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\tcurrentUserName: userData?.name,\n\t\t};\n\t}, [] );\n\n\tconst currentDate = new Date();\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar ?? currentUserAvatar }\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\talt={ __( 'User avatar' ) }\n\t\t\t\twidth={ 32 }\n\t\t\t\theight={ 32 }\n\t\t\t/>\n\t\t\t<VStack spacing=\"0\">\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t<time\n\t\t\t\t\tdateTime={ dateI18n(\n\t\t\t\t\t\t'c',\n\t\t\t\t\t\tdate ? getDate( date ) : currentDate\n\t\t\t\t\t) }\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t>\n\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\tdateTimeFormat,\n\t\t\t\t\t\tdate ? getDate( date ) : currentDate\n\t\t\t\t\t) }\n\t\t\t\t\t<br />\n\t\t\t\t\t{ humanTimeDiff( date ? getDate( date ) : currentDate ) }\n\t\t\t\t</time>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAoE,IAAAM,WAAA,GAAAN,OAAA;AAbpE;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASO,iBAAiBA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,EAAG;EACpD,MAAMC,YAAY,GAAG,IAAAC,iBAAe,EAAC,CAAC;EACtC,MAAM,CAAEC,cAAc,GAAGF,YAAY,CAACG,OAAO,CAACC,IAAI,CAAE,GAAG,IAAAC,uBAAa,EACnE,MAAM,EACN,MAAM,EACN,aACD,CAAC;EAED,MAAM;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACvE,MAAMC,QAAQ,GAAGF,MAAM,CAAEG,eAAU,CAAC,CAACC,cAAc,CAAC,CAAC;IAErD,MAAM;MAAEC;IAAY,CAAC,GAAGL,MAAM,CAAEM,kBAAiB,CAAC;IAClD,MAAM;MAAEC;IAAiC,CAAC,GAAGF,WAAW,CAAC,CAAC;IAC1D,MAAMG,aAAa,GAAGD,gCAAgC,EAAEE,SAAS;IACjE,OAAO;MACNZ,iBAAiB,GAAAI,qBAAA,GAAEC,QAAQ,EAAEQ,WAAW,GAAI,EAAE,CAAE,cAAAT,qBAAA,cAAAA,qBAAA,GAAIO,aAAa;MACjEV,eAAe,EAAEI,QAAQ,EAAEb;IAC5B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMsB,WAAW,GAAG,IAAIC,IAAI,CAAC,CAAC;EAE9B,oBACC,IAAA1B,WAAA,CAAA2B,IAAA,EAAA3B,WAAA,CAAA4B,QAAA;IAAAC,QAAA,gBACC,IAAA7B,WAAA,CAAA8B,GAAA;MACCC,GAAG,EAAG7B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIS,iBAAmB;MACnCqB,SAAS,EAAC;MACV;MAAA;MACAC,GAAG,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;MAC3BC,KAAK,EAAG,EAAI;MACZC,MAAM,EAAG;IAAI,CACb,CAAC,eACF,IAAApC,WAAA,CAAA2B,IAAA,EAAClC,WAAA,CAAA4C,oBAAM;MAACC,OAAO,EAAC,GAAG;MAAAT,QAAA,gBAClB,IAAA7B,WAAA,CAAA8B,GAAA;QAAME,SAAS,EAAC,wCAAwC;QAAAH,QAAA,EACrD1B,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIS;MAAe,CACpB,CAAC,eACP,IAAAZ,WAAA,CAAA2B,IAAA;QACCY,QAAQ,EAAG,IAAAC,cAAQ,EAClB,GAAG,EACHpC,IAAI,GAAG,IAAAqC,aAAO,EAAErC,IAAK,CAAC,GAAGqB,WAC1B,CAAG;QACHO,SAAS,EAAC,wCAAwC;QAAAH,QAAA,GAEhD,IAAAW,cAAQ,EACTjC,cAAc,EACdH,IAAI,GAAG,IAAAqC,aAAO,EAAErC,IAAK,CAAC,GAAGqB,WAC1B,CAAC,eACD,IAAAzB,WAAA,CAAA8B,GAAA,UAAK,CAAC,EACJ,IAAAY,mBAAa,EAAEtC,IAAI,GAAG,IAAAqC,aAAO,EAAErC,IAAK,CAAC,GAAGqB,WAAY,CAAC;MAAA,CAClD,CAAC;IAAA,CACA,CAAC;EAAA,CACR,CAAC;AAEL;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5C,iBAAiB","ignoreList":[]}

package/build/components/collab-sidebar/comments.js CHANGED Viewed

@@ -12,6 +12,7 @@ var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
+var _lockUnlock = require("../../lock-unlock");
 var _commentAuthorInfo = _interopRequireDefault(require("./comment-author-info"));
 var _commentForm = _interopRequireDefault(require("./comment-form"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -27,6 +28,32 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
+const {
+  useBlockElement
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+/**
+ * Finds the first block that has the specified comment ID.
+ *
+ * @param {string} commentId - The comment ID to search for.
+ * @param {Array}  blockList - The list of blocks to search through.
+ * @return {string|null} The client ID of the found block, or null if not found.
+ */
+const findBlockByCommentId = (commentId, blockList) => {
+  for (const block of blockList) {
+    if (block.attributes?.blockCommentId === commentId) {
+      return block.clientId;
+    }
+    if (block.innerBlocks) {
+      const found = findBlockByCommentId(commentId, block.innerBlocks);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+};
 /**
  * Renders the Comments component.
  *
@@ -52,22 +79,34 @@ function Comments({
   setShowCommentBoard
 }) {
   const {
-    blockCommentId
+    blockCommentId,
+    blocks
   } = (0, _data.useSelect)(select => {
     const {
       getBlockAttributes,
-      getSelectedBlockClientId
+      getSelectedBlockClientId,
+      getBlocks
     } = select(_blockEditor.store);
     const _clientId = getSelectedBlockClientId();
     return {
-      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null
+      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null,
+      blocks: getBlocks()
     };
   }, []);
-  const [focusThread, setFocusThread] = (0, _element.useState)(showCommentBoard && blockCommentId ? blockCommentId : null);
+  const {
+    flashBlock
+  } = (0, _data.useDispatch)(_blockEditor.store);
   const clearThreadFocus = () => {
     setFocusThread(null);
     setShowCommentBoard(false);
   };
+  const [focusThread, setFocusThread] = (0, _element.useState)(showCommentBoard && blockCommentId ? blockCommentId : null);
+  (0, _element.useEffect)(() => {
+    // Highlight comment when block is selected.
+    if (blockCommentId && !focusThread) {
+      setFocusThread(blockCommentId);
+    }
+  }, [blockCommentId, focusThread, blocks, setFocusThread]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [
     // If there are no comments, show a message indicating no comments are available.
@@ -79,25 +118,20 @@ function Comments({
       children:
       // translators: message displayed when there are no comments available
       (0, _i18n.__)('No comments available')
-    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
-      className: (0, _clsx.default)('editor-collab-sidebar-panel__thread', {
-        'editor-collab-sidebar-panel__active-thread': blockCommentId && blockCommentId === thread.id,
-        'editor-collab-sidebar-panel__focus-thread': focusThread && focusThread === thread.id
-      }),
-      id: thread.id,
-      spacing: "3",
-      onClick: () => setFocusThread(thread.id),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Thread, {
-        thread: thread,
-        onAddReply: onAddReply,
-        onCommentDelete: onCommentDelete,
-        onCommentResolve: onCommentResolve,
-        onCommentReopen: onCommentReopen,
-        onEditComment: onEditComment,
-        isFocused: focusThread === thread.id,
-        clearThreadFocus: clearThreadFocus,
-        setFocusThread: setFocusThread
-      })
+    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/(0, _jsxRuntime.jsx)(Thread, {
+      thread: thread,
+      onAddReply: onAddReply,
+      onCommentDelete: onCommentDelete,
+      onCommentResolve: onCommentResolve,
+      onCommentReopen: onCommentReopen,
+      onEditComment: onEditComment,
+      isFocused: focusThread === thread.id,
+      clearThreadFocus: clearThreadFocus,
+      setFocusThread: setFocusThread,
+      blockCommentId: blockCommentId,
+      blocks: blocks,
+      flashBlock: flashBlock,
+      setShowCommentBoard: setShowCommentBoard
     }, thread.id))]
   });
 }
@@ -110,9 +144,37 @@ function Thread({
   onCommentReopen,
   isFocused,
   clearThreadFocus,
-  setFocusThread
+  setFocusThread,
+  blocks,
+  flashBlock,
+  setShowCommentBoard
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  // Find first block that has this comment ID - run at component root level.
+  const relatedBlock = (0, _element.useMemo)(() => {
+    if (!thread.id || !blocks) {
+      return null;
+    }
+    return findBlockByCommentId(thread.id, blocks);
+  }, [thread.id, blocks]);
+  const relatedBlockElement = useBlockElement(relatedBlock);
+  const handleCommentSelect = threadId => {
+    setShowCommentBoard(false);
+    setFocusThread(threadId);
+    if (relatedBlock && relatedBlockElement) {
+      relatedBlockElement.scrollIntoView({
+        behavior: 'instant',
+        block: 'center'
+      });
+      flashBlock(relatedBlock);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    className: (0, _clsx.default)('editor-collab-sidebar-panel__thread', {
+      'editor-collab-sidebar-panel__focus-thread': isFocused
+    }),
+    id: thread.id,
+    spacing: "3",
+    onClick: () => handleCommentSelect(thread.id),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
       thread: thread,
       onResolve: onCommentResolve,

package/build/components/collab-sidebar/comments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_icons","_i18n","_data","_blockEditor","_commentAuthorInfo","_commentForm","_jsxRuntime","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","onCommentReopen","showCommentBoard","setShowCommentBoard","blockCommentId","useSelect","select","getBlockAttributes","getSelectedBlockClientId","blockEditorStore","_clientId","focusThread","setFocusThread","useState","clearThreadFocus","jsxs","Fragment","children","Array","isArray","length","jsx","__experimentalVStack","alignment","className","justify","spacing","__","map","thread","clsx","id","onClick","Thread","isFocused","CommentBoard","onResolve","onReopen","onEdit","onDelete","status","reply","Button","__next40pxDefaultSize","variant","sprintf","_n","__experimentalHStack","default","onSubmit","inputComment","onCancel","event","stopPropagation","placeholderText","submitButtonText","_x","rows","actionState","setActionState","showConfirmDialog","setShowConfirmDialog","handleConfirmDelete","handleCancel","actions","title","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","label","size","icon","published","disabled","accessibleWhenDisabled","DropdownMenu","moreVertical","controls","value","RawHTML","content","rendered","__experimentalConfirmDialog","isOpen","onConfirm","confirmButtonText"],"sources":["@wordpress/editor/src/components/collab-sidebar/comments.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useState, RawHTML } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport { published, moreVertical } from '@wordpress/icons';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\n/\n Renders the Comments component.\n \n @param {Object} props - The component props.\n * @param {Array} props.threads - The array of comment threads.\n * @param {Function} props.onEditComment - The function to handle comment editing.\n * @param {Function} props.onAddReply - The function to add a reply to a comment.\n * @param {Function} props.onCommentDelete - The function to delete a comment.\n * @param {Function} props.onCommentResolve - The function to mark a comment as resolved.\n * @param {Function} props.onCommentReopen - The function to reopen a resolved comment.\n * @param {boolean} props.showCommentBoard - Whether to show the comment board.\n * @param {Function} props.setShowCommentBoard - The function to set the comment board visibility.\n * @return {React.ReactNode} The rendered Comments component.\n */\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\t\tselect( blockEditorStore );\n\t\tconst _clientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tblockCommentId: _clientId\n\t\t\t\t? getBlockAttributes( _clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\n\tconst [ focusThread, setFocusThread ] = useState(\n\t\tshowCommentBoard && blockCommentId ? blockCommentId : null\n\t);\n\n\tconst clearThreadFocus = () => {\n\t\tsetFocusThread( null );\n\t\tsetShowCommentBoard( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If there are no comments, show a message indicating no comments are available.\n\t\t\t\t( ! Array.isArray( threads ) \|\| threads.length === 0 ) && (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__thread\"\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// translators: message displayed when there are no comments available\n\t\t\t\t\t\t\t__( 'No comments available' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VStack>\n\t\t\t\t)\n\t\t\t}\n\t\t\t{ Array.isArray( threads ) &&\n\t\t\t\tthreads.length > 0 &&\n\t\t\t\tthreads.map( ( thread ) => (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tkey={ thread.id }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'editor-collab-sidebar-panel__thread',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'editor-collab-sidebar-panel__active-thread':\n\t\t\t\t\t\t\t\t\tblockCommentId &&\n\t\t\t\t\t\t\t\t\tblockCommentId === thread.id,\n\t\t\t\t\t\t\t\t'editor-collab-sidebar-panel__focus-thread':\n\t\t\t\t\t\t\t\t\tfocusThread && focusThread === thread.id,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tid={ thread.id }\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thread\n\t\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\t\tonAddReply={ onAddReply }\n\t\t\t\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\t\t\t\tonCommentReopen={ onCommentReopen }\n\t\t\t\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\t\t\t\tisFocused={ focusThread === thread.id }\n\t\t\t\t\t\t\tclearThreadFocus={ clearThreadFocus }\n\t\t\t\t\t\t\tsetFocusThread={ setFocusThread }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nfunction Thread( {\n\tthread,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tisFocused,\n\tclearThreadFocus,\n\tsetFocusThread,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<CommentBoard\n\t\t\t\tthread={ thread }\n\t\t\t\tonResolve={ onCommentResolve }\n\t\t\t\tonReopen={ onCommentReopen }\n\t\t\t\tonEdit={ onEditComment }\n\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\tstatus={ thread.status }\n\t\t\t/>\n\t\t\t{ 0 < thread?.reply?.length && (\n\t\t\t\t<>\n\t\t\t\t\t{ ! isFocused && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__show-more-reply\"\n\t\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: number of replies.\n\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t'%s more reply',\n\t\t\t\t\t\t\t\t\t'%s more replies',\n\t\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ isFocused &&\n\t\t\t\t\t\tthread.reply.map( ( reply ) => (\n\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ 'approved' !== thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard\n\t\t\t\t\t\t\t\t\t\tthread={ reply }\n\t\t\t\t\t\t\t\t\t\tonEdit={ onEditComment }\n\t\t\t\t\t\t\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ 'approved' === thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard thread={ reply } />\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ isFocused && (\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\tspacing=\"2\"\n\t\t\t\t>\n\t\t\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\tif ( 'approved' === thread.status ) {\n\t\t\t\t\t\t\t\t\tonCommentReopen( thread.id );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonAddReply( inputComment, thread.id );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonCancel={ ( event ) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevent the parent onClick from being triggered\n\t\t\t\t\t\t\t\tclearThreadFocus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tplaceholderText={\n\t\t\t\t\t\t\t\t'approved' === thread.status &&\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Adding a comment will re-open this discussion….'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsubmitButtonText={\n\t\t\t\t\t\t\t\t'approved' === thread.status\n\t\t\t\t\t\t\t\t\t? _x(\n\t\t\t\t\t\t\t\t\t\t\t'Reopen & Reply',\n\t\t\t\t\t\t\t\t\t\t\t'Reopen comment and add reply'\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: _x( 'Reply', 'Add reply comment' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trows={ 'approved' === thread.status ? 2 : 4 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst CommentBoard = ( {\n\tthread,\n\tonResolve,\n\tonReopen,\n\tonEdit,\n\tonDelete,\n\tstatus,\n} ) => {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonDelete( thread.id );\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst actions = [\n\t\tonEdit &&\n\t\t\tstatus !== 'approved' && {\n\t\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tsetActionState( 'edit' );\n\t\t\t\t},\n\t\t\t},\n\t\tonDelete && {\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: () => {\n\t\t\t\tsetActionState( 'delete' );\n\t\t\t\tsetShowConfirmDialog( true );\n\t\t\t},\n\t\t},\n\t\tonReopen &&\n\t\t\tstatus === 'approved' && {\n\t\t\t\ttitle: _x( 'Reopen', 'Reopen comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonReopen( thread.id );\n\t\t\t\t},\n\t\t\t},\n\t];\n\n\tconst moreActions = actions.filter( ( item ) => item?.onClick );\n\n\treturn (\n\t\t<>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<CommentAuthorInfo\n\t\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\t\tname={ thread?.author_name }\n\t\t\t\t\tdate={ thread?.date }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t\t<HStack alignment=\"right\" justify=\"flex-end\" spacing=\"0\">\n\t\t\t\t\t\t{ 0 === thread?.parent && onResolve && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tdisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonResolve( thread.id );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ 0 < moreActions.length && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t{ 'edit' === actionState ? (\n\t\t\t\t<CommentForm\n\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\tonEdit( thread.id, value );\n\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => handleCancel() }\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RawHTML className=\"editor-collab-sidebar-panel__user-comment\">\n\t\t\t\t\t{ thread?.content?.rendered }\n\t\t\t\t</RawHTML>\n\t\t\t) }\n\t\t\t{ 'delete' === actionState && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\tonCancel={ handleCancel }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t__( 'Are you sure you want to delete this comment?' )\n\t\t\t\t\t}\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_icons","_i18n","_data","_blockEditor","_lockUnlock","_commentAuthorInfo","_commentForm","_jsxRuntime","useBlockElement","unlock","blockEditorPrivateApis","findBlockByCommentId","commentId","blockList","block","attributes","blockCommentId","clientId","innerBlocks","found","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","onCommentReopen","showCommentBoard","setShowCommentBoard","blocks","useSelect","select","getBlockAttributes","getSelectedBlockClientId","getBlocks","blockEditorStore","_clientId","flashBlock","useDispatch","clearThreadFocus","setFocusThread","focusThread","useState","useEffect","jsxs","Fragment","children","Array","isArray","length","jsx","__experimentalVStack","alignment","className","justify","spacing","__","map","thread","Thread","isFocused","id","relatedBlock","useMemo","relatedBlockElement","handleCommentSelect","threadId","scrollIntoView","behavior","clsx","onClick","CommentBoard","onResolve","onReopen","onEdit","onDelete","status","reply","Button","__next40pxDefaultSize","variant","sprintf","_n","__experimentalHStack","default","onSubmit","inputComment","onCancel","event","stopPropagation","placeholderText","submitButtonText","_x","rows","actionState","setActionState","showConfirmDialog","setShowConfirmDialog","handleConfirmDelete","handleCancel","actions","title","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","label","size","icon","published","disabled","accessibleWhenDisabled","DropdownMenu","moreVertical","controls","value","RawHTML","content","rendered","__experimentalConfirmDialog","isOpen","onConfirm","confirmButtonText"],"sources":["@wordpress/editor/src/components/collab-sidebar/comments.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useState, RawHTML, useEffect, useMemo } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n\tDropdownMenu,\n} from '@wordpress/components';\n\nimport { published, moreVertical } from '@wordpress/icons';\nimport { __, _x, sprintf, _n } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\n/\n Finds the first block that has the specified comment ID.\n \n @param {string} commentId - The comment ID to search for.\n * @param {Array} blockList - The list of blocks to search through.\n * @return {string\|null} The client ID of the found block, or null if not found.\n /\nconst findBlockByCommentId = ( commentId, blockList ) => {\n\tfor ( const block of blockList ) {\n\t\tif ( block.attributes?.blockCommentId === commentId ) {\n\t\t\treturn block.clientId;\n\t\t}\n\t\tif ( block.innerBlocks ) {\n\t\t\tconst found = findBlockByCommentId( commentId, block.innerBlocks );\n\t\t\tif ( found ) {\n\t\t\t\treturn found;\n\t\t\t}\n\t\t}\n\t}\n\treturn null;\n};\n\n/\n Renders the Comments component.\n \n @param {Object} props - The component props.\n * @param {Array} props.threads - The array of comment threads.\n * @param {Function} props.onEditComment - The function to handle comment editing.\n * @param {Function} props.onAddReply - The function to add a reply to a comment.\n * @param {Function} props.onCommentDelete - The function to delete a comment.\n * @param {Function} props.onCommentResolve - The function to mark a comment as resolved.\n * @param {Function} props.onCommentReopen - The function to reopen a resolved comment.\n * @param {boolean} props.showCommentBoard - Whether to show the comment board.\n * @param {Function} props.setShowCommentBoard - The function to set the comment board visibility.\n * @return {React.ReactNode} The rendered Comments component.\n */\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { blockCommentId, blocks } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId, getBlocks } =\n\t\t\tselect( blockEditorStore );\n\t\tconst _clientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tblockCommentId: _clientId\n\t\t\t\t? getBlockAttributes( _clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t\tblocks: getBlocks(),\n\t\t};\n\t}, [] );\n\n\tconst { flashBlock } = useDispatch( blockEditorStore );\n\n\tconst clearThreadFocus = () => {\n\t\tsetFocusThread( null );\n\t\tsetShowCommentBoard( false );\n\t};\n\n\tconst [ focusThread, setFocusThread ] = useState(\n\t\tshowCommentBoard && blockCommentId ? blockCommentId : null\n\t);\n\n\tuseEffect( () => {\n\t\t// Highlight comment when block is selected.\n\t\tif ( blockCommentId && ! focusThread ) {\n\t\t\tsetFocusThread( blockCommentId );\n\t\t}\n\t}, [ blockCommentId, focusThread, blocks, setFocusThread ] );\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If there are no comments, show a message indicating no comments are available.\n\t\t\t\t( ! Array.isArray( threads ) \|\| threads.length === 0 ) && (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__thread\"\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// translators: message displayed when there are no comments available\n\t\t\t\t\t\t\t__( 'No comments available' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VStack>\n\t\t\t\t)\n\t\t\t}\n\t\t\t{ Array.isArray( threads ) &&\n\t\t\t\tthreads.length > 0 &&\n\t\t\t\tthreads.map( ( thread ) => (\n\t\t\t\t\t<Thread\n\t\t\t\t\t\tkey={ thread.id }\n\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\tonAddReply={ onAddReply }\n\t\t\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\t\t\tonCommentReopen={ onCommentReopen }\n\t\t\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\t\t\tisFocused={ focusThread === thread.id }\n\t\t\t\t\t\tclearThreadFocus={ clearThreadFocus }\n\t\t\t\t\t\tsetFocusThread={ setFocusThread }\n\t\t\t\t\t\tblockCommentId={ blockCommentId }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tflashBlock={ flashBlock }\n\t\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nfunction Thread( {\n\tthread,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tisFocused,\n\tclearThreadFocus,\n\tsetFocusThread,\n\tblocks,\n\tflashBlock,\n\tsetShowCommentBoard,\n} ) {\n\t// Find first block that has this comment ID - run at component root level.\n\tconst relatedBlock = useMemo( () => {\n\t\tif ( ! thread.id \|\| ! blocks ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn findBlockByCommentId( thread.id, blocks );\n\t}, [ thread.id, blocks ] );\n\n\tconst relatedBlockElement = useBlockElement( relatedBlock );\n\n\tconst handleCommentSelect = ( threadId ) => {\n\t\tsetShowCommentBoard( false );\n\t\tsetFocusThread( threadId );\n\t\tif ( relatedBlock && relatedBlockElement ) {\n\t\t\trelatedBlockElement.scrollIntoView( {\n\t\t\t\tbehavior: 'instant',\n\t\t\t\tblock: 'center',\n\t\t\t} );\n\t\t\tflashBlock( relatedBlock );\n\t\t}\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName={ clsx( 'editor-collab-sidebar-panel__thread', {\n\t\t\t\t'editor-collab-sidebar-panel__focus-thread': isFocused,\n\t\t\t} ) }\n\t\t\tid={ thread.id }\n\t\t\tspacing=\"3\"\n\t\t\tonClick={ () => handleCommentSelect( thread.id ) }\n\t\t>\n\t\t\t<CommentBoard\n\t\t\t\tthread={ thread }\n\t\t\t\tonResolve={ onCommentResolve }\n\t\t\t\tonReopen={ onCommentReopen }\n\t\t\t\tonEdit={ onEditComment }\n\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\tstatus={ thread.status }\n\t\t\t/>\n\t\t\t{ 0 < thread?.reply?.length && (\n\t\t\t\t<>\n\t\t\t\t\t{ ! isFocused && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__show-more-reply\"\n\t\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: number of replies.\n\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t'%s more reply',\n\t\t\t\t\t\t\t\t\t'%s more replies',\n\t\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ isFocused &&\n\t\t\t\t\t\tthread.reply.map( ( reply ) => (\n\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ 'approved' !== thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard\n\t\t\t\t\t\t\t\t\t\tthread={ reply }\n\t\t\t\t\t\t\t\t\t\tonEdit={ onEditComment }\n\t\t\t\t\t\t\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ 'approved' === thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard thread={ reply } />\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ isFocused && (\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\tspacing=\"2\"\n\t\t\t\t>\n\t\t\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\tif ( 'approved' === thread.status ) {\n\t\t\t\t\t\t\t\t\tonCommentReopen( thread.id );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonAddReply( inputComment, thread.id );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonCancel={ ( event ) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevent the parent onClick from being triggered\n\t\t\t\t\t\t\t\tclearThreadFocus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tplaceholderText={\n\t\t\t\t\t\t\t\t'approved' === thread.status &&\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Adding a comment will re-open this discussion….'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsubmitButtonText={\n\t\t\t\t\t\t\t\t'approved' === thread.status\n\t\t\t\t\t\t\t\t\t? _x(\n\t\t\t\t\t\t\t\t\t\t\t'Reopen & Reply',\n\t\t\t\t\t\t\t\t\t\t\t'Reopen comment and add reply'\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: _x( 'Reply', 'Add reply comment' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trows={ 'approved' === thread.status ? 2 : 4 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nconst CommentBoard = ( {\n\tthread,\n\tonResolve,\n\tonReopen,\n\tonEdit,\n\tonDelete,\n\tstatus,\n} ) => {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonDelete( thread.id );\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst actions = [\n\t\tonEdit &&\n\t\t\tstatus !== 'approved' && {\n\t\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tsetActionState( 'edit' );\n\t\t\t\t},\n\t\t\t},\n\t\tonDelete && {\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: () => {\n\t\t\t\tsetActionState( 'delete' );\n\t\t\t\tsetShowConfirmDialog( true );\n\t\t\t},\n\t\t},\n\t\tonReopen &&\n\t\t\tstatus === 'approved' && {\n\t\t\t\ttitle: _x( 'Reopen', 'Reopen comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonReopen( thread.id );\n\t\t\t\t},\n\t\t\t},\n\t];\n\n\tconst moreActions = actions.filter( ( item ) => item?.onClick );\n\n\treturn (\n\t\t<>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<CommentAuthorInfo\n\t\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\t\tname={ thread?.author_name }\n\t\t\t\t\tdate={ thread?.date }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t\t<HStack alignment=\"right\" justify=\"flex-end\" spacing=\"0\">\n\t\t\t\t\t\t{ 0 === thread?.parent && onResolve && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tdisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonResolve( thread.id );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ 0 < moreActions.length && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t{ 'edit' === actionState ? (\n\t\t\t\t<CommentForm\n\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\tonEdit( thread.id, value );\n\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => handleCancel() }\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RawHTML className=\"editor-collab-sidebar-panel__user-comment\">\n\t\t\t\t\t{ thread?.content?.rendered }\n\t\t\t\t</RawHTML>\n\t\t\t) }\n\t\t\t{ 'delete' === actionState && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\tonCancel={ handleCancel }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t__( 'Are you sure you want to delete this comment?' )\n\t\t\t\t\t}\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/collab-sidebar/index.js CHANGED Viewed

@@ -234,7 +234,9 @@ function CollabSidebar() {
   const {
     records: threads,
     totalPages
-  } = (0, _coreData.useEntityRecords)('root', 'comment', queryArgs);
+  } = (0, _coreData.useEntityRecords)('root', 'comment', queryArgs, {
+    enabled: !!postId && typeof postId === 'number'
+  });
   const hasMoreComments = totalPages && totalPages > 1;
   const {
     blockCommentId
@@ -339,6 +341,7 @@ function CollabSidebar() {
       ,
       title: (0, _i18n.__)('Comments'),
       icon: _icons.comment,
+      closeLabel: (0, _i18n.__)('Close Comments'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollabSidebarContent, {
         comments: resultComments,
         showCommentBoard: showCommentBoard,

package/build/components/collab-sidebar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentIndicatorToolbar","_globalStylesProvider","_utils","_jsxRuntime","modifyBlockCommentAttributes","settings","attributes","blockCommentId","type","addFilter","CollabSidebarContent","showCommentBoard","setShowCommentBoard","styles","comments","createNotice","useDispatch","noticesStore","saveEntityRecord","deleteEntityRecord","coreStore","getEntityRecord","resolveSelect","postId","useSelect","select","getCurrentPostId","editorStore","_postId","getSelectedBlockClientId","blockEditorStore","updateBlockAttributes","onError","error","errorMessage","message","code","__","isDismissible","addNewComment","comment","parentCommentId","savedRecord","post","content","comment_type","comment_approved","parent","throwOnError","id","onCommentResolve","commentId","status","onCommentReopen","onEditComment","onCommentDelete","childComment","undefined","jsxs","className","style","children","jsx","AddComment","onSubmit","Comments","threads","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","getActiveComplementaryArea","postType","getCurrentPostType","queryArgs","per_page","records","totalPages","useEntityRecords","hasMoreComments","getBlockAttributes","_clientId","openCollabBoard","collabHistorySidebarName","blocks","useEntityBlockEditor","resultComments","unresolvedSortedThreads","useMemo","compare","result","allComments","forEach","item","reply","push","length","updatedResult","map","reverse","blockCommentIds","getCommentIdsFromBlocks","threadIdMap","Map","thread","unresolvedSortedComments","get","filter","merged","GlobalStyles","useGlobalStylesContext","backgroundColor","color","background","unsubscribe","subscribe","activeSidebar","collabSidebarName","AddCommentComponent","CommentAvatarIndicator","AddCommentButton","currentThread","find","Fragment","onClick","default","identifier","title","icon","commentIcon","isPinnable","header","headerClassName"],"sources":["@wordpress/editor/src/components/collab-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseSelect,\n\tuseDispatch,\n\tresolveSelect,\n\tsubscribe,\n} from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { comment as commentIcon } from '@wordpress/icons';\nimport { addFilter } from '@wordpress/hooks';\nimport { store as noticesStore } from '@wordpress/notices';\nimport {\n\tstore as coreStore,\n\tuseEntityBlockEditor,\n\tuseEntityRecords,\n} from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/\n Internal dependencies\n /\nimport PluginSidebar from '../plugin-sidebar';\nimport { collabHistorySidebarName, collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentButton from './comment-button';\nimport CommentAvatarIndicator from './comment-indicator-toolbar';\nimport { useGlobalStylesContext } from '../global-styles-provider';\nimport { getCommentIdsFromBlocks } from './utils';\n\nconst modifyBlockCommentAttributes = ( settings ) => {\n\tif ( ! settings.attributes.blockCommentId ) {\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tblockCommentId: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n};\n\n// Apply the filter to all core blocks\naddFilter(\n\t'blocks.registerBlockType',\n\t'block-comment/modify-core-block-attributes',\n\tmodifyBlockCommentAttributes\n);\n\nfunction CollabSidebarContent( {\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tstyles,\n\tcomments,\n} ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { getEntityRecord } = resolveSelect( coreStore );\n\n\tconst { postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\tconst _postId = getCurrentPostId();\n\n\t\treturn {\n\t\t\tpostId: _postId,\n\t\t};\n\t}, [] );\n\n\tconst { getSelectedBlockClientId } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst onError = ( error ) => {\n\t\tconst errorMessage =\n\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t? error.message\n\t\t\t\t: __( 'An error occurred while performing an update.' );\n\t\tcreateNotice( 'error', errorMessage, {\n\t\t\ttype: 'snackbar',\n\t\t\tisDismissible: true,\n\t\t} );\n\t};\n\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tcontent: comment,\n\t\t\t\t\tcomment_type: 'block_comment',\n\t\t\t\t\tcomment_approved: 0,\n\t\t\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId && savedRecord?.id ) {\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tblockCommentId: savedRecord.id,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparentCommentId\n\t\t\t\t\t? __( 'Reply added successfully.' )\n\t\t\t\t\t: __( 'Comment added successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tstatus: 'approved',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment marked as resolved.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentReopen = async ( commentId ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tstatus: 'hold',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment reopened.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tcontent: comment,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment edited successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\ttry {\n\t\t\tconst childComment = await getEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\tcommentId\n\t\t\t);\n\t\t\tawait deleteEntityRecord( 'root', 'comment', commentId, undefined, {\n\t\t\t\tthrowOnError: true,\n\t\t\t} );\n\n\t\t\tif ( childComment && ! childComment.parent ) {\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tblockCommentId: undefined,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice( 'snackbar', __( 'Comment deleted successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"editor-collab-sidebar-panel\" style={ styles }>\n\t\t\t<AddComment\n\t\t\t\tonSubmit={ addNewComment }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t/>\n\t\t\t<Comments\n\t\t\t\tkey={ getSelectedBlockClientId() }\n\t\t\t\tthreads={ comments }\n\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\tonAddReply={ addNewComment }\n\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\tonCommentReopen={ onCommentReopen }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/\n Renders the Collab sidebar.\n */\nexport default function CollabSidebar() {\n\tconst [ showCommentBoard, setShowCommentBoard ] = useState( false );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\n\tconst { postId, postType } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\tconst queryArgs = {\n\t\tpost: postId,\n\t\ttype: 'block_comment',\n\t\tstatus: 'all',\n\t\tper_page: 100,\n\t};\n\n\tconst { records: threads, totalPages } = useEntityRecords(\n\t\t'root',\n\t\t'comment',\n\t\tqueryArgs\n\t);\n\n\tconst hasMoreComments = totalPages && totalPages > 1;\n\n\tconst { blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\t\tselect( blockEditorStore );\n\t\tconst _clientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tblockCommentId: _clientId\n\t\t\t\t? getBlockAttributes( _clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\n\tconst openCollabBoard = () => {\n\t\tsetShowCommentBoard( true );\n\t\tenableComplementaryArea( 'core', collabHistorySidebarName );\n\t};\n\n\tconst [ blocks ] = useEntityBlockEditor( 'postType', postType, {\n\t\tid: postId,\n\t} );\n\n\t// Process comments to build the tree structure.\n\tconst { resultComments, unresolvedSortedThreads } = useMemo( () => {\n\t\t// Create a compare to store the references to all objects by id.\n\t\tconst compare = {};\n\t\tconst result = [];\n\n\t\tconst allComments = threads ?? [];\n\n\t\t// Initialize each object with an empty `reply` array.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = { ...item, reply: [] };\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tif ( item.parent === 0 ) {\n\t\t\t\t// If parent is 0, it's a root item, push it to the result array.\n\t\t\t\tresult.push( compare[ item.id ] );\n\t\t\t} else if ( compare[ item.parent ] ) {\n\t\t\t\t// Otherwise, find its parent and push it to the parent's `reply` array.\n\t\t\t\tcompare[ item.parent ].reply.push( compare[ item.id ] );\n\t\t\t}\n\t\t} );\n\n\t\tif ( 0 === result?.length ) {\n\t\t\treturn { resultComments: [], unresolvedSortedThreads: [] };\n\t\t}\n\n\t\tconst updatedResult = result.map( ( item ) => ( {\n\t\t\t...item,\n\t\t\treply: [ ...item.reply ].reverse(),\n\t\t} ) );\n\n\t\tconst blockCommentIds = getCommentIdsFromBlocks( blocks );\n\n\t\tconst threadIdMap = new Map(\n\t\t\tupdatedResult.map( ( thread ) => [ thread.id, thread ] )\n\t\t);\n\n\t\t// Get comments by block order, filter out undefined threads, and exclude resolved comments.\n\t\tconst unresolvedSortedComments = blockCommentIds\n\t\t\t.map( ( id ) => threadIdMap.get( id ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) =>\n\t\t\t\t\tthread !== undefined && thread.status !== 'approved'\n\t\t\t);\n\n\t\treturn {\n\t\t\tresultComments: updatedResult,\n\t\t\tunresolvedSortedThreads: unresolvedSortedComments,\n\t\t};\n\t}, [ threads, blocks ] );\n\n\t// Get the global styles to set the background color of the sidebar.\n\tconst { merged: GlobalStyles } = useGlobalStylesContext();\n\tconst backgroundColor = GlobalStyles?.styles?.color?.background;\n\n\tif ( 0 < resultComments.length ) {\n\t\tconst unsubscribe = subscribe( () => {\n\t\t\tconst activeSidebar = getActiveComplementaryArea( 'core' );\n\n\t\t\tif ( ! activeSidebar ) {\n\t\t\t\tenableComplementaryArea( 'core', collabSidebarName );\n\t\t\t\tunsubscribe();\n\t\t\t}\n\t\t} );\n\t}\n\n\tconst AddCommentComponent = blockCommentId\n\t\t? CommentAvatarIndicator\n\t\t: AddCommentButton;\n\n\t// Find the current thread for the selected block.\n\tconst currentThread = blockCommentId\n\t\t? resultComments.find( ( thread ) => thread.id === blockCommentId )\n\t\t: null;\n\n\t// If postId is not a valid number, do not render the comment sidebar.\n\tif ( ! ( !! postId && typeof postId === 'number' ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent\n\t\t\t\tonClick={ openCollabBoard }\n\t\t\t\tthread={ currentThread }\n\t\t\t\thasMoreComments={ hasMoreComments }\n\t\t\t/>\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabHistorySidebarName }\n\t\t\t\t// translators: Comments sidebar title\n\t\t\t\ttitle={ __( 'Comments' ) }\n\t\t\t\ticon={ commentIcon }\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ resultComments }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t\t<PluginSidebar\n\t\t\t\tisPinnable={ false }\n\t\t\t\theader={ false }\n\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\tclassName=\"editor-collab-sidebar\"\n\t\t\t\theaderClassName=\"editor-collab-sidebar__header\"\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ unresolvedSortedThreads }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\tstyles={ {\n\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentIndicatorToolbar","_globalStylesProvider","_utils","_jsxRuntime","modifyBlockCommentAttributes","settings","attributes","blockCommentId","type","addFilter","CollabSidebarContent","showCommentBoard","setShowCommentBoard","styles","comments","createNotice","useDispatch","noticesStore","saveEntityRecord","deleteEntityRecord","coreStore","getEntityRecord","resolveSelect","postId","useSelect","select","getCurrentPostId","editorStore","_postId","getSelectedBlockClientId","blockEditorStore","updateBlockAttributes","onError","error","errorMessage","message","code","__","isDismissible","addNewComment","comment","parentCommentId","savedRecord","post","content","comment_type","comment_approved","parent","throwOnError","id","onCommentResolve","commentId","status","onCommentReopen","onEditComment","onCommentDelete","childComment","undefined","jsxs","className","style","children","jsx","AddComment","onSubmit","Comments","threads","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","getActiveComplementaryArea","postType","getCurrentPostType","queryArgs","per_page","records","totalPages","useEntityRecords","enabled","hasMoreComments","getBlockAttributes","_clientId","openCollabBoard","collabHistorySidebarName","blocks","useEntityBlockEditor","resultComments","unresolvedSortedThreads","useMemo","compare","result","allComments","forEach","item","reply","push","length","updatedResult","map","reverse","blockCommentIds","getCommentIdsFromBlocks","threadIdMap","Map","thread","unresolvedSortedComments","get","filter","merged","GlobalStyles","useGlobalStylesContext","backgroundColor","color","background","unsubscribe","subscribe","activeSidebar","collabSidebarName","AddCommentComponent","CommentAvatarIndicator","AddCommentButton","currentThread","find","Fragment","onClick","default","identifier","title","icon","commentIcon","closeLabel","isPinnable","header","headerClassName"],"sources":["@wordpress/editor/src/components/collab-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseSelect,\n\tuseDispatch,\n\tresolveSelect,\n\tsubscribe,\n} from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { comment as commentIcon } from '@wordpress/icons';\nimport { addFilter } from '@wordpress/hooks';\nimport { store as noticesStore } from '@wordpress/notices';\nimport {\n\tstore as coreStore,\n\tuseEntityBlockEditor,\n\tuseEntityRecords,\n} from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/\n Internal dependencies\n /\nimport PluginSidebar from '../plugin-sidebar';\nimport { collabHistorySidebarName, collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentButton from './comment-button';\nimport CommentAvatarIndicator from './comment-indicator-toolbar';\nimport { useGlobalStylesContext } from '../global-styles-provider';\nimport { getCommentIdsFromBlocks } from './utils';\n\nconst modifyBlockCommentAttributes = ( settings ) => {\n\tif ( ! settings.attributes.blockCommentId ) {\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tblockCommentId: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n};\n\n// Apply the filter to all core blocks\naddFilter(\n\t'blocks.registerBlockType',\n\t'block-comment/modify-core-block-attributes',\n\tmodifyBlockCommentAttributes\n);\n\nfunction CollabSidebarContent( {\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tstyles,\n\tcomments,\n} ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { getEntityRecord } = resolveSelect( coreStore );\n\n\tconst { postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\tconst _postId = getCurrentPostId();\n\n\t\treturn {\n\t\t\tpostId: _postId,\n\t\t};\n\t}, [] );\n\n\tconst { getSelectedBlockClientId } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst onError = ( error ) => {\n\t\tconst errorMessage =\n\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t? error.message\n\t\t\t\t: __( 'An error occurred while performing an update.' );\n\t\tcreateNotice( 'error', errorMessage, {\n\t\t\ttype: 'snackbar',\n\t\t\tisDismissible: true,\n\t\t} );\n\t};\n\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tcontent: comment,\n\t\t\t\t\tcomment_type: 'block_comment',\n\t\t\t\t\tcomment_approved: 0,\n\t\t\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId && savedRecord?.id ) {\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tblockCommentId: savedRecord.id,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparentCommentId\n\t\t\t\t\t? __( 'Reply added successfully.' )\n\t\t\t\t\t: __( 'Comment added successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tstatus: 'approved',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment marked as resolved.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentReopen = async ( commentId ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tstatus: 'hold',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment reopened.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid: commentId,\n\t\t\t\t\tcontent: comment,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice( 'snackbar', __( 'Comment edited successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\ttry {\n\t\t\tconst childComment = await getEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\tcommentId\n\t\t\t);\n\t\t\tawait deleteEntityRecord( 'root', 'comment', commentId, undefined, {\n\t\t\t\tthrowOnError: true,\n\t\t\t} );\n\n\t\t\tif ( childComment && ! childComment.parent ) {\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tblockCommentId: undefined,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice( 'snackbar', __( 'Comment deleted successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"editor-collab-sidebar-panel\" style={ styles }>\n\t\t\t<AddComment\n\t\t\t\tonSubmit={ addNewComment }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t/>\n\t\t\t<Comments\n\t\t\t\tkey={ getSelectedBlockClientId() }\n\t\t\t\tthreads={ comments }\n\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\tonAddReply={ addNewComment }\n\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\tonCommentReopen={ onCommentReopen }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/\n Renders the Collab sidebar.\n */\nexport default function CollabSidebar() {\n\tconst [ showCommentBoard, setShowCommentBoard ] = useState( false );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\n\tconst { postId, postType } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\tconst queryArgs = {\n\t\tpost: postId,\n\t\ttype: 'block_comment',\n\t\tstatus: 'all',\n\t\tper_page: 100,\n\t};\n\n\tconst { records: threads, totalPages } = useEntityRecords(\n\t\t'root',\n\t\t'comment',\n\t\tqueryArgs,\n\t\t{ enabled: !! postId && typeof postId === 'number' }\n\t);\n\n\tconst hasMoreComments = totalPages && totalPages > 1;\n\n\tconst { blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\t\tselect( blockEditorStore );\n\t\tconst _clientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tblockCommentId: _clientId\n\t\t\t\t? getBlockAttributes( _clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\n\tconst openCollabBoard = () => {\n\t\tsetShowCommentBoard( true );\n\t\tenableComplementaryArea( 'core', collabHistorySidebarName );\n\t};\n\n\tconst [ blocks ] = useEntityBlockEditor( 'postType', postType, {\n\t\tid: postId,\n\t} );\n\n\t// Process comments to build the tree structure.\n\tconst { resultComments, unresolvedSortedThreads } = useMemo( () => {\n\t\t// Create a compare to store the references to all objects by id.\n\t\tconst compare = {};\n\t\tconst result = [];\n\n\t\tconst allComments = threads ?? [];\n\n\t\t// Initialize each object with an empty `reply` array.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = { ...item, reply: [] };\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tif ( item.parent === 0 ) {\n\t\t\t\t// If parent is 0, it's a root item, push it to the result array.\n\t\t\t\tresult.push( compare[ item.id ] );\n\t\t\t} else if ( compare[ item.parent ] ) {\n\t\t\t\t// Otherwise, find its parent and push it to the parent's `reply` array.\n\t\t\t\tcompare[ item.parent ].reply.push( compare[ item.id ] );\n\t\t\t}\n\t\t} );\n\n\t\tif ( 0 === result?.length ) {\n\t\t\treturn { resultComments: [], unresolvedSortedThreads: [] };\n\t\t}\n\n\t\tconst updatedResult = result.map( ( item ) => ( {\n\t\t\t...item,\n\t\t\treply: [ ...item.reply ].reverse(),\n\t\t} ) );\n\n\t\tconst blockCommentIds = getCommentIdsFromBlocks( blocks );\n\n\t\tconst threadIdMap = new Map(\n\t\t\tupdatedResult.map( ( thread ) => [ thread.id, thread ] )\n\t\t);\n\n\t\t// Get comments by block order, filter out undefined threads, and exclude resolved comments.\n\t\tconst unresolvedSortedComments = blockCommentIds\n\t\t\t.map( ( id ) => threadIdMap.get( id ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) =>\n\t\t\t\t\tthread !== undefined && thread.status !== 'approved'\n\t\t\t);\n\n\t\treturn {\n\t\t\tresultComments: updatedResult,\n\t\t\tunresolvedSortedThreads: unresolvedSortedComments,\n\t\t};\n\t}, [ threads, blocks ] );\n\n\t// Get the global styles to set the background color of the sidebar.\n\tconst { merged: GlobalStyles } = useGlobalStylesContext();\n\tconst backgroundColor = GlobalStyles?.styles?.color?.background;\n\n\tif ( 0 < resultComments.length ) {\n\t\tconst unsubscribe = subscribe( () => {\n\t\t\tconst activeSidebar = getActiveComplementaryArea( 'core' );\n\n\t\t\tif ( ! activeSidebar ) {\n\t\t\t\tenableComplementaryArea( 'core', collabSidebarName );\n\t\t\t\tunsubscribe();\n\t\t\t}\n\t\t} );\n\t}\n\n\tconst AddCommentComponent = blockCommentId\n\t\t? CommentAvatarIndicator\n\t\t: AddCommentButton;\n\n\t// Find the current thread for the selected block.\n\tconst currentThread = blockCommentId\n\t\t? resultComments.find( ( thread ) => thread.id === blockCommentId )\n\t\t: null;\n\n\t// If postId is not a valid number, do not render the comment sidebar.\n\tif ( ! ( !! postId && typeof postId === 'number' ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent\n\t\t\t\tonClick={ openCollabBoard }\n\t\t\t\tthread={ currentThread }\n\t\t\t\thasMoreComments={ hasMoreComments }\n\t\t\t/>\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabHistorySidebarName }\n\t\t\t\t// translators: Comments sidebar title\n\t\t\t\ttitle={ __( 'Comments' ) }\n\t\t\t\ticon={ commentIcon }\n\t\t\t\tcloseLabel={ __( 'Close Comments' ) }\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ resultComments }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t\t<PluginSidebar\n\t\t\t\tisPinnable={ false }\n\t\t\t\theader={ false }\n\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\tclassName=\"editor-collab-sidebar\"\n\t\t\t\theaderClassName=\"editor-collab-sidebar__header\"\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ unresolvedSortedThreads }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\tstyles={ {\n\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/post-excerpt/panel.js CHANGED Viewed

@@ -91,11 +91,13 @@ function PrivateExcerpt() {
     shouldBeUsedAsDescription,
     allowEditing
   } = (0, _data.useSelect)(select => {
+    var _getEditedPostAttribu;
     const {
       getCurrentPostType,
       getCurrentPostId,
       getEditedPostAttribute,
-      isEditorPanelEnabled
+      isEditorPanelEnabled,
+      __experimentalGetDefaultTemplateType
     } = select(_store.store);
     const postType = getCurrentPostType();
     const isTemplateOrTemplatePart = ['wp_template', 'wp_template_part'].includes(postType);
@@ -106,11 +108,12 @@ function PrivateExcerpt() {
     const _usedAttribute = isTemplateOrTemplatePart ? 'description' : 'excerpt';
     // We need to fetch the entity in this case to check if we'll allow editing.
     const template = isTemplateOrTemplatePart && select(_coreData.store).getEntityRecord('postType', postType, getCurrentPostId());
+    const fallback = isTemplateOrTemplatePart ? __experimentalGetDefaultTemplateType(template.slug).description : undefined;
     // For post types that use excerpt as description, we do not abide
     // by the `isEnabled` panel flag in order to render them as text.
     const _shouldRender = isEditorPanelEnabled(PANEL_NAME) || _shouldBeUsedAsDescription;
     return {
-      excerpt: getEditedPostAttribute(_usedAttribute),
+      excerpt: (_getEditedPostAttribu = getEditedPostAttribute(_usedAttribute)) !== null && _getEditedPostAttribu !== void 0 ? _getEditedPostAttribu : fallback,
       shouldRender: _shouldRender,
       shouldBeUsedAsDescription: _shouldBeUsedAsDescription,
       // If we should render, allow editing for all post types that are not used as description.

package/build/components/post-excerpt/panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_data","_element","_blockEditor","_coreData","_htmlEntities","_index","_interopRequireDefault","_check","_plugin","_constants","_store","_jsxRuntime","PANEL_NAME","ExcerptPanel","isOpened","isEnabled","postType","useSelect","select","isEditorPanelOpened","isEditorPanelEnabled","getCurrentPostType","editorStore","toggleEditorPanelOpened","useDispatch","toggleExcerptPanel","shouldUseDescriptionLabel","includes","jsx","PanelBody","title","__","opened","onToggle","children","default","Slot","fills","jsxs","Fragment","PostExcerptPanel","PrivatePostExcerptPanel","PrivateExcerpt","shouldRender","excerpt","shouldBeUsedAsDescription","allowEditing","getCurrentPostId","getEditedPostAttribute","isTemplateOrTemplatePart","isPattern","_shouldBeUsedAsDescription","_usedAttribute","template","coreStore","getEntityRecord","_shouldRender","source","TEMPLATE_ORIGINS","custom","has_theme_file","is_custom","popoverAnchor","setPopoverAnchor","useState","label","popoverProps","useMemo","anchor","headerTitle","placement","offset","shift","excerptText","__experimentalText","align","numberOfLines","truncate","decodeEntities","excerptPlaceholder","triggerEditLabel","__experimentalVStack","Dropdown","className","contentClassName","focusOnMount","ref","renderToggle","Button","__next40pxDefaultSize","onClick","variant","renderContent","onClose","__experimentalInspectorPopoverHeader","spacing","hideLabelFromVision","updateOnBlur"],"sources":["@wordpress/editor/src/components/post-excerpt/panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\t__experimentalText as Text,\n\tDropdown,\n\tButton,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n /\nimport PostExcerptForm from './index';\nimport PostExcerptCheck from './check';\nimport PluginPostExcerpt from './plugin';\nimport { TEMPLATE_ORIGINS } from '../../store/constants';\nimport { store as editorStore } from '../../store';\n\n/\n Module Constants\n /\nconst PANEL_NAME = 'post-excerpt';\n\nfunction ExcerptPanel() {\n\tconst { isOpened, isEnabled, postType } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisEditorPanelOpened,\n\t\t\tisEditorPanelEnabled,\n\t\t\tgetCurrentPostType,\n\t\t} = select( editorStore );\n\n\t\treturn {\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\tconst { toggleEditorPanelOpened } = useDispatch( editorStore );\n\tconst toggleExcerptPanel = () => toggleEditorPanelOpened( PANEL_NAME );\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\t// There are special cases where we want to label the excerpt as a description.\n\tconst shouldUseDescriptionLabel = [\n\t\t'wp_template',\n\t\t'wp_template_part',\n\t\t'wp_block',\n\t].includes( postType );\n\n\treturn (\n\t\t<PanelBody\n\t\t\ttitle={\n\t\t\t\tshouldUseDescriptionLabel\n\t\t\t\t\t? __( 'Description' )\n\t\t\t\t\t: __( 'Excerpt' )\n\t\t\t}\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ toggleExcerptPanel }\n\t\t>\n\t\t\t<PluginPostExcerpt.Slot>\n\t\t\t\t{ ( fills ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PostExcerptForm />\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</PluginPostExcerpt.Slot>\n\t\t</PanelBody>\n\t);\n}\n\n/\n Is rendered if the post type supports excerpts and allows editing the excerpt.\n \n @return {React.ReactNode} The rendered PostExcerptPanel component.\n */\nexport default function PostExcerptPanel() {\n\treturn (\n\t\t<PostExcerptCheck>\n\t\t\t<ExcerptPanel />\n\t\t</PostExcerptCheck>\n\t);\n}\n\nexport function PrivatePostExcerptPanel() {\n\treturn (\n\t\t<PostExcerptCheck>\n\t\t\t<PrivateExcerpt />\n\t\t</PostExcerptCheck>\n\t);\n}\n\nfunction PrivateExcerpt() {\n\tconst { shouldRender, excerpt, shouldBeUsedAsDescription, allowEditing } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\tgetCurrentPostType,\n\t\t\t\tgetCurrentPostId,\n\t\t\t\tgetEditedPostAttribute,\n\t\t\t\tisEditorPanelEnabled,\n\t\t\t} = select( editorStore );\n\t\t\tconst postType = getCurrentPostType();\n\t\t\tconst isTemplateOrTemplatePart = [\n\t\t\t\t'wp_template',\n\t\t\t\t'wp_template_part',\n\t\t\t].includes( postType );\n\t\t\tconst isPattern = postType === 'wp_block';\n\t\t\t// These post types use the `excerpt` field as a description semantically, so we need to\n\t\t\t// handle proper labeling and some flows where we should always render them as text.\n\t\t\tconst _shouldBeUsedAsDescription =\n\t\t\t\tisTemplateOrTemplatePart \|\| isPattern;\n\t\t\tconst _usedAttribute = isTemplateOrTemplatePart\n\t\t\t\t? 'description'\n\t\t\t\t: 'excerpt';\n\t\t\t// We need to fetch the entity in this case to check if we'll allow editing.\n\t\t\tconst template =\n\t\t\t\tisTemplateOrTemplatePart &&\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostType,\n\t\t\t\t\tgetCurrentPostId()\n\t\t\t\t);\n\t\t\t// For post types that use excerpt as description, we do not abide\n\t\t\t// by the `isEnabled` panel flag in order to render them as text.\n\t\t\tconst _shouldRender =\n\t\t\t\tisEditorPanelEnabled( PANEL_NAME ) \|\|\n\t\t\t\t_shouldBeUsedAsDescription;\n\t\t\treturn {\n\t\t\t\texcerpt: getEditedPostAttribute( _usedAttribute ),\n\t\t\t\tshouldRender: _shouldRender,\n\t\t\t\tshouldBeUsedAsDescription: _shouldBeUsedAsDescription,\n\t\t\t\t// If we should render, allow editing for all post types that are not used as description.\n\t\t\t\t// For the rest allow editing only for user generated entities.\n\t\t\t\tallowEditing:\n\t\t\t\t\t_shouldRender &&\n\t\t\t\t\t( ! _shouldBeUsedAsDescription \|\|\n\t\t\t\t\t\tisPattern \|\|\n\t\t\t\t\t\t( template &&\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom &&\n\t\t\t\t\t\t\t! template.has_theme_file &&\n\t\t\t\t\t\t\ttemplate.is_custom ) ),\n\t\t\t};\n\t\t}, [] );\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst label = shouldBeUsedAsDescription\n\t\t? __( 'Description' )\n\t\t: __( 'Excerpt' );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': label,\n\t\t\theaderTitle: label,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor, label ]\n\t);\n\tif ( ! shouldRender ) {\n\t\treturn false;\n\t}\n\tconst excerptText = !! excerpt && (\n\t\t<Text align=\"left\" numberOfLines={ 4 } truncate={ allowEditing }>\n\t\t\t{ decodeEntities( excerpt ) }\n\t\t</Text>\n\t);\n\tif ( ! allowEditing ) {\n\t\treturn excerptText;\n\t}\n\tconst excerptPlaceholder = shouldBeUsedAsDescription\n\t\t? __( 'Add a description…' )\n\t\t: __( 'Add an excerpt…' );\n\tconst triggerEditLabel = shouldBeUsedAsDescription\n\t\t? __( 'Edit description' )\n\t\t: __( 'Edit excerpt' );\n\treturn (\n\t\t<VStack>\n\t\t\t{ excerptText }\n\t\t\t<Dropdown\n\t\t\t\tclassName=\"editor-post-excerpt__dropdown\"\n\t\t\t\tcontentClassName=\"editor-post-excerpt__dropdown__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ excerptText ? triggerEditLabel : excerptPlaceholder }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ label }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<PluginPostExcerpt.Slot>\n\t\t\t\t\t\t\t\t{ ( fills ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<PostExcerptForm\n\t\t\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\t\t\tupdateOnBlur\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</PluginPostExcerpt.Slot>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_data","_element","_blockEditor","_coreData","_htmlEntities","_index","_interopRequireDefault","_check","_plugin","_constants","_store","_jsxRuntime","PANEL_NAME","ExcerptPanel","isOpened","isEnabled","postType","useSelect","select","isEditorPanelOpened","isEditorPanelEnabled","getCurrentPostType","editorStore","toggleEditorPanelOpened","useDispatch","toggleExcerptPanel","shouldUseDescriptionLabel","includes","jsx","PanelBody","title","__","opened","onToggle","children","default","Slot","fills","jsxs","Fragment","PostExcerptPanel","PrivatePostExcerptPanel","PrivateExcerpt","shouldRender","excerpt","shouldBeUsedAsDescription","allowEditing","_getEditedPostAttribu","getCurrentPostId","getEditedPostAttribute","__experimentalGetDefaultTemplateType","isTemplateOrTemplatePart","isPattern","_shouldBeUsedAsDescription","_usedAttribute","template","coreStore","getEntityRecord","fallback","slug","description","undefined","_shouldRender","source","TEMPLATE_ORIGINS","custom","has_theme_file","is_custom","popoverAnchor","setPopoverAnchor","useState","label","popoverProps","useMemo","anchor","headerTitle","placement","offset","shift","excerptText","__experimentalText","align","numberOfLines","truncate","decodeEntities","excerptPlaceholder","triggerEditLabel","__experimentalVStack","Dropdown","className","contentClassName","focusOnMount","ref","renderToggle","Button","__next40pxDefaultSize","onClick","variant","renderContent","onClose","__experimentalInspectorPopoverHeader","spacing","hideLabelFromVision","updateOnBlur"],"sources":["@wordpress/editor/src/components/post-excerpt/panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\t__experimentalText as Text,\n\tDropdown,\n\tButton,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n /\nimport PostExcerptForm from './index';\nimport PostExcerptCheck from './check';\nimport PluginPostExcerpt from './plugin';\nimport { TEMPLATE_ORIGINS } from '../../store/constants';\nimport { store as editorStore } from '../../store';\n\n/\n Module Constants\n /\nconst PANEL_NAME = 'post-excerpt';\n\nfunction ExcerptPanel() {\n\tconst { isOpened, isEnabled, postType } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisEditorPanelOpened,\n\t\t\tisEditorPanelEnabled,\n\t\t\tgetCurrentPostType,\n\t\t} = select( editorStore );\n\n\t\treturn {\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\tconst { toggleEditorPanelOpened } = useDispatch( editorStore );\n\tconst toggleExcerptPanel = () => toggleEditorPanelOpened( PANEL_NAME );\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\t// There are special cases where we want to label the excerpt as a description.\n\tconst shouldUseDescriptionLabel = [\n\t\t'wp_template',\n\t\t'wp_template_part',\n\t\t'wp_block',\n\t].includes( postType );\n\n\treturn (\n\t\t<PanelBody\n\t\t\ttitle={\n\t\t\t\tshouldUseDescriptionLabel\n\t\t\t\t\t? __( 'Description' )\n\t\t\t\t\t: __( 'Excerpt' )\n\t\t\t}\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ toggleExcerptPanel }\n\t\t>\n\t\t\t<PluginPostExcerpt.Slot>\n\t\t\t\t{ ( fills ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PostExcerptForm />\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</PluginPostExcerpt.Slot>\n\t\t</PanelBody>\n\t);\n}\n\n/\n Is rendered if the post type supports excerpts and allows editing the excerpt.\n \n @return {React.ReactNode} The rendered PostExcerptPanel component.\n */\nexport default function PostExcerptPanel() {\n\treturn (\n\t\t<PostExcerptCheck>\n\t\t\t<ExcerptPanel />\n\t\t</PostExcerptCheck>\n\t);\n}\n\nexport function PrivatePostExcerptPanel() {\n\treturn (\n\t\t<PostExcerptCheck>\n\t\t\t<PrivateExcerpt />\n\t\t</PostExcerptCheck>\n\t);\n}\n\nfunction PrivateExcerpt() {\n\tconst { shouldRender, excerpt, shouldBeUsedAsDescription, allowEditing } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\tgetCurrentPostType,\n\t\t\t\tgetCurrentPostId,\n\t\t\t\tgetEditedPostAttribute,\n\t\t\t\tisEditorPanelEnabled,\n\t\t\t\t__experimentalGetDefaultTemplateType,\n\t\t\t} = select( editorStore );\n\t\t\tconst postType = getCurrentPostType();\n\t\t\tconst isTemplateOrTemplatePart = [\n\t\t\t\t'wp_template',\n\t\t\t\t'wp_template_part',\n\t\t\t].includes( postType );\n\t\t\tconst isPattern = postType === 'wp_block';\n\t\t\t// These post types use the `excerpt` field as a description semantically, so we need to\n\t\t\t// handle proper labeling and some flows where we should always render them as text.\n\t\t\tconst _shouldBeUsedAsDescription =\n\t\t\t\tisTemplateOrTemplatePart \|\| isPattern;\n\t\t\tconst _usedAttribute = isTemplateOrTemplatePart\n\t\t\t\t? 'description'\n\t\t\t\t: 'excerpt';\n\t\t\t// We need to fetch the entity in this case to check if we'll allow editing.\n\t\t\tconst template =\n\t\t\t\tisTemplateOrTemplatePart &&\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostType,\n\t\t\t\t\tgetCurrentPostId()\n\t\t\t\t);\n\t\t\tconst fallback = isTemplateOrTemplatePart\n\t\t\t\t? __experimentalGetDefaultTemplateType( template.slug )\n\t\t\t\t\t\t.description\n\t\t\t\t: undefined;\n\t\t\t// For post types that use excerpt as description, we do not abide\n\t\t\t// by the `isEnabled` panel flag in order to render them as text.\n\t\t\tconst _shouldRender =\n\t\t\t\tisEditorPanelEnabled( PANEL_NAME ) \|\|\n\t\t\t\t_shouldBeUsedAsDescription;\n\t\t\treturn {\n\t\t\t\texcerpt: getEditedPostAttribute( _usedAttribute ) ?? fallback,\n\t\t\t\tshouldRender: _shouldRender,\n\t\t\t\tshouldBeUsedAsDescription: _shouldBeUsedAsDescription,\n\t\t\t\t// If we should render, allow editing for all post types that are not used as description.\n\t\t\t\t// For the rest allow editing only for user generated entities.\n\t\t\t\tallowEditing:\n\t\t\t\t\t_shouldRender &&\n\t\t\t\t\t( ! _shouldBeUsedAsDescription \|\|\n\t\t\t\t\t\tisPattern \|\|\n\t\t\t\t\t\t( template &&\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom &&\n\t\t\t\t\t\t\t! template.has_theme_file &&\n\t\t\t\t\t\t\ttemplate.is_custom ) ),\n\t\t\t};\n\t\t}, [] );\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst label = shouldBeUsedAsDescription\n\t\t? __( 'Description' )\n\t\t: __( 'Excerpt' );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': label,\n\t\t\theaderTitle: label,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor, label ]\n\t);\n\tif ( ! shouldRender ) {\n\t\treturn false;\n\t}\n\tconst excerptText = !! excerpt && (\n\t\t<Text align=\"left\" numberOfLines={ 4 } truncate={ allowEditing }>\n\t\t\t{ decodeEntities( excerpt ) }\n\t\t</Text>\n\t);\n\tif ( ! allowEditing ) {\n\t\treturn excerptText;\n\t}\n\tconst excerptPlaceholder = shouldBeUsedAsDescription\n\t\t? __( 'Add a description…' )\n\t\t: __( 'Add an excerpt…' );\n\tconst triggerEditLabel = shouldBeUsedAsDescription\n\t\t? __( 'Edit description' )\n\t\t: __( 'Edit excerpt' );\n\treturn (\n\t\t<VStack>\n\t\t\t{ excerptText }\n\t\t\t<Dropdown\n\t\t\t\tclassName=\"editor-post-excerpt__dropdown\"\n\t\t\t\tcontentClassName=\"editor-post-excerpt__dropdown__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ excerptText ? triggerEditLabel : excerptPlaceholder }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ label }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<PluginPostExcerpt.Slot>\n\t\t\t\t\t\t\t\t{ ( fills ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<PostExcerptForm\n\t\t\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\t\t\tupdateOnBlur\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</PluginPostExcerpt.Slot>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/post-template/hooks.js CHANGED Viewed

@@ -60,16 +60,31 @@ function useAllowSwitchingTemplates() {
   }, [postId, postType]);
 }
 function useTemplates(postType) {
-  return (0, _data.useSelect)(select => select(_coreData.store).getEntityRecords('postType', 'wp_template', {
-    per_page: -1,
-    post_type: postType
-  }), [postType]);
+  // To do: create a new selector to checks if templates exist at all instead
+  // of and unbound request. In the modal, the user templates should be
+  // paginated and we should not make an unbound request.
+  const {
+    staticTemplates,
+    templates
+  } = (0, _data.useSelect)(select => {
+    return {
+      staticTemplates: select(_coreData.store).getEntityRecords('postType', 'wp_registered_template', {
+        per_page: -1,
+        post_type: postType
+      }),
+      templates: select(_coreData.store).getEntityRecords('postType', 'wp_template', {
+        per_page: -1,
+        post_type: postType
+      })
+    };
+  }, [postType]);
+  return (0, _element.useMemo)(() => [...(staticTemplates || []), ...(templates || [])], [staticTemplates, templates]);
 }
 function useAvailableTemplates(postType) {
   const currentTemplateSlug = useCurrentTemplateSlug();
   const allowSwitchingTemplate = useAllowSwitchingTemplates();
   const templates = useTemplates(postType);
-  return (0, _element.useMemo)(() => allowSwitchingTemplate && templates?.filter(template => template.is_custom && template.slug !== currentTemplateSlug && !!template.content.raw // Skip empty templates.
+  return (0, _element.useMemo)(() => allowSwitchingTemplate && templates?.filter(template => (template.is_custom || template.type === 'wp_template') && template.slug !== currentTemplateSlug && !!template.content.raw // Skip empty templates.
   ), [templates, currentTemplateSlug, allowSwitchingTemplate]);
 }
 function useCurrentTemplateSlug() {