@wordpress/editor 14.30.0 → 14.30.1-next.6f42e1382.0

package/build/bindings/api.js

@@ -9,6 +9,7 @@ var _blocks = require("@wordpress/blocks");
 var _patternOverrides = _interopRequireDefault(require("./pattern-overrides"));
 var _postData = _interopRequireDefault(require("./post-data"));
 var _postMeta = _interopRequireDefault(require("./post-meta"));
+var _termData = _interopRequireDefault(require("./term-data"));
 /**
  * WordPress dependencies
  */
@@ -31,5 +32,6 @@ function registerCoreBlockBindingsSources() {
   (0, _blocks.registerBlockBindingsSource)(_patternOverrides.default);
   (0, _blocks.registerBlockBindingsSource)(_postData.default);
   (0, _blocks.registerBlockBindingsSource)(_postMeta.default);
+  (0, _blocks.registerBlockBindingsSource)(_termData.default);
 }
 //# sourceMappingURL=api.js.map

package/build/bindings/api.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_patternOverrides","_interopRequireDefault","_postData","_postMeta","registerCoreBlockBindingsSources","registerBlockBindingsSource","patternOverrides","postData","postMeta"],"sources":["@wordpress/editor/src/bindings/api.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockBindingsSource } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport patternOverrides from './pattern-overrides';\nimport postData from './post-data';\nimport postMeta from './post-meta';\n\n/**\n * Function to register core block bindings sources provided by the editor.\n *\n * @example\n * ```js\n * import { registerCoreBlockBindingsSources } from '@wordpress/editor';\n *\n * registerCoreBlockBindingsSources();\n * ```\n */\nexport function registerCoreBlockBindingsSources() {\n\tregisterBlockBindingsSource( patternOverrides );\n\tregisterBlockBindingsSource( postData );\n\tregisterBlockBindingsSource( postMeta );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,gCAAgCA,CAAA,EAAG;EAClD,IAAAC,mCAA2B,EAAEC,yBAAiB,CAAC;EAC/C,IAAAD,mCAA2B,EAAEE,iBAAS,CAAC;EACvC,IAAAF,mCAA2B,EAAEG,iBAAS,CAAC;AACxC","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_patternOverrides","_interopRequireDefault","_postData","_postMeta","_termData","registerCoreBlockBindingsSources","registerBlockBindingsSource","patternOverrides","postData","postMeta","termData"],"sources":["@wordpress/editor/src/bindings/api.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockBindingsSource } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport patternOverrides from './pattern-overrides';\nimport postData from './post-data';\nimport postMeta from './post-meta';\nimport termData from './term-data';\n\n/**\n * Function to register core block bindings sources provided by the editor.\n *\n * @example\n * ```js\n * import { registerCoreBlockBindingsSources } from '@wordpress/editor';\n *\n * registerCoreBlockBindingsSources();\n * ```\n */\nexport function registerCoreBlockBindingsSources() {\n\tregisterBlockBindingsSource( patternOverrides );\n\tregisterBlockBindingsSource( postData );\n\tregisterBlockBindingsSource( postMeta );\n\tregisterBlockBindingsSource( termData );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,gCAAgCA,CAAA,EAAG;EAClD,IAAAC,mCAA2B,EAAEC,yBAAiB,CAAC;EAC/C,IAAAD,mCAA2B,EAAEE,iBAAS,CAAC;EACvC,IAAAF,mCAA2B,EAAEG,iBAAS,CAAC;EACvC,IAAAH,mCAA2B,EAAEI,iBAAS,CAAC;AACxC","ignoreList":[]}

package/build/bindings/term-data.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _coreData = require("@wordpress/core-data");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Creates the data fields object with the given term data values and ID value.
+ *
+ * @param {Object}        termDataValues The term data values.
+ * @param {string|number} idValue        The ID value to use.
+ * @return {Object} The data fields object.
+ */
+function createDataFields(termDataValues, idValue) {
+  var _termDataValues$count;
+  return {
+    id: {
+      label: (0, _i18n.__)('Term ID'),
+      value: idValue,
+      type: 'string'
+    },
+    name: {
+      label: (0, _i18n.__)('Name'),
+      value: termDataValues?.name,
+      type: 'string'
+    },
+    slug: {
+      label: (0, _i18n.__)('Slug'),
+      value: termDataValues?.slug,
+      type: 'string'
+    },
+    link: {
+      label: (0, _i18n.__)('Link'),
+      value: termDataValues?.link,
+      type: 'string'
+    },
+    description: {
+      label: (0, _i18n.__)('Description'),
+      value: termDataValues?.description,
+      type: 'string'
+    },
+    parent: {
+      label: (0, _i18n.__)('Parent ID'),
+      value: termDataValues?.parent,
+      type: 'string'
+    },
+    count: {
+      label: (0, _i18n.__)('Count'),
+      value: `(${(_termDataValues$count = termDataValues?.count) !== null && _termDataValues$count !== void 0 ? _termDataValues$count : 0})`,
+      type: 'string'
+    }
+  };
+}
+
+/**
+ * Gets a list of term data fields with their values and labels
+ * to be consumed in the needed callbacks.
+ * If the value is not available based on context, like in templates,
+ * it falls back to the default value, label, or key.
+ *
+ * @param {Object} select  The select function from the data store.
+ * @param {Object} context The context provided.
+ * @return {Object} List of term data fields with their value and label.
+ *
+ * @example
+ * ```js
+ * {
+ *     name: {
+ *         label: 'Term Name',
+ *         value: 'Category Name',
+ *     },
+ *     count: {
+ *         label: 'Term Count',
+ *         value: 5,
+ *     },
+ *     ...
+ * }
+ * ```
+ */
+function getTermDataFields(select, context) {
+  const {
+    getEntityRecord
+  } = select(_coreData.store);
+  let termDataValues, dataFields;
+  if (context?.taxonomy && context?.termId) {
+    termDataValues = getEntityRecord('taxonomy', context?.taxonomy, context?.termId);
+    if (!termDataValues && context?.termData) {
+      termDataValues = context.termData;
+    }
+    if (termDataValues) {
+      dataFields = createDataFields(termDataValues, context?.termId);
+    }
+  } else if (context?.termData) {
+    termDataValues = context.termData;
+    dataFields = createDataFields(termDataValues, termDataValues?.term_id);
+  }
+  if (!dataFields || !Object.keys(dataFields).length) {
+    return null;
+  }
+  return dataFields;
+}
+
+/**
+ * @type {WPBlockBindingsSource}
+ */
+var _default = exports.default = {
+  name: 'core/term-data',
+  usesContext: ['taxonomy', 'termId', 'termData'],
+  getValues({
+    select,
+    context,
+    bindings
+  }) {
+    const dataFields = getTermDataFields(select, context);
+    const newValues = {};
+    for (const [attributeName, source] of Object.entries(bindings)) {
+      var _ref;
+      // Use the value, the field label, or the field key.
+      const fieldKey = source.args.key;
+      const {
+        value: fieldValue,
+        label: fieldLabel
+      } = dataFields?.[fieldKey] || {};
+      newValues[attributeName] = (_ref = fieldValue !== null && fieldValue !== void 0 ? fieldValue : fieldLabel) !== null && _ref !== void 0 ? _ref : fieldKey;
+    }
+    return newValues;
+  },
+  // eslint-disable-next-line no-unused-vars
+  setValues({
+    dispatch,
+    context,
+    bindings
+  }) {
+    // Terms are typically not editable through block bindings in most contexts.
+    return false;
+  },
+  canUserEditValue({
+    select,
+    context,
+    args
+  }) {
+    // Terms are typically read-only when displayed.
+    if (context?.termQuery || context?.termQueryId) {
+      return false;
+    }
+
+    // Lock editing when `taxonomy` or `termId` is not defined.
+    if (!context?.taxonomy || !context?.termId) {
+      return false;
+    }
+    const fieldValue = getTermDataFields(select, context)?.[args.key]?.value;
+    // Empty string or `false` could be a valid value, so we need to check if the field value is undefined.
+    if (fieldValue === undefined) {
+      return false;
+    }
+    return false;
+  },
+  getFieldsList({
+    select,
+    context
+  }) {
+    return getTermDataFields(select, context);
+  }
+};
+//# sourceMappingURL=term-data.js.map

package/build/bindings/term-data.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_coreData","createDataFields","termDataValues","idValue","_termDataValues$count","id","label","__","value","type","name","slug","link","description","parent","count","getTermDataFields","select","context","getEntityRecord","coreDataStore","dataFields","taxonomy","termId","termData","term_id","Object","keys","length","_default","exports","default","usesContext","getValues","bindings","newValues","attributeName","source","entries","_ref","fieldKey","args","key","fieldValue","fieldLabel","setValues","dispatch","canUserEditValue","termQuery","termQueryId","undefined","getFieldsList"],"sources":["@wordpress/editor/src/bindings/term-data.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\n/**\n * Creates the data fields object with the given term data values and ID value.\n *\n * @param {Object}        termDataValues The term data values.\n * @param {string|number} idValue        The ID value to use.\n * @return {Object} The data fields object.\n */\nfunction createDataFields( termDataValues, idValue ) {\n\treturn {\n\t\tid: {\n\t\t\tlabel: __( 'Term ID' ),\n\t\t\tvalue: idValue,\n\t\t\ttype: 'string',\n\t\t},\n\t\tname: {\n\t\t\tlabel: __( 'Name' ),\n\t\t\tvalue: termDataValues?.name,\n\t\t\ttype: 'string',\n\t\t},\n\t\tslug: {\n\t\t\tlabel: __( 'Slug' ),\n\t\t\tvalue: termDataValues?.slug,\n\t\t\ttype: 'string',\n\t\t},\n\t\tlink: {\n\t\t\tlabel: __( 'Link' ),\n\t\t\tvalue: termDataValues?.link,\n\t\t\ttype: 'string',\n\t\t},\n\t\tdescription: {\n\t\t\tlabel: __( 'Description' ),\n\t\t\tvalue: termDataValues?.description,\n\t\t\ttype: 'string',\n\t\t},\n\t\tparent: {\n\t\t\tlabel: __( 'Parent ID' ),\n\t\t\tvalue: termDataValues?.parent,\n\t\t\ttype: 'string',\n\t\t},\n\t\tcount: {\n\t\t\tlabel: __( 'Count' ),\n\t\t\tvalue: `(${ termDataValues?.count ?? 0 })`,\n\t\t\ttype: 'string',\n\t\t},\n\t};\n}\n\n/**\n * Gets a list of term data fields with their values and labels\n * to be consumed in the needed callbacks.\n * If the value is not available based on context, like in templates,\n * it falls back to the default value, label, or key.\n *\n * @param {Object} select  The select function from the data store.\n * @param {Object} context The context provided.\n * @return {Object} List of term data fields with their value and label.\n *\n * @example\n * ```js\n * {\n *     name: {\n *         label: 'Term Name',\n *         value: 'Category Name',\n *     },\n *     count: {\n *         label: 'Term Count',\n *         value: 5,\n *     },\n *     ...\n * }\n * ```\n */\nfunction getTermDataFields( select, context ) {\n\tconst { getEntityRecord } = select( coreDataStore );\n\n\tlet termDataValues, dataFields;\n\tif ( context?.taxonomy && context?.termId ) {\n\t\ttermDataValues = getEntityRecord(\n\t\t\t'taxonomy',\n\t\t\tcontext?.taxonomy,\n\t\t\tcontext?.termId\n\t\t);\n\n\t\tif ( ! termDataValues && context?.termData ) {\n\t\t\ttermDataValues = context.termData;\n\t\t}\n\n\t\tif ( termDataValues ) {\n\t\t\tdataFields = createDataFields( termDataValues, context?.termId );\n\t\t}\n\t} else if ( context?.termData ) {\n\t\ttermDataValues = context.termData;\n\t\tdataFields = createDataFields(\n\t\t\ttermDataValues,\n\t\t\ttermDataValues?.term_id\n\t\t);\n\t}\n\n\tif ( ! dataFields || ! Object.keys( dataFields ).length ) {\n\t\treturn null;\n\t}\n\n\treturn dataFields;\n}\n\n/**\n * @type {WPBlockBindingsSource}\n */\nexport default {\n\tname: 'core/term-data',\n\tusesContext: [ 'taxonomy', 'termId', 'termData' ],\n\tgetValues( { select, context, bindings } ) {\n\t\tconst dataFields = getTermDataFields( select, context );\n\n\t\tconst newValues = {};\n\t\tfor ( const [ attributeName, source ] of Object.entries( bindings ) ) {\n\t\t\t// Use the value, the field label, or the field key.\n\t\t\tconst fieldKey = source.args.key;\n\t\t\tconst { value: fieldValue, label: fieldLabel } =\n\t\t\t\tdataFields?.[ fieldKey ] || {};\n\t\t\tnewValues[ attributeName ] = fieldValue ?? fieldLabel ?? fieldKey;\n\t\t}\n\t\treturn newValues;\n\t},\n\t// eslint-disable-next-line no-unused-vars\n\tsetValues( { dispatch, context, bindings } ) {\n\t\t// Terms are typically not editable through block bindings in most contexts.\n\t\treturn false;\n\t},\n\tcanUserEditValue( { select, context, args } ) {\n\t\t// Terms are typically read-only when displayed.\n\t\tif ( context?.termQuery || context?.termQueryId ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Lock editing when `taxonomy` or `termId` is not defined.\n\t\tif ( ! context?.taxonomy || ! context?.termId ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst fieldValue = getTermDataFields( select, context )?.[ args.key ]\n\t\t\t?.value;\n\t\t// Empty string or `false` could be a valid value, so we need to check if the field value is undefined.\n\t\tif ( fieldValue === undefined ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t},\n\tgetFieldsList( { select, context } ) {\n\t\treturn getTermDataFields( select, context );\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/collab-sidebar/add-comment.js

@@ -9,6 +9,7 @@ var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _blocks = require("@wordpress/blocks");
 var _commentAuthorInfo = _interopRequireDefault(require("./comment-author-info"));
 var _commentForm = _interopRequireDefault(require("./comment-form"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -36,7 +37,8 @@ function AddComment({
 }) {
   const {
     clientId,
-    blockCommentId
+    blockCommentId,
+    isEmptyDefaultBlock
   } = (0, _data.useSelect)(select => {
     const {
       getSelectedBlock
@@ -44,10 +46,11 @@ function AddComment({
     const selectedBlock = getSelectedBlock();
     return {
       clientId: selectedBlock?.clientId,
-      blockCommentId: selectedBlock?.attributes?.blockCommentId
+      blockCommentId: selectedBlock?.attributes?.blockCommentId,
+      isEmptyDefaultBlock: selectedBlock ? (0, _blocks.isUnmodifiedDefaultBlock)(selectedBlock) : false
     };
   });
-  if (!showCommentBoard || !clientId || undefined !== blockCommentId) {
+  if (!showCommentBoard || !clientId || undefined !== blockCommentId || isEmptyDefaultBlock) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {

package/build/components/collab-sidebar/add-comment.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_components","_blockEditor","_commentAuthorInfo","_interopRequireDefault","_commentForm","_jsxRuntime","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","clientId","blockCommentId","useSelect","select","getSelectedBlock","blockEditorStore","selectedBlock","attributes","undefined","jsxs","__experimentalVStack","spacing","className","children","jsx","__experimentalHStack","alignment","default","inputComment","onCancel","submitButtonText","_x"],"sources":["@wordpress/editor/src/components/collab-sidebar/add-comment.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\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 UI for adding a comment in the Gutenberg editor's collaboration sidebar.\n *\n * @param {Object}   props                     - The component props.\n * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.\n * @param {boolean}  props.showCommentBoard    - The function to edit the comment.\n * @param {Function} props.setShowCommentBoard - The function to delete the comment.\n * @return {React.ReactNode} The rendered comment input UI.\n */\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { clientId, blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlock } = select( blockEditorStore );\n\t\tconst selectedBlock = getSelectedBlock();\n\t\treturn {\n\t\t\tclientId: selectedBlock?.clientId,\n\t\t\tblockCommentId: selectedBlock?.attributes?.blockCommentId,\n\t\t};\n\t} );\n\n\tif ( ! showCommentBoard || ! clientId || undefined !== blockCommentId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing=\"3\"\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread editor-collab-sidebar-panel__active-thread editor-collab-sidebar-panel__focus-thread\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<CommentAuthorInfo />\n\t\t\t</HStack>\n\t\t\t<CommentForm\n\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => {\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t} }\n\t\t\t\tsubmitButtonText={ _x( 'Comment', 'Add comment button' ) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,kBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,YAAA,GAAAD,sBAAA,CAAAL,OAAA;AAAyC,IAAAO,WAAA,GAAAP,OAAA;AAfzC;AACA;AACA;;AASA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,UAAUA,CAAE;EAC3BC,QAAQ;EACRC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7D,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IACvD,MAAMC,aAAa,GAAGF,gBAAgB,CAAC,CAAC;IACxC,OAAO;MACNJ,QAAQ,EAAEM,aAAa,EAAEN,QAAQ;MACjCC,cAAc,EAAEK,aAAa,EAAEC,UAAU,EAAEN;IAC5C,CAAC;EACF,CAAE,CAAC;EAEH,IAAK,CAAEH,gBAAgB,IAAI,CAAEE,QAAQ,IAAIQ,SAAS,KAAKP,cAAc,EAAG;IACvE,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAc,IAAA,EAACnB,WAAA,CAAAoB,oBAAM;IACNC,OAAO,EAAC,GAAG;IACXC,SAAS,EAAC,0HAA0H;IAAAC,QAAA,gBAEpI,IAAAlB,WAAA,CAAAmB,GAAA,EAACxB,WAAA,CAAAyB,oBAAM;MAACC,SAAS,EAAC,MAAM;MAACL,OAAO,EAAC,GAAG;MAAAE,QAAA,eACnC,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,kBAAA,CAAAyB,OAAiB,IAAE;IAAC,CACd,CAAC,eACT,IAAAtB,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAuB,OAAW;MACXpB,QAAQ,EAAKqB,YAAY,IAAM;QAC9BrB,QAAQ,CAAEqB,YAAa,CAAC;MACzB,CAAG;MACHC,QAAQ,EAAGA,CAAA,KAAM;QAChBpB,mBAAmB,CAAE,KAAM,CAAC;MAC7B,CAAG;MACHqB,gBAAgB,EAAG,IAAAC,QAAE,EAAE,SAAS,EAAE,oBAAqB;IAAG,CAC1D,CAAC;EAAA,CACK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_components","_blockEditor","_blocks","_commentAuthorInfo","_interopRequireDefault","_commentForm","_jsxRuntime","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","clientId","blockCommentId","isEmptyDefaultBlock","useSelect","select","getSelectedBlock","blockEditorStore","selectedBlock","attributes","isUnmodifiedDefaultBlock","undefined","jsxs","__experimentalVStack","spacing","className","children","jsx","__experimentalHStack","alignment","default","inputComment","onCancel","submitButtonText","_x"],"sources":["@wordpress/editor/src/components/collab-sidebar/add-comment.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { isUnmodifiedDefaultBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\n/**\n * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.\n *\n * @param {Object}   props                     - The component props.\n * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.\n * @param {boolean}  props.showCommentBoard    - The function to edit the comment.\n * @param {Function} props.setShowCommentBoard - The function to delete the comment.\n * @return {React.ReactNode} The rendered comment input UI.\n */\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { clientId, blockCommentId, isEmptyDefaultBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlock } = select( blockEditorStore );\n\t\t\tconst selectedBlock = getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tclientId: selectedBlock?.clientId,\n\t\t\t\tblockCommentId: selectedBlock?.attributes?.blockCommentId,\n\t\t\t\tisEmptyDefaultBlock: selectedBlock\n\t\t\t\t\t? isUnmodifiedDefaultBlock( selectedBlock )\n\t\t\t\t\t: false,\n\t\t\t};\n\t\t}\n\t);\n\n\tif (\n\t\t! showCommentBoard ||\n\t\t! clientId ||\n\t\tundefined !== blockCommentId ||\n\t\tisEmptyDefaultBlock\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing=\"3\"\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread editor-collab-sidebar-panel__active-thread editor-collab-sidebar-panel__focus-thread\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<CommentAuthorInfo />\n\t\t\t</HStack>\n\t\t\t<CommentForm\n\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => {\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t} }\n\t\t\t\tsubmitButtonText={ _x( 'Comment', 'Add comment button' ) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,kBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,YAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAyC,IAAAQ,WAAA,GAAAR,OAAA;AAhBzC;AACA;AACA;;AAUA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASS,UAAUA,CAAE;EAC3BC,QAAQ;EACRC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAAG,IAAAC,eAAS,EAChEC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IACvD,MAAMC,aAAa,GAAGF,gBAAgB,CAAC,CAAC;IACxC,OAAO;MACNL,QAAQ,EAAEO,aAAa,EAAEP,QAAQ;MACjCC,cAAc,EAAEM,aAAa,EAAEC,UAAU,EAAEP,cAAc;MACzDC,mBAAmB,EAAEK,aAAa,GAC/B,IAAAE,gCAAwB,EAAEF,aAAc,CAAC,GACzC;IACJ,CAAC;EACF,CACD,CAAC;EAED,IACC,CAAET,gBAAgB,IAClB,CAAEE,QAAQ,IACVU,SAAS,KAAKT,cAAc,IAC5BC,mBAAmB,EAClB;IACD,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAP,WAAA,CAAAgB,IAAA,EAACtB,WAAA,CAAAuB,oBAAM;IACNC,OAAO,EAAC,GAAG;IACXC,SAAS,EAAC,0HAA0H;IAAAC,QAAA,gBAEpI,IAAApB,WAAA,CAAAqB,GAAA,EAAC3B,WAAA,CAAA4B,oBAAM;MAACC,SAAS,EAAC,MAAM;MAACL,OAAO,EAAC,GAAG;MAAAE,QAAA,eACnC,IAAApB,WAAA,CAAAqB,GAAA,EAACxB,kBAAA,CAAA2B,OAAiB,IAAE;IAAC,CACd,CAAC,eACT,IAAAxB,WAAA,CAAAqB,GAAA,EAACtB,YAAA,CAAAyB,OAAW;MACXtB,QAAQ,EAAKuB,YAAY,IAAM;QAC9BvB,QAAQ,CAAEuB,YAAa,CAAC;MACzB,CAAG;MACHC,QAAQ,EAAGA,CAAA,KAAM;QAChBtB,mBAAmB,CAAE,KAAM,CAAC;MAC7B,CAAG;MACHuB,gBAAgB,EAAG,IAAAC,QAAE,EAAE,SAAS,EAAE,oBAAqB;IAAG,CAC1D,CAAC;EAAA,CACK,CAAC;AAEX","ignoreList":[]}

package/build/components/collab-sidebar/comment-form.js

@@ -1,14 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _reactAutosizeTextarea = _interopRequireDefault(require("react-autosize-textarea"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -34,14 +41,18 @@ var _jsxRuntime = require("react/jsx-runtime");
 }) {
   var _thread$content$raw;
   const [inputComment, setInputComment] = (0, _element.useState)((_thread$content$raw = thread?.content?.raw) !== null && _thread$content$raw !== void 0 ? _thread$content$raw : '');
+  const inputId = (0, _compose.useInstanceId)(CommentForm, 'comment-input');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextareaControl, {
-      __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+      as: "label",
+      htmlFor: inputId,
+      children: (0, _i18n.__)('Comment')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactAutosizeTextarea.default, {
+      id: inputId,
       value: inputComment !== null && inputComment !== void 0 ? inputComment : '',
-      onChange: setInputComment,
-      label: (0, _i18n.__)('Comment'),
-      hideLabelFromVision: true
+      onChange: comment => setInputComment(comment.target.value),
+      rows: 4,
+      maxRows: 20
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
       alignment: "left",
       spacing: "3",

package/build/components/collab-sidebar/comment-form.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_utils","_jsxRuntime","CommentForm","onSubmit","onCancel","thread","submitButtonText","_thread$content$raw","inputComment","setInputComment","useState","content","raw","jsxs","Fragment","children","jsx","TextareaControl","__next40pxDefaultSize","__nextHasNoMarginBottom","value","onChange","label","__","hideLabelFromVision","__experimentalHStack","alignment","spacing","justify","Button","accessibleWhenDisabled","variant","onClick","disabled","sanitizeCommentString","length","text","_x","_default","exports","default"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-form.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTextareaControl,\n} from '@wordpress/components';\nimport { _x, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\n\n/**\n * EditComment component.\n *\n * @param {Object}   props                  - The component props.\n * @param {Function} props.onSubmit         - The function to call when updating the comment.\n * @param {Function} props.onCancel         - The function to call when canceling the comment update.\n * @param {Object}   props.thread           - The comment thread object.\n * @param {string}   props.submitButtonText - The text to display on the submit button.\n * @return {React.ReactNode} The CommentForm component.\n */\nfunction CommentForm( { onSubmit, onCancel, thread, submitButtonText } ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TextareaControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ inputComment ?? '' }\n\t\t\t\tonChange={ setInputComment }\n\t\t\t\tlabel={ __( 'Comment' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t/>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t\t\tsetInputComment( '' );\n\t\t\t\t\t} }\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t}\n\t\t\t\t\ttext={ submitButtonText }\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\ttext={ _x( 'Cancel', 'Cancel comment button' ) }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</>\n\t);\n}\n\nexport default CommentForm;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAdhD;AACA;AACA;;AASA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASK,WAAWA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAiB,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACxE,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,GAAAH,mBAAA,GACjDF,MAAM,EAAEM,OAAO,EAAEC,GAAG,cAAAL,mBAAA,cAAAA,mBAAA,GAAI,EACzB,CAAC;EAED,oBACC,IAAAN,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAmB,eAAe;MACfC,qBAAqB;MACrBC,uBAAuB;MACvBC,KAAK,EAAGZ,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAI;MAC5Ba,QAAQ,EAAGZ,eAAiB;MAC5Ba,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MACzBC,mBAAmB;IAAA,CACnB,CAAC,eACF,IAAAvB,WAAA,CAAAY,IAAA,EAACf,WAAA,CAAA2B,oBAAM;MAACC,SAAS,EAAC,MAAM;MAACC,OAAO,EAAC,GAAG;MAACC,OAAO,EAAC,YAAY;MAAAb,QAAA,gBACxD,IAAAd,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA+B,MAAM;QACNX,qBAAqB;QACrBY,sBAAsB;QACtBC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGA,CAAA,KAAM;UACf7B,QAAQ,CAAEK,YAAa,CAAC;UACxBC,eAAe,CAAE,EAAG,CAAC;QACtB,CAAG;QACHwB,QAAQ,EACP,CAAC,KAAK,IAAAC,4BAAqB,EAAE1B,YAAa,CAAC,CAAC2B,MAC5C;QACDC,IAAI,EAAG9B;MAAkB,CACzB,CAAC,eACF,IAAAL,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA+B,MAAM;QACNX,qBAAqB;QACrBa,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAG5B,QAAU;QACpBgC,IAAI,EAAG,IAAAC,QAAE,EAAE,QAAQ,EAAE,uBAAwB;MAAG,CAChD,CAAC;IAAA,CACK,CAAC;EAAA,CACR,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctC,WAAW","ignoreList":[]}
+{"version":3,"names":["_reactAutosizeTextarea","_interopRequireDefault","require","_element","_components","_i18n","_compose","_utils","_jsxRuntime","CommentForm","onSubmit","onCancel","thread","submitButtonText","_thread$content$raw","inputComment","setInputComment","useState","content","raw","inputId","useInstanceId","jsxs","Fragment","children","jsx","VisuallyHidden","as","htmlFor","__","default","id","value","onChange","comment","target","rows","maxRows","__experimentalHStack","alignment","spacing","justify","Button","__next40pxDefaultSize","accessibleWhenDisabled","variant","onClick","disabled","sanitizeCommentString","length","text","_x","_default","exports"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { _x, __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\n\n/**\n * EditComment component.\n *\n * @param {Object}   props                  - The component props.\n * @param {Function} props.onSubmit         - The function to call when updating the comment.\n * @param {Function} props.onCancel         - The function to call when canceling the comment update.\n * @param {Object}   props.thread           - The comment thread object.\n * @param {string}   props.submitButtonText - The text to display on the submit button.\n * @return {React.ReactNode} The CommentForm component.\n */\nfunction CommentForm( { onSubmit, onCancel, thread, submitButtonText } ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\n\treturn (\n\t\t<>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ __( 'Comment' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t<TextareaAutosize\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ inputComment ?? '' }\n\t\t\t\tonChange={ ( comment ) =>\n\t\t\t\t\tsetInputComment( comment.target.value )\n\t\t\t\t}\n\t\t\t\trows={ 4 }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t></TextareaAutosize>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t\t\tsetInputComment( '' );\n\t\t\t\t\t} }\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t}\n\t\t\t\t\ttext={ submitButtonText }\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\ttext={ _x( 'Cancel', 'Cancel comment button' ) }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</>\n\t);\n}\n\nexport default CommentForm;\n"],"mappings":";;;;;;;AAGA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAAgD,IAAAM,WAAA,GAAAN,OAAA;AApBhD;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASO,WAAWA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAiB,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACxE,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,GAAAH,mBAAA,GACjDF,MAAM,EAAEM,OAAO,EAAEC,GAAG,cAAAL,mBAAA,cAAAA,mBAAA,GAAI,EACzB,CAAC;EAED,MAAMM,OAAO,GAAG,IAAAC,sBAAa,EAAEZ,WAAW,EAAE,eAAgB,CAAC;EAE7D,oBACC,IAAAD,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,WAAA,CAAAsB,cAAc;MAACC,EAAE,EAAC,OAAO;MAACC,OAAO,EAAGR,OAAS;MAAAI,QAAA,EAC3C,IAAAK,QAAE,EAAE,SAAU;IAAC,CACF,CAAC,eACjB,IAAArB,WAAA,CAAAiB,GAAA,EAACzB,sBAAA,CAAA8B,OAAgB;MAChBC,EAAE,EAAGX,OAAS;MACdY,KAAK,EAAGjB,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAI;MAC5BkB,QAAQ,EAAKC,OAAO,IACnBlB,eAAe,CAAEkB,OAAO,CAACC,MAAM,CAACH,KAAM,CACtC;MACDI,IAAI,EAAG,CAAG;MACVC,OAAO,EAAG;IAAI,CACI,CAAC,eACpB,IAAA7B,WAAA,CAAAc,IAAA,EAAClB,WAAA,CAAAkC,oBAAM;MAACC,SAAS,EAAC,MAAM;MAACC,OAAO,EAAC,GAAG;MAACC,OAAO,EAAC,YAAY;MAAAjB,QAAA,gBACxD,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,WAAA,CAAAsC,MAAM;QACNC,qBAAqB;QACrBC,sBAAsB;QACtBC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGA,CAAA,KAAM;UACfpC,QAAQ,CAAEK,YAAa,CAAC;UACxBC,eAAe,CAAE,EAAG,CAAC;QACtB,CAAG;QACH+B,QAAQ,EACP,CAAC,KAAK,IAAAC,4BAAqB,EAAEjC,YAAa,CAAC,CAACkC,MAC5C;QACDC,IAAI,EAAGrC;MAAkB,CACzB,CAAC,eACF,IAAAL,WAAA,CAAAiB,GAAA,EAACrB,WAAA,CAAAsC,MAAM;QACNC,qBAAqB;QACrBE,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAGnC,QAAU;QACpBuC,IAAI,EAAG,IAAAC,QAAE,EAAE,QAAQ,EAAE,uBAAwB;MAAG,CAChD,CAAC;IAAA,CACK,CAAC;EAAA,CACR,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEcrB,WAAW","ignoreList":[]}

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

@@ -202,7 +202,6 @@ function CollabSidebar() {
   const {
     postId,
     postType,
-    postStatus,
     threads
   } = (0, _data.useSelect)(select => {
     const {
@@ -219,7 +218,6 @@ function CollabSidebar() {
     return {
       postId: _postId,
       postType: getCurrentPostType(),
-      postStatus: select(_store.store).getEditedPostAttribute('status'),
       threads: data
     };
   }, []);
@@ -237,7 +235,7 @@ function CollabSidebar() {
   }, []);
   const openCollabBoard = () => {
     setShowCommentBoard(true);
-    enableComplementaryArea('core', 'edit-post/collab-sidebar');
+    enableComplementaryArea('core', _constants.collabHistorySidebarName);
   };
   const [blocks] = (0, _coreData.useEntityBlockEditor)('postType', postType, {
     id: postId
@@ -246,7 +244,7 @@ function CollabSidebar() {
   // Process comments to build the tree structure
   const {
     resultComments,
-    sortedThreads
+    unresolvedSortedThreads
   } = (0, _element.useMemo)(() => {
     // Create a compare to store the references to all objects by id
     const compare = {};
@@ -274,7 +272,7 @@ function CollabSidebar() {
     if (0 === result?.length) {
       return {
         resultComments: [],
-        sortedThreads: []
+        unresolvedSortedThreads: []
       };
     }
     const updatedResult = result.map(item => ({
@@ -283,10 +281,12 @@ function CollabSidebar() {
     }));
     const blockCommentIds = (0, _utils.getCommentIdsFromBlocks)(blocks);
     const threadIdMap = new Map(updatedResult.map(thread => [thread.id, thread]));
-    const sortedComments = blockCommentIds.map(id => threadIdMap.get(id)).filter(thread => thread !== undefined);
+
+    // Get comments by block order, filter out undefined threads, and exclude resolved comments.
+    const unresolvedSortedComments = blockCommentIds.map(id => threadIdMap.get(id)).filter(thread => thread !== undefined && thread.status !== 'approved');
     return {
       resultComments: updatedResult,
-      sortedThreads: sortedComments
+      unresolvedSortedThreads: unresolvedSortedComments
     };
   }, [threads, blocks]);
 
@@ -304,9 +304,6 @@ function CollabSidebar() {
       }
     });
   }
-  if (postStatus === 'publish') {
-    return null; // or maybe return some message indicating no threads are available.
-  }
   const AddCommentComponent = blockCommentId ? _commentButtonToolbar.default : _commentButton.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AddCommentComponent, {
@@ -329,7 +326,7 @@ function CollabSidebar() {
       className: "editor-collab-sidebar",
       headerClassName: "editor-collab-sidebar__header",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollabSidebarContent, {
-        comments: sortedThreads,
+        comments: unresolvedSortedThreads,
         showCommentBoard: showCommentBoard,
         setShowCommentBoard: setShowCommentBoard,
         styles: {

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentButtonToolbar","_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","addNewComment","comment","parentCommentId","args","post","content","comment_type","comment_approved","updatedArgs","parent","savedRecord","id","__","isDismissible","onError","onCommentResolve","commentId","status","onEditComment","onCommentDelete","childComment","undefined","jsxs","className","style","children","jsx","AddComment","onSubmit","Comments","threads","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","getActiveComplementaryArea","postType","postStatus","getCurrentPostType","data","getEntityRecords","per_page","getEditedPostAttribute","getBlockAttributes","_clientId","openCollabBoard","blocks","useEntityBlockEditor","resultComments","sortedThreads","useMemo","compare","result","filteredComments","filter","forEach","item","reply","push","length","updatedResult","map","reverse","blockCommentIds","getCommentIdsFromBlocks","threadIdMap","Map","thread","sortedComments","get","merged","GlobalStyles","useGlobalStylesContext","backgroundColor","color","background","unsubscribe","subscribe","activeSidebar","collabSidebarName","AddCommentComponent","AddCommentToolbarButton","AddCommentButton","Fragment","onClick","default","identifier","collabHistorySidebarName","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 { store as coreStore, useEntityBlockEditor } 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 AddCommentToolbarButton from './comment-button-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\t// Function to save the comment.\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\tconst args = {\n\t\t\tpost: postId,\n\t\t\tcontent: comment,\n\t\t\tcomment_type: 'block_comment',\n\t\t\tcomment_approved: 0,\n\t\t};\n\n\t\t// Create a new object, conditionally including the parent property\n\t\tconst updatedArgs = {\n\t\t\t...args,\n\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t};\n\n\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tupdatedArgs\n\t\t);\n\n\t\tif ( savedRecord ) {\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId ) {\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? // translators: Reply added successfully\n\t\t\t\t\t  __( 'Reply added successfully.' )\n\t\t\t\t\t: // translators: Comment 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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tstatus: 'approved',\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\t// translators: Comment resolved successfully\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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tcontent: comment,\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\t// translators: Comment edited successfully\n\t\t\t\t__( 'Comment edited 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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onError = () => {\n\t\tcreateNotice(\n\t\t\t'error',\n\t\t\t// translators: Error message when comment submission fails\n\t\t\t__(\n\t\t\t\t'Something went wrong. Please try publishing the post, or you may have already submitted your comment earlier.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\tconst childComment = await getEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tcommentId\n\t\t);\n\t\tawait deleteEntityRecord( 'root', 'comment', commentId );\n\n\t\tif ( childComment && ! childComment.parent ) {\n\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\tblockCommentId: undefined,\n\t\t\t} );\n\t\t}\n\n\t\tcreateNotice(\n\t\t\t'snackbar',\n\t\t\t// translators: Comment deleted successfully\n\t\t\t__( 'Comment deleted successfully.' ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t}\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\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, postStatus, threads } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\tconst _postId = getCurrentPostId();\n\t\tconst data =\n\t\t\t!! _postId && typeof _postId === 'number'\n\t\t\t\t? select( coreStore ).getEntityRecords( 'root', 'comment', {\n\t\t\t\t\t\tpost: _postId,\n\t\t\t\t\t\ttype: 'block_comment',\n\t\t\t\t\t\tstatus: 'any',\n\t\t\t\t\t\tper_page: 100,\n\t\t\t\t  } )\n\t\t\t\t: null;\n\t\treturn {\n\t\t\tpostId: _postId,\n\t\t\tpostType: getCurrentPostType(),\n\t\t\tpostStatus:\n\t\t\t\tselect( editorStore ).getEditedPostAttribute( 'status' ),\n\t\t\tthreads: data,\n\t\t};\n\t}, [] );\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', 'edit-post/collab-sidebar' );\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, sortedThreads } = 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 filteredComments = ( threads ?? [] ).filter(\n\t\t\t( comment ) => comment.status !== 'trash'\n\t\t);\n\n\t\t// Initialize each object with an empty `reply` array\n\t\tfilteredComments.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\tfilteredComments.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: [], sortedThreads: [] };\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\tconst sortedComments = blockCommentIds\n\t\t\t.map( ( id ) => threadIdMap.get( id ) )\n\t\t\t.filter( ( thread ) => thread !== undefined );\n\n\t\treturn { resultComments: updatedResult, sortedThreads: sortedComments };\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\tif ( postStatus === 'publish' ) {\n\t\treturn null; // or maybe return some message indicating no threads are available.\n\t}\n\n\tconst AddCommentComponent = blockCommentId\n\t\t? AddCommentToolbarButton\n\t\t: AddCommentButton;\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent onClick={ openCollabBoard } />\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={ sortedThreads }\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":[]}
+{"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentButtonToolbar","_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","addNewComment","comment","parentCommentId","args","post","content","comment_type","comment_approved","updatedArgs","parent","savedRecord","id","__","isDismissible","onError","onCommentResolve","commentId","status","onEditComment","onCommentDelete","childComment","undefined","jsxs","className","style","children","jsx","AddComment","onSubmit","Comments","threads","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","getActiveComplementaryArea","postType","getCurrentPostType","data","getEntityRecords","per_page","getBlockAttributes","_clientId","openCollabBoard","collabHistorySidebarName","blocks","useEntityBlockEditor","resultComments","unresolvedSortedThreads","useMemo","compare","result","filteredComments","filter","forEach","item","reply","push","length","updatedResult","map","reverse","blockCommentIds","getCommentIdsFromBlocks","threadIdMap","Map","thread","unresolvedSortedComments","get","merged","GlobalStyles","useGlobalStylesContext","backgroundColor","color","background","unsubscribe","subscribe","activeSidebar","collabSidebarName","AddCommentComponent","AddCommentToolbarButton","AddCommentButton","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 { store as coreStore, useEntityBlockEditor } 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 AddCommentToolbarButton from './comment-button-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\t// Function to save the comment.\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\tconst args = {\n\t\t\tpost: postId,\n\t\t\tcontent: comment,\n\t\t\tcomment_type: 'block_comment',\n\t\t\tcomment_approved: 0,\n\t\t};\n\n\t\t// Create a new object, conditionally including the parent property\n\t\tconst updatedArgs = {\n\t\t\t...args,\n\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t};\n\n\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tupdatedArgs\n\t\t);\n\n\t\tif ( savedRecord ) {\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId ) {\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? // translators: Reply added successfully\n\t\t\t\t\t  __( 'Reply added successfully.' )\n\t\t\t\t\t: // translators: Comment 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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tstatus: 'approved',\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\t// translators: Comment resolved successfully\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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tcontent: comment,\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\t// translators: Comment edited successfully\n\t\t\t\t__( 'Comment edited 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} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onError = () => {\n\t\tcreateNotice(\n\t\t\t'error',\n\t\t\t// translators: Error message when comment submission fails\n\t\t\t__(\n\t\t\t\t'Something went wrong. Please try publishing the post, or you may have already submitted your comment earlier.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\tconst childComment = await getEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tcommentId\n\t\t);\n\t\tawait deleteEntityRecord( 'root', 'comment', commentId );\n\n\t\tif ( childComment && ! childComment.parent ) {\n\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\tblockCommentId: undefined,\n\t\t\t} );\n\t\t}\n\n\t\tcreateNotice(\n\t\t\t'snackbar',\n\t\t\t// translators: Comment deleted successfully\n\t\t\t__( 'Comment deleted successfully.' ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t}\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\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, threads } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\tconst _postId = getCurrentPostId();\n\t\tconst data =\n\t\t\t!! _postId && typeof _postId === 'number'\n\t\t\t\t? select( coreStore ).getEntityRecords( 'root', 'comment', {\n\t\t\t\t\t\tpost: _postId,\n\t\t\t\t\t\ttype: 'block_comment',\n\t\t\t\t\t\tstatus: 'any',\n\t\t\t\t\t\tper_page: 100,\n\t\t\t\t  } )\n\t\t\t\t: null;\n\t\treturn {\n\t\t\tpostId: _postId,\n\t\t\tpostType: getCurrentPostType(),\n\t\t\tthreads: data,\n\t\t};\n\t}, [] );\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 filteredComments = ( threads ?? [] ).filter(\n\t\t\t( comment ) => comment.status !== 'trash'\n\t\t);\n\n\t\t// Initialize each object with an empty `reply` array\n\t\tfilteredComments.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\tfilteredComments.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? AddCommentToolbarButton\n\t\t: AddCommentButton;\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent onClick={ openCollabBoard } />\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":[]}

package/build/components/post-taxonomies/hierarchical-term-selector.js

@@ -29,20 +29,26 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  normalizeTextString
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const {
+  RECEIVE_INTERMEDIATE_RESULTS
+} = (0, _lockUnlock.unlock)(_coreData.privateApis);
+
 /**
  * Module Constants
- */const DEFAULT_QUERY = {
+ */
+const DEFAULT_QUERY = {
   per_page: -1,
   orderby: 'name',
   order: 'asc',
   _fields: 'id,name,parent',
-  context: 'view'
+  context: 'view',
+  [RECEIVE_INTERMEDIATE_RESULTS]: true
 };
 const MIN_TERMS_COUNT_FOR_FILTER = 8;
 const EMPTY_ARRAY = [];
-const {
-  normalizeTextString
-} = (0, _lockUnlock.unlock)(_components.privateApis);
 
 /**
  * Sort Terms by Selected.
@@ -161,7 +167,6 @@ function HierarchicalTermSelector({
     availableTerms,
     taxonomy
   } = (0, _data.useSelect)(select => {
-    var _post$_links, _post$_links2;
     const {
       getCurrentPost,
       getEditedPostAttribute
@@ -174,8 +179,8 @@ function HierarchicalTermSelector({
     const _taxonomy = getEntityRecord('root', 'taxonomy', slug);
     const post = getCurrentPost();
     return {
-      hasCreateAction: _taxonomy ? (_post$_links = post._links?.['wp:action-create-' + _taxonomy.rest_base]) !== null && _post$_links !== void 0 ? _post$_links : false : false,
-      hasAssignAction: _taxonomy ? (_post$_links2 = post._links?.['wp:action-assign-' + _taxonomy.rest_base]) !== null && _post$_links2 !== void 0 ? _post$_links2 : false : false,
+      hasCreateAction: _taxonomy ? !!post._links?.['wp:action-create-' + _taxonomy.rest_base] : false,
+      hasAssignAction: _taxonomy ? !!post._links?.['wp:action-assign-' + _taxonomy.rest_base] : false,
       terms: _taxonomy ? getEditedPostAttribute(_taxonomy.rest_base) : EMPTY_ARRAY,
       loading: isResolving('getEntityRecords', ['taxonomy', slug, DEFAULT_QUERY]),
       availableTerms: getEntityRecords('taxonomy', slug, DEFAULT_QUERY) || EMPTY_ARRAY,
@@ -340,13 +345,20 @@ function HierarchicalTermSelector({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
     direction: "column",
     gap: "4",
-    children: [showFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
+    children: [showFilter && !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
       __next40pxDefaultSize: true,
       __nextHasNoMarginBottom: true,
       label: filterLabel,
       placeholder: filterLabel,
       value: filterValue,
       onChange: setFilter
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
+      justify: "center",
+      style: {
+        // Match SearchControl height to prevent layout shift.
+        height: '40px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "editor-post-taxonomies__hierarchical-terms-list",
       tabIndex: "0",