@wordpress/editor 14.44.0 → 14.45.0

package/build-module/components/collab-sidebar/note-thread.mjs

@@ -0,0 +1,289 @@
+// packages/editor/src/components/collab-sidebar/note-thread.js
+import clsx from "clsx";
+import { useEffect, useRef } from "@wordpress/element";
+import { Button } from "@wordpress/components";
+import { Stack } from "@wordpress/ui";
+import { useDebounce } from "@wordpress/compose";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import { useDispatch } from "@wordpress/data";
+import { __unstableStripHTML as stripHTML } from "@wordpress/dom";
+import {
+  store as blockEditorStore,
+  privateApis as blockEditorPrivateApis
+} from "@wordpress/block-editor";
+import { AddNote } from "./add-note.mjs";
+import { Note } from "./note.mjs";
+import { NoteCard } from "./note-card.mjs";
+import { NoteForm } from "./note-form.mjs";
+import { FloatingContainer } from "./floating-container.mjs";
+import { focusNoteThread, getNoteExcerpt } from "./utils.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { useBlockElement } = unlock(blockEditorPrivateApis);
+function NoteThread({
+  note,
+  onEditNote,
+  onAddReply,
+  onDeleteNote,
+  isSelected,
+  sidebarRef,
+  floating,
+  onKeyDown
+}) {
+  const isFloating = !!floating;
+  const { toggleBlockHighlight, selectBlock, toggleBlockSpotlight } = unlock(
+    useDispatch(blockEditorStore)
+  );
+  const { selectNote } = unlock(useDispatch(editorStore));
+  const relatedBlockElement = useBlockElement(note.blockClientId);
+  const debouncedToggleBlockHighlight = useDebounce(
+    toggleBlockHighlight,
+    50
+  );
+  const floatingRef = useRef(null);
+  const isKeyboardTabbingRef = useRef(false);
+  const registerThread = floating?.registerThread;
+  const unregisterThread = floating?.unregisterThread;
+  useEffect(() => {
+    const floatingEl = floatingRef.current;
+    if (floatingEl && registerThread) {
+      registerThread(note.id, relatedBlockElement, floatingEl);
+    }
+    return () => unregisterThread?.(note.id);
+  }, [relatedBlockElement, note.id, registerThread, unregisterThread]);
+  const onMouseEnter = () => {
+    debouncedToggleBlockHighlight(note.blockClientId, true);
+  };
+  const onMouseLeave = () => {
+    debouncedToggleBlockHighlight(note.blockClientId, false);
+  };
+  const onFocus = () => {
+    toggleBlockHighlight(note.blockClientId, true);
+  };
+  const onBlur = (event) => {
+    if (!document.hasFocus()) {
+      return;
+    }
+    const isNoteFocused = event.relatedTarget?.closest(
+      ".editor-collab-sidebar-panel__thread"
+    );
+    const isDialogFocused = event.relatedTarget?.closest('[role="dialog"]');
+    const isTabbing = isKeyboardTabbingRef.current;
+    if (isNoteFocused && !isTabbing) {
+      return;
+    }
+    if (isDialogFocused) {
+      return;
+    }
+    if (isTabbing && event.currentTarget.contains(event.relatedTarget)) {
+      return;
+    }
+    toggleBlockHighlight(note.blockClientId, false);
+    unselectNote();
+  };
+  const handleNoteSelect = () => {
+    selectNote(note.id);
+    toggleBlockSpotlight(note.blockClientId, true);
+    if (!!note.blockClientId) {
+      selectBlock(note.blockClientId, null);
+    }
+  };
+  const unselectNote = () => {
+    selectNote(void 0);
+    toggleBlockSpotlight(note.blockClientId, false);
+  };
+  const handleResolve = () => {
+    onEditNote({ id: note.id, status: "approved" });
+    unselectNote();
+    if (isFloating) {
+      relatedBlockElement?.focus();
+    } else {
+      focusNoteThread(note.id, sidebarRef.current);
+    }
+  };
+  const allReplies = note?.reply || [];
+  const lastReply = allReplies.length > 0 ? allReplies[allReplies.length - 1] : void 0;
+  const restReplies = allReplies.length > 0 ? allReplies.slice(0, -1) : [];
+  const noteExcerpt = getNoteExcerpt(
+    stripHTML(note.content?.rendered),
+    10
+  );
+  const ariaLabel = !!note.blockClientId ? sprintf(
+    // translators: %s: note excerpt
+    __("Note: %s"),
+    noteExcerpt
+  ) : sprintf(
+    // translators: %s: note excerpt
+    __("Original block deleted. Note: %s"),
+    noteExcerpt
+  );
+  if (isFloating && note.id === "new") {
+    return /* @__PURE__ */ jsx(
+      AddNote,
+      {
+        onSubmit: onAddReply,
+        sidebarRef,
+        floating: { y: floating.y, ref: floatingRef }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    FloatingContainer,
+    {
+      floating: isFloating ? { y: floating.y, ref: floatingRef } : void 0,
+      className: clsx("editor-collab-sidebar-panel__thread", {
+        "is-selected": isSelected
+      }),
+      id: `note-thread-${note.id}`,
+      gap: "md",
+      onClick: handleNoteSelect,
+      onMouseEnter,
+      onMouseLeave,
+      onFocus,
+      onBlur,
+      onKeyUp: (event) => {
+        if (event.key === "Tab") {
+          isKeyboardTabbingRef.current = false;
+        }
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Tab") {
+          isKeyboardTabbingRef.current = true;
+        } else {
+          onKeyDown(event);
+        }
+      },
+      tabIndex: 0,
+      role: "treeitem",
+      "aria-label": ariaLabel,
+      "aria-expanded": isSelected,
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "editor-collab-sidebar-panel__skip-to-note",
+            variant: "secondary",
+            size: "compact",
+            onClick: () => {
+              focusNoteThread(note.id, sidebarRef.current, "textarea");
+            },
+            children: __("Add new reply")
+          }
+        ),
+        !note.blockClientId && /* @__PURE__ */ jsx("p", { className: "editor-collab-sidebar-panel__deleted-block-notice", children: __("Original block deleted.") }),
+        /* @__PURE__ */ jsx(
+          Note,
+          {
+            note,
+            isSelected,
+            onEditNote,
+            onDeleteNote,
+            onResolve: handleResolve
+          }
+        ),
+        isSelected && allReplies.map((reply) => /* @__PURE__ */ jsx(
+          Note,
+          {
+            note: reply,
+            parentNote: note,
+            isSelected,
+            onEditNote,
+            onDeleteNote
+          },
+          reply.id
+        )),
+        !isSelected && restReplies.length > 0 && /* @__PURE__ */ jsx(
+          Stack,
+          {
+            direction: "row",
+            align: "center",
+            justify: "space-between",
+            className: "editor-collab-sidebar-panel__more-reply-separator",
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "compact",
+                variant: "tertiary",
+                className: "editor-collab-sidebar-panel__more-reply-button",
+                onClick: () => {
+                  selectNote(note.id);
+                  focusNoteThread(note.id, sidebarRef.current);
+                },
+                children: sprintf(
+                  // translators: %s: number of replies.
+                  _n(
+                    "%s more reply",
+                    "%s more replies",
+                    restReplies.length
+                  ),
+                  restReplies.length
+                )
+              }
+            )
+          }
+        ),
+        !isSelected && lastReply && /* @__PURE__ */ jsx(
+          Note,
+          {
+            note: lastReply,
+            parentNote: note,
+            isSelected: false,
+            onEditNote,
+            onDeleteNote
+          }
+        ),
+        isSelected && /* @__PURE__ */ jsx(NoteCard, { role: "treeitem", children: /* @__PURE__ */ jsx(
+          NoteForm,
+          {
+            onSubmit: (inputComment) => {
+              if ("approved" === note.status) {
+                onEditNote({
+                  id: note.id,
+                  status: "hold",
+                  content: inputComment
+                });
+              } else {
+                onAddReply({
+                  content: inputComment,
+                  parent: note.id
+                });
+              }
+            },
+            onCancel: (event) => {
+              event.stopPropagation();
+              unselectNote();
+              focusNoteThread(note.id, sidebarRef.current);
+            },
+            labels: {
+              submit: "approved" === note.status ? __("Reopen & Reply") : __("Reply"),
+              input: sprintf(
+                // translators: %1$s: note identifier, %2$s: author name
+                __("Reply to note %1$s by %2$s"),
+                note.id,
+                note.author_name
+              )
+            }
+          }
+        ) }),
+        !!note.blockClientId && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "editor-collab-sidebar-panel__skip-to-block",
+            variant: "secondary",
+            size: "compact",
+            onClick: (event) => {
+              event.stopPropagation();
+              relatedBlockElement?.focus();
+            },
+            children: __("Back to block")
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  NoteThread
+};
+//# sourceMappingURL=note-thread.mjs.map

package/build-module/components/collab-sidebar/note-thread.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/note-thread.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { useDebounce } from '@wordpress/compose';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { AddNote } from './add-note';\nimport { Note } from './note';\nimport { NoteCard } from './note-card';\nimport { NoteForm } from './note-form';\nimport { FloatingContainer } from './floating-container';\nimport { focusNoteThread, getNoteExcerpt } from './utils';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\nexport function NoteThread( {\n\tnote,\n\tonEditNote,\n\tonAddReply,\n\tonDeleteNote,\n\tisSelected,\n\tsidebarRef,\n\tfloating,\n\tonKeyDown,\n} ) {\n\tconst isFloating = !! floating;\n\tconst { toggleBlockHighlight, selectBlock, toggleBlockSpotlight } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\tconst { selectNote } = unlock( useDispatch( editorStore ) );\n\tconst relatedBlockElement = useBlockElement( note.blockClientId );\n\tconst debouncedToggleBlockHighlight = useDebounce(\n\t\ttoggleBlockHighlight,\n\t\t50\n\t);\n\tconst floatingRef = useRef( null );\n\tconst isKeyboardTabbingRef = useRef( false );\n\n\tconst registerThread = floating?.registerThread;\n\tconst unregisterThread = floating?.unregisterThread;\n\n\t// Register block + floating elements with the board.\n\t// The board's ResizeObserver and autoUpdate track changes automatically.\n\tuseEffect( () => {\n\t\tconst floatingEl = floatingRef.current;\n\t\tif ( floatingEl && registerThread ) {\n\t\t\tregisterThread( note.id, relatedBlockElement, floatingEl );\n\t\t}\n\t\treturn () => unregisterThread?.( note.id );\n\t}, [ relatedBlockElement, note.id, registerThread, unregisterThread ] );\n\n\tconst onMouseEnter = () => {\n\t\tdebouncedToggleBlockHighlight( note.blockClientId, true );\n\t};\n\n\tconst onMouseLeave = () => {\n\t\tdebouncedToggleBlockHighlight( note.blockClientId, false );\n\t};\n\n\tconst onFocus = () => {\n\t\ttoggleBlockHighlight( note.blockClientId, true );\n\t};\n\n\tconst onBlur = ( event ) => {\n\t\t// Don't deselect notes when the browser window/tab loses focus.\n\t\tif ( ! document.hasFocus() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isNoteFocused = event.relatedTarget?.closest(\n\t\t\t'.editor-collab-sidebar-panel__thread'\n\t\t);\n\t\tconst isDialogFocused =\n\t\t\tevent.relatedTarget?.closest( '[role=\"dialog\"]' );\n\t\tconst isTabbing = isKeyboardTabbingRef.current;\n\n\t\t// When another note is clicked, do nothing because the current note is automatically closed.\n\t\tif ( isNoteFocused && ! isTabbing ) {\n\t\t\treturn;\n\t\t}\n\t\t// When deleting a note, a dialog appears, but the note should not be collapsed.\n\t\tif ( isDialogFocused ) {\n\t\t\treturn;\n\t\t}\n\t\t// When tabbing, do nothing if the focus is within the current note.\n\t\tif (\n\t\t\tisTabbing &&\n\t\t\tevent.currentTarget.contains( event.relatedTarget )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Closes a note that has lost focus when any of the following conditions are met:\n\t\t// - An element other than a note is clicked.\n\t\t// - Focus was lost by tabbing.\n\t\ttoggleBlockHighlight( note.blockClientId, false );\n\t\tunselectNote();\n\t};\n\n\tconst handleNoteSelect = () => {\n\t\tselectNote( note.id );\n\t\ttoggleBlockSpotlight( note.blockClientId, true );\n\t\tif ( !! note.blockClientId ) {\n\t\t\t// Pass `null` as the second parameter to prevent focusing the block.\n\t\t\tselectBlock( note.blockClientId, null );\n\t\t}\n\t};\n\n\tconst unselectNote = () => {\n\t\tselectNote( undefined );\n\t\ttoggleBlockSpotlight( note.blockClientId, false );\n\t};\n\n\tconst handleResolve = () => {\n\t\tonEditNote( { id: note.id, status: 'approved' } );\n\t\tunselectNote();\n\t\tif ( isFloating ) {\n\t\t\trelatedBlockElement?.focus();\n\t\t} else {\n\t\t\tfocusNoteThread( note.id, sidebarRef.current );\n\t\t}\n\t};\n\n\tconst allReplies = note?.reply || [];\n\tconst lastReply =\n\t\tallReplies.length > 0 ? allReplies[ allReplies.length - 1 ] : undefined;\n\tconst restReplies = allReplies.length > 0 ? allReplies.slice( 0, -1 ) : [];\n\n\tconst noteExcerpt = getNoteExcerpt(\n\t\tstripHTML( note.content?.rendered ),\n\t\t10\n\t);\n\tconst ariaLabel = !! note.blockClientId\n\t\t? sprintf(\n\t\t\t\t// translators: %s: note excerpt\n\t\t\t\t__( 'Note: %s' ),\n\t\t\t\tnoteExcerpt\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: note excerpt\n\t\t\t\t__( 'Original block deleted. Note: %s' ),\n\t\t\t\tnoteExcerpt\n\t\t  );\n\n\tif ( isFloating && note.id === 'new' ) {\n\t\treturn (\n\t\t\t<AddNote\n\t\t\t\tonSubmit={ onAddReply }\n\t\t\t\tsidebarRef={ sidebarRef }\n\t\t\t\tfloating={ { y: floating.y, ref: floatingRef } }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<FloatingContainer\n\t\t\tfloating={\n\t\t\t\tisFloating ? { y: floating.y, ref: floatingRef } : undefined\n\t\t\t}\n\t\t\tclassName={ clsx( 'editor-collab-sidebar-panel__thread', {\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tid={ `note-thread-${ note.id }` }\n\t\t\tgap=\"md\"\n\t\t\tonClick={ handleNoteSelect }\n\t\t\tonMouseEnter={ onMouseEnter }\n\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\tonFocus={ onFocus }\n\t\t\tonBlur={ onBlur }\n\t\t\tonKeyUp={ ( event ) => {\n\t\t\t\tif ( event.key === 'Tab' ) {\n\t\t\t\t\tisKeyboardTabbingRef.current = false;\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\tif ( event.key === 'Tab' ) {\n\t\t\t\t\tisKeyboardTabbingRef.current = true;\n\t\t\t\t} else {\n\t\t\t\t\tonKeyDown( event );\n\t\t\t\t}\n\t\t\t} }\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"treeitem\"\n\t\t\taria-label={ ariaLabel }\n\t\t\taria-expanded={ isSelected }\n\t\t>\n\t\t\t<Button\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__skip-to-note\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tsize=\"compact\"\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tfocusNoteThread( note.id, sidebarRef.current, 'textarea' );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Add new reply' ) }\n\t\t\t</Button>\n\t\t\t{ ! note.blockClientId && (\n\t\t\t\t<p className=\"editor-collab-sidebar-panel__deleted-block-notice\">\n\t\t\t\t\t{ __( 'Original block deleted.' ) }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<Note\n\t\t\t\tnote={ note }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tonEditNote={ onEditNote }\n\t\t\t\tonDeleteNote={ onDeleteNote }\n\t\t\t\tonResolve={ handleResolve }\n\t\t\t/>\n\t\t\t{ isSelected &&\n\t\t\t\tallReplies.map( ( reply ) => (\n\t\t\t\t\t<Note\n\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\tnote={ reply }\n\t\t\t\t\t\tparentNote={ note }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonEditNote={ onEditNote }\n\t\t\t\t\t\tonDeleteNote={ onDeleteNote }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ ! isSelected && restReplies.length > 0 && (\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__more-reply-separator\"\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__more-reply-button\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tselectNote( note.id );\n\t\t\t\t\t\t\tfocusNoteThread( note.id, sidebarRef.current );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: number of replies.\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'%s more reply',\n\t\t\t\t\t\t\t\t'%s more replies',\n\t\t\t\t\t\t\t\trestReplies.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\trestReplies.length\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t) }\n\t\t\t{ ! isSelected && lastReply && (\n\t\t\t\t<Note\n\t\t\t\t\tnote={ lastReply }\n\t\t\t\t\tparentNote={ note }\n\t\t\t\t\tisSelected={ false }\n\t\t\t\t\tonEditNote={ onEditNote }\n\t\t\t\t\tonDeleteNote={ onDeleteNote }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isSelected && (\n\t\t\t\t<NoteCard role=\"treeitem\">\n\t\t\t\t\t<NoteForm\n\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\tif ( 'approved' === note.status ) {\n\t\t\t\t\t\t\t\t// For reopening, include the content in the reopen action.\n\t\t\t\t\t\t\t\tonEditNote( {\n\t\t\t\t\t\t\t\t\tid: note.id,\n\t\t\t\t\t\t\t\t\tstatus: 'hold',\n\t\t\t\t\t\t\t\t\tcontent: inputComment,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// For regular replies, add as separate comment.\n\t\t\t\t\t\t\t\tonAddReply( {\n\t\t\t\t\t\t\t\t\tcontent: inputComment,\n\t\t\t\t\t\t\t\t\tparent: note.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\tonCancel={ ( event ) => {\n\t\t\t\t\t\t\t// Prevent the parent onClick from being triggered.\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tunselectNote();\n\t\t\t\t\t\t\tfocusNoteThread( note.id, sidebarRef.current );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabels={ {\n\t\t\t\t\t\t\tsubmit:\n\t\t\t\t\t\t\t\t'approved' === note.status\n\t\t\t\t\t\t\t\t\t? __( 'Reopen & Reply' )\n\t\t\t\t\t\t\t\t\t: __( 'Reply' ),\n\t\t\t\t\t\t\tinput: sprintf(\n\t\t\t\t\t\t\t\t// translators: %1$s: note identifier, %2$s: author name\n\t\t\t\t\t\t\t\t__( 'Reply to note %1$s by %2$s' ),\n\t\t\t\t\t\t\t\tnote.id,\n\t\t\t\t\t\t\t\tnote.author_name\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</NoteCard>\n\t\t\t) }\n\t\t\t{ !! note.blockClientId && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__skip-to-block\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\trelatedBlockElement?.focus();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back to block' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</FloatingContainer>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/collab-sidebar/note.mjs

@@ -0,0 +1,176 @@
+// packages/editor/src/components/collab-sidebar/note.js
+import clsx from "clsx";
+import { RawHTML, useRef, useState } from "@wordpress/element";
+import {
+  __experimentalConfirmDialog as ConfirmDialog,
+  Button,
+  privateApis as componentsPrivateApis
+} from "@wordpress/components";
+import { __, _x, sprintf } from "@wordpress/i18n";
+import { moreVertical, published } from "@wordpress/icons";
+import { NoteCard } from "./note-card.mjs";
+import { NoteForm } from "./note-form.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var { Menu } = unlock(componentsPrivateApis);
+function NoteActionsMenu({ items, buttonRef }) {
+  return /* @__PURE__ */ jsxs(Menu, { placement: "bottom-end", children: [
+    /* @__PURE__ */ jsx(
+      Menu.TriggerButton,
+      {
+        render: /* @__PURE__ */ jsx(
+          Button,
+          {
+            ref: buttonRef,
+            size: "small",
+            icon: moreVertical,
+            label: __("Actions"),
+            disabled: !items.length,
+            accessibleWhenDisabled: true
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu.Popover,
+      {
+        modal: false,
+        children: items.map((item) => /* @__PURE__ */ jsx(Menu.Item, { onClick: item.onClick, children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: item.title }) }, item.id))
+      }
+    )
+  ] });
+}
+function Note({
+  note,
+  parentNote,
+  isSelected,
+  onEditNote,
+  onDeleteNote,
+  onResolve
+}) {
+  const [actionState, setActionState] = useState(null);
+  const actionButtonRef = useRef(null);
+  const canResolve = note.parent === 0;
+  const isResolutionNote = note.type === "note" && note.meta && (note.meta._wp_note_status === "resolved" || note.meta._wp_note_status === "reopen");
+  const menuItems = [
+    {
+      id: "edit",
+      title: __("Edit"),
+      isEligible: ({ status }) => status !== "approved",
+      onClick: () => setActionState("edit")
+    },
+    {
+      id: "reopen",
+      title: _x("Reopen", "Reopen note"),
+      isEligible: ({ status }) => status === "approved",
+      onClick: () => onEditNote({ id: note.id, status: "hold" })
+    },
+    {
+      id: "delete",
+      title: __("Delete"),
+      isEligible: () => true,
+      onClick: () => setActionState("delete")
+    }
+  ];
+  const availableItems = parentNote?.status !== "approved" ? menuItems.filter((item) => item.isEligible(note)) : [];
+  const deleteConfirmMessage = note.parent === 0 ? __(
+    "Are you sure you want to delete this note? This will also delete all of this note's replies."
+  ) : __("Are you sure you want to delete this reply?");
+  const handleCancel = () => {
+    setActionState(null);
+    actionButtonRef.current?.focus();
+  };
+  let body;
+  if (actionState === "edit") {
+    body = /* @__PURE__ */ jsx(
+      NoteForm,
+      {
+        onSubmit: (value) => {
+          onEditNote({ id: note.id, content: value });
+          setActionState(null);
+          actionButtonRef.current?.focus();
+        },
+        onCancel: handleCancel,
+        note,
+        labels: {
+          submit: _x("Update", "verb"),
+          input: sprintf(
+            // translators: %1$s: note identifier, %2$s: author name.
+            __("Edit note %1$s by %2$s"),
+            note.id,
+            note.author_name
+          )
+        }
+      }
+    );
+  } else if (isResolutionNote) {
+    const actionText = note.meta._wp_note_status === "resolved" ? __("Marked as resolved") : __("Reopened");
+    const raw = note?.content?.raw;
+    const text = raw && typeof raw === "string" && raw.trim() !== "" ? sprintf(
+      // translators: %1$s: action label ("Marked as resolved" or "Reopened"); %2$s: note text.
+      __("%1$s: %2$s"),
+      actionText,
+      raw
+    ) : actionText;
+    body = /* @__PURE__ */ jsx(
+      RawHTML,
+      {
+        className: clsx(
+          "editor-collab-sidebar-panel__note-content",
+          "editor-collab-sidebar-panel__resolution-text"
+        ),
+        children: text
+      }
+    );
+  } else {
+    body = /* @__PURE__ */ jsx(RawHTML, { className: "editor-collab-sidebar-panel__note-content", children: note?.content?.rendered });
+  }
+  const actions = isSelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    canResolve && onResolve && /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: _x("Resolve", "Mark note as resolved"),
+        size: "small",
+        icon: published,
+        disabled: note.status === "approved",
+        accessibleWhenDisabled: note.status === "approved",
+        onClick: onResolve
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NoteActionsMenu,
+      {
+        items: availableItems,
+        buttonRef: actionButtonRef
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(
+    NoteCard,
+    {
+      note,
+      actions,
+      role: note.parent !== 0 ? "treeitem" : void 0,
+      children: [
+        body,
+        actionState === "delete" && /* @__PURE__ */ jsx(
+          ConfirmDialog,
+          {
+            isOpen: true,
+            onConfirm: () => {
+              onDeleteNote(note);
+              setActionState(null);
+            },
+            onCancel: handleCancel,
+            confirmButtonText: __("Delete"),
+            children: deleteConfirmMessage
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Note
+};
+//# sourceMappingURL=note.mjs.map

package/build-module/components/collab-sidebar/note.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/note.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { RawHTML, useRef, useState } from '@wordpress/element';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { moreVertical, published } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { NoteCard } from './note-card';\nimport { NoteForm } from './note-form';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nfunction NoteActionsMenu( { items, buttonRef } ) {\n\treturn (\n\t\t<Menu placement=\"bottom-end\">\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ buttonRef }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\tdisabled={ ! items.length }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover\n\t\t\t\t// The menu popover is rendered in a portal, which causes focus to be\n\t\t\t\t// lost and the note to be collapsed unintentionally. To prevent this,\n\t\t\t\t// the popover should be rendered as an inline.\n\t\t\t\tmodal={ false }\n\t\t\t>\n\t\t\t\t{ items.map( ( item ) => (\n\t\t\t\t\t<Menu.Item key={ item.id } onClick={ item.onClick }>\n\t\t\t\t\t\t<Menu.ItemLabel>{ item.title }</Menu.ItemLabel>\n\t\t\t\t\t</Menu.Item>\n\t\t\t\t) ) }\n\t\t\t</Menu.Popover>\n\t\t</Menu>\n\t);\n}\n\nexport function Note( {\n\tnote,\n\tparentNote,\n\tisSelected,\n\tonEditNote,\n\tonDeleteNote,\n\tonResolve,\n} ) {\n\tconst [ actionState, setActionState ] = useState( null );\n\tconst actionButtonRef = useRef( null );\n\n\tconst canResolve = note.parent === 0;\n\tconst isResolutionNote =\n\t\tnote.type === 'note' &&\n\t\tnote.meta &&\n\t\t( note.meta._wp_note_status === 'resolved' ||\n\t\t\tnote.meta._wp_note_status === 'reopen' );\n\n\tconst menuItems = [\n\t\t{\n\t\t\tid: 'edit',\n\t\t\ttitle: __( 'Edit' ),\n\t\t\tisEligible: ( { status } ) => status !== 'approved',\n\t\t\tonClick: () => setActionState( 'edit' ),\n\t\t},\n\t\t{\n\t\t\tid: 'reopen',\n\t\t\ttitle: _x( 'Reopen', 'Reopen note' ),\n\t\t\tisEligible: ( { status } ) => status === 'approved',\n\t\t\tonClick: () => onEditNote( { id: note.id, status: 'hold' } ),\n\t\t},\n\t\t{\n\t\t\tid: 'delete',\n\t\t\ttitle: __( 'Delete' ),\n\t\t\tisEligible: () => true,\n\t\t\tonClick: () => setActionState( 'delete' ),\n\t\t},\n\t];\n\tconst availableItems =\n\t\tparentNote?.status !== 'approved'\n\t\t\t? menuItems.filter( ( item ) => item.isEligible( note ) )\n\t\t\t: [];\n\n\tconst deleteConfirmMessage =\n\t\tnote.parent === 0\n\t\t\t? __(\n\t\t\t\t\t\"Are you sure you want to delete this note? This will also delete all of this note's replies.\"\n\t\t\t  )\n\t\t\t: __( 'Are you sure you want to delete this reply?' );\n\n\tconst handleCancel = () => {\n\t\tsetActionState( null );\n\t\tactionButtonRef.current?.focus();\n\t};\n\n\tlet body;\n\tif ( actionState === 'edit' ) {\n\t\tbody = (\n\t\t\t<NoteForm\n\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\tonEditNote( { id: note.id, content: value } );\n\t\t\t\t\tsetActionState( null );\n\t\t\t\t\tactionButtonRef.current?.focus();\n\t\t\t\t} }\n\t\t\t\tonCancel={ handleCancel }\n\t\t\t\tnote={ note }\n\t\t\t\tlabels={ {\n\t\t\t\t\tsubmit: _x( 'Update', 'verb' ),\n\t\t\t\t\tinput: sprintf(\n\t\t\t\t\t\t// translators: %1$s: note identifier, %2$s: author name.\n\t\t\t\t\t\t__( 'Edit note %1$s by %2$s' ),\n\t\t\t\t\t\tnote.id,\n\t\t\t\t\t\tnote.author_name\n\t\t\t\t\t),\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t} else if ( isResolutionNote ) {\n\t\tconst actionText =\n\t\t\tnote.meta._wp_note_status === 'resolved'\n\t\t\t\t? __( 'Marked as resolved' )\n\t\t\t\t: __( 'Reopened' );\n\t\tconst raw = note?.content?.raw;\n\t\tconst text =\n\t\t\traw && typeof raw === 'string' && raw.trim() !== ''\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %1$s: action label (\"Marked as resolved\" or \"Reopened\"); %2$s: note text.\n\t\t\t\t\t\t__( '%1$s: %2$s' ),\n\t\t\t\t\t\tactionText,\n\t\t\t\t\t\traw\n\t\t\t\t  )\n\t\t\t\t: actionText;\n\t\tbody = (\n\t\t\t<RawHTML\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'editor-collab-sidebar-panel__note-content',\n\t\t\t\t\t'editor-collab-sidebar-panel__resolution-text'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ text }\n\t\t\t</RawHTML>\n\t\t);\n\t} else {\n\t\tbody = (\n\t\t\t<RawHTML className=\"editor-collab-sidebar-panel__note-content\">\n\t\t\t\t{ note?.content?.rendered }\n\t\t\t</RawHTML>\n\t\t);\n\t}\n\n\tconst actions = isSelected ? (\n\t\t<>\n\t\t\t{ canResolve && onResolve && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ _x( 'Resolve', 'Mark note as resolved' ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\ticon={ published }\n\t\t\t\t\tdisabled={ note.status === 'approved' }\n\t\t\t\t\taccessibleWhenDisabled={ note.status === 'approved' }\n\t\t\t\t\tonClick={ onResolve }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<NoteActionsMenu\n\t\t\t\titems={ availableItems }\n\t\t\t\tbuttonRef={ actionButtonRef }\n\t\t\t/>\n\t\t</>\n\t) : null;\n\n\treturn (\n\t\t<NoteCard\n\t\t\tnote={ note }\n\t\t\tactions={ actions }\n\t\t\trole={ note.parent !== 0 ? 'treeitem' : undefined }\n\t\t>\n\t\t\t{ body }\n\t\t\t{ actionState === 'delete' && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\tonDeleteNote( note );\n\t\t\t\t\t\tsetActionState( null );\n\t\t\t\t\t} }\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{ deleteConfirmMessage }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</NoteCard>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}