@wordpress/editor 14.34.0 → 14.35.0

package/build/components/autosave-monitor/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/autosave-monitor/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport class AutosaveMonitor extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.needsAutosave = !! ( props.isDirty && props.isAutosaveable );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( ! this.props.disableIntervalChecks ) {\n\t\t\tthis.setAutosaveTimer();\n\t\t}\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( this.props.disableIntervalChecks ) {\n\t\t\tif ( this.props.editsReference !== prevProps.editsReference ) {\n\t\t\t\tthis.props.autosave();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.props.interval !== prevProps.interval ) {\n\t\t\tclearTimeout( this.timerId );\n\t\t\tthis.setAutosaveTimer();\n\t\t}\n\n\t\tif ( ! this.props.isDirty ) {\n\t\t\tthis.needsAutosave = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.props.isAutosaving && ! prevProps.isAutosaving ) {\n\t\t\tthis.needsAutosave = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.props.editsReference !== prevProps.editsReference ) {\n\t\t\tthis.needsAutosave = true;\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timerId );\n\t}\n\n\tsetAutosaveTimer( timeout = this.props.interval * 1000 ) {\n\t\tthis.timerId = setTimeout( () => {\n\t\t\tthis.autosaveTimerHandler();\n\t\t}, timeout );\n\t}\n\n\tautosaveTimerHandler() {\n\t\tif ( ! this.props.isAutosaveable ) {\n\t\t\tthis.setAutosaveTimer( 1000 );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.needsAutosave ) {\n\t\t\tthis.needsAutosave = false;\n\t\t\tthis.props.autosave();\n\t\t}\n\n\t\tthis.setAutosaveTimer();\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\n/**\n * Monitors the changes made to the edited post and triggers autosave if necessary.\n *\n * The logic is straightforward: a check is performed every `props.interval` seconds. If any changes are detected, `props.autosave()` is called.\n * The time between the change and the autosave varies but is no larger than `props.interval` seconds. Refer to the code below for more details, such as\n * the specific way of detecting changes.\n *\n * There are two caveats:\n * * If `props.isAutosaveable` happens to be false at a time of checking for changes, the check is retried every second.\n * * The timer may be disabled by setting `props.disableIntervalChecks` to `true`. In that mode, any change will immediately trigger `props.autosave()`.\n *\n * @param {Object}   props                       - The properties passed to the component.\n * @param {Function} props.autosave              - The function to call when changes need to be saved.\n * @param {number}   props.interval              - The maximum time in seconds between an unsaved change and an autosave.\n * @param {boolean}  props.isAutosaveable        - If false, the check for changes is retried every second.\n * @param {boolean}  props.disableIntervalChecks - If true, disables the timer and any change will immediately trigger `props.autosave()`.\n * @param {boolean}  props.isDirty               - Indicates if there are unsaved changes.\n *\n * @example\n * ```jsx\n * <AutosaveMonitor interval={30000} />\n * ```\n */\nexport default compose( [\n\twithSelect( ( select, ownProps ) => {\n\t\tconst { getReferenceByDistinctEdits } = select( coreStore );\n\n\t\tconst {\n\t\t\tisEditedPostDirty,\n\t\t\tisEditedPostAutosaveable,\n\t\t\tisAutosavingPost,\n\t\t\tgetEditorSettings,\n\t\t} = select( editorStore );\n\n\t\tconst { interval = getEditorSettings().autosaveInterval } = ownProps;\n\n\t\treturn {\n\t\t\teditsReference: getReferenceByDistinctEdits(),\n\t\t\tisDirty: isEditedPostDirty(),\n\t\t\tisAutosaveable: isEditedPostAutosaveable(),\n\t\t\tisAutosaving: isAutosavingPost(),\n\t\t\tinterval,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, ownProps ) => ( {\n\t\tautosave() {\n\t\t\tconst { autosave = dispatch( editorStore ).autosave } = ownProps;\n\t\t\tautosave();\n\t\t},\n\t} ) ),\n] )( AutosaveMonitor );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,qBAAwB;AACxB,kBAAyC;AACzC,uBAAmC;AAKnC,mBAAqC;AAE9B,MAAM,wBAAwB,yBAAU;AAAA,EAC9C,YAAa,OAAQ;AACpB,UAAO,KAAM;AACb,SAAK,gBAAgB,CAAC,EAAI,MAAM,WAAW,MAAM;AAAA,EAClD;AAAA,EAEA,oBAAoB;AACnB,QAAK,CAAE,KAAK,MAAM,uBAAwB;AACzC,WAAK,iBAAiB;AAAA,IACvB;AAAA,EACD;AAAA,EAEA,mBAAoB,WAAY;AAC/B,QAAK,KAAK,MAAM,uBAAwB;AACvC,UAAK,KAAK,MAAM,mBAAmB,UAAU,gBAAiB;AAC7D,aAAK,MAAM,SAAS;AAAA,MACrB;AACA;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,aAAa,UAAU,UAAW;AACjD,mBAAc,KAAK,OAAQ;AAC3B,WAAK,iBAAiB;AAAA,IACvB;AAEA,QAAK,CAAE,KAAK,MAAM,SAAU;AAC3B,WAAK,gBAAgB;AACrB;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,gBAAgB,CAAE,UAAU,cAAe;AAC1D,WAAK,gBAAgB;AACrB;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,mBAAmB,UAAU,gBAAiB;AAC7D,WAAK,gBAAgB;AAAA,IACtB;AAAA,EACD;AAAA,EAEA,uBAAuB;AACtB,iBAAc,KAAK,OAAQ;AAAA,EAC5B;AAAA,EAEA,iBAAkB,UAAU,KAAK,MAAM,WAAW,KAAO;AACxD,SAAK,UAAU,WAAY,MAAM;AAChC,WAAK,qBAAqB;AAAA,IAC3B,GAAG,OAAQ;AAAA,EACZ;AAAA,EAEA,uBAAuB;AACtB,QAAK,CAAE,KAAK,MAAM,gBAAiB;AAClC,WAAK,iBAAkB,GAAK;AAC5B;AAAA,IACD;AAEA,QAAK,KAAK,eAAgB;AACzB,WAAK,gBAAgB;AACrB,WAAK,MAAM,SAAS;AAAA,IACrB;AAEA,SAAK,iBAAiB;AAAA,EACvB;AAAA,EAEA,SAAS;AACR,WAAO;AAAA,EACR;AACD;AAyBA,IAAO,+BAAQ,wBAAS;AAAA,MACvB,wBAAY,CAAE,QAAQ,aAAc;AACnC,UAAM,EAAE,4BAA4B,IAAI,OAAQ,iBAAAA,KAAU;AAE1D,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,aAAAC,KAAY;AAExB,UAAM,EAAE,WAAW,kBAAkB,EAAE,iBAAiB,IAAI;AAE5D,WAAO;AAAA,MACN,gBAAgB,4BAA4B;AAAA,MAC5C,SAAS,kBAAkB;AAAA,MAC3B,gBAAgB,yBAAyB;AAAA,MACzC,cAAc,iBAAiB;AAAA,MAC/B;AAAA,IACD;AAAA,EACD,CAAE;AAAA,MACF,0BAAc,CAAE,UAAU,cAAgB;AAAA,IACzC,WAAW;AACV,YAAM,EAAE,WAAW,SAAU,aAAAA,KAAY,EAAE,SAAS,IAAI;AACxD,eAAS;AAAA,IACV;AAAA,EACD,EAAI;AACL,CAAE,EAAG,eAAgB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,qBAAwB;AACxB,kBAAyC;AACzC,uBAAmC;AAKnC,mBAAqC;AAE9B,IAAM,kBAAN,cAA8B,yBAAU;AAAA,EAC9C,YAAa,OAAQ;AACpB,UAAO,KAAM;AACb,SAAK,gBAAgB,CAAC,EAAI,MAAM,WAAW,MAAM;AAAA,EAClD;AAAA,EAEA,oBAAoB;AACnB,QAAK,CAAE,KAAK,MAAM,uBAAwB;AACzC,WAAK,iBAAiB;AAAA,IACvB;AAAA,EACD;AAAA,EAEA,mBAAoB,WAAY;AAC/B,QAAK,KAAK,MAAM,uBAAwB;AACvC,UAAK,KAAK,MAAM,mBAAmB,UAAU,gBAAiB;AAC7D,aAAK,MAAM,SAAS;AAAA,MACrB;AACA;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,aAAa,UAAU,UAAW;AACjD,mBAAc,KAAK,OAAQ;AAC3B,WAAK,iBAAiB;AAAA,IACvB;AAEA,QAAK,CAAE,KAAK,MAAM,SAAU;AAC3B,WAAK,gBAAgB;AACrB;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,gBAAgB,CAAE,UAAU,cAAe;AAC1D,WAAK,gBAAgB;AACrB;AAAA,IACD;AAEA,QAAK,KAAK,MAAM,mBAAmB,UAAU,gBAAiB;AAC7D,WAAK,gBAAgB;AAAA,IACtB;AAAA,EACD;AAAA,EAEA,uBAAuB;AACtB,iBAAc,KAAK,OAAQ;AAAA,EAC5B;AAAA,EAEA,iBAAkB,UAAU,KAAK,MAAM,WAAW,KAAO;AACxD,SAAK,UAAU,WAAY,MAAM;AAChC,WAAK,qBAAqB;AAAA,IAC3B,GAAG,OAAQ;AAAA,EACZ;AAAA,EAEA,uBAAuB;AACtB,QAAK,CAAE,KAAK,MAAM,gBAAiB;AAClC,WAAK,iBAAkB,GAAK;AAC5B;AAAA,IACD;AAEA,QAAK,KAAK,eAAgB;AACzB,WAAK,gBAAgB;AACrB,WAAK,MAAM,SAAS;AAAA,IACrB;AAEA,SAAK,iBAAiB;AAAA,EACvB;AAAA,EAEA,SAAS;AACR,WAAO;AAAA,EACR;AACD;AAyBA,IAAO,+BAAQ,wBAAS;AAAA,MACvB,wBAAY,CAAE,QAAQ,aAAc;AACnC,UAAM,EAAE,4BAA4B,IAAI,OAAQ,iBAAAA,KAAU;AAE1D,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,aAAAC,KAAY;AAExB,UAAM,EAAE,WAAW,kBAAkB,EAAE,iBAAiB,IAAI;AAE5D,WAAO;AAAA,MACN,gBAAgB,4BAA4B;AAAA,MAC5C,SAAS,kBAAkB;AAAA,MAC3B,gBAAgB,yBAAyB;AAAA,MACzC,cAAc,iBAAiB;AAAA,MAC/B;AAAA,IACD;AAAA,EACD,CAAE;AAAA,MACF,0BAAc,CAAE,UAAU,cAAgB;AAAA,IACzC,WAAW;AACV,YAAM,EAAE,WAAW,SAAU,aAAAA,KAAY,EAAE,SAAS,IAAI;AACxD,eAAS;AAAA,IACV;AAAA,EACD,EAAI;AACL,CAAE,EAAG,eAAgB;",
   "names": ["coreStore", "editorStore"]
 }

package/build/components/block-removal-warnings/index.js

@@ -16,25 +16,27 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/block-removal-warnings/index.js
 var block_removal_warnings_exports = {};
 __export(block_removal_warnings_exports, {
   default: () => BlockRemovalWarnings
 });
 module.exports = __toCommonJS(block_removal_warnings_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
 var import_block_editor = require("@wordpress/block-editor");
 var import_data = require("@wordpress/data");
 var import_element = require("@wordpress/element");
 var import_lock_unlock = require("../../lock-unlock");
 var import_store = require("../../store");
-const { BlockRemovalWarningModal } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const TEMPLATE_BLOCKS = [
+var import_jsx_runtime = require("react/jsx-runtime");
+var { BlockRemovalWarningModal } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var TEMPLATE_BLOCKS = [
   "core/post-content",
   "core/post-template",
   "core/query"
 ];
-const BLOCK_REMOVAL_RULES = [
+var BLOCK_REMOVAL_RULES = [
   {
     // Template blocks.
     // The warning is only shown when a user manipulates templates or template parts.

package/build/components/block-removal-warnings/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-removal-warnings/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\n\nimport { _n } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { BlockRemovalWarningModal } = unlock( blockEditorPrivateApis );\n\n// Prevent accidental removal of certain blocks, asking the user for confirmation first.\nconst TEMPLATE_BLOCKS = [\n\t'core/post-content',\n\t'core/post-template',\n\t'core/query',\n];\nconst BLOCK_REMOVAL_RULES = [\n\t{\n\t\t// Template blocks.\n\t\t// The warning is only shown when a user manipulates templates or template parts.\n\t\tpostTypes: [ 'wp_template', 'wp_template_part' ],\n\t\tcallback( removedBlocks ) {\n\t\t\tconst removedTemplateBlocks = removedBlocks.filter( ( { name } ) =>\n\t\t\t\tTEMPLATE_BLOCKS.includes( name )\n\t\t\t);\n\t\t\tif ( removedTemplateBlocks.length ) {\n\t\t\t\treturn _n(\n\t\t\t\t\t'Deleting this block will stop your post or page content from displaying on this template. It is not recommended.',\n\t\t\t\t\t'Some of the deleted blocks will stop your post or page content from displaying on this template. It is not recommended.',\n\t\t\t\t\tremovedBlocks.length\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t},\n\t{\n\t\t// Pattern overrides.\n\t\t// The warning is only shown when the user edits a pattern.\n\t\tpostTypes: [ 'wp_block' ],\n\t\tcallback( removedBlocks ) {\n\t\t\tconst removedBlocksWithOverrides = removedBlocks.filter(\n\t\t\t\t( { attributes } ) =>\n\t\t\t\t\tattributes?.metadata?.bindings &&\n\t\t\t\t\tObject.values( attributes.metadata.bindings ).some(\n\t\t\t\t\t\t( binding ) =>\n\t\t\t\t\t\t\tbinding.source === 'core/pattern-overrides'\n\t\t\t\t\t)\n\t\t\t);\n\t\t\tif ( removedBlocksWithOverrides.length ) {\n\t\t\t\treturn _n(\n\t\t\t\t\t'The deleted block allows instance overrides. Removing it may result in content not displaying where this pattern is used. Are you sure you want to proceed?',\n\t\t\t\t\t'Some of the deleted blocks allow instance overrides. Removing them may result in content not displaying where this pattern is used. Are you sure you want to proceed?',\n\t\t\t\t\tremovedBlocks.length\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t},\n];\n\nexport default function BlockRemovalWarnings() {\n\tconst currentPostType = useSelect(\n\t\t( select ) => select( editorStore ).getCurrentPostType(),\n\t\t[]\n\t);\n\n\tconst removalRulesForPostType = useMemo(\n\t\t() =>\n\t\t\tBLOCK_REMOVAL_RULES.filter( ( rule ) =>\n\t\t\t\trule.postTypes.includes( currentPostType )\n\t\t\t),\n\t\t[ currentPostType ]\n\t);\n\n\t// `BlockRemovalWarnings` is rendered in the editor provider, a shared component\n\t// across react native and web. However, `BlockRemovalWarningModal` is web only.\n\t// Check it exists before trying to render it.\n\tif ( ! BlockRemovalWarningModal ) {\n\t\treturn null;\n\t}\n\n\tif ( ! removalRulesForPostType ) {\n\t\treturn null;\n\t}\n\n\treturn <BlockRemovalWarningModal rules={ removalRulesForPostType } />;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0FQ;AAtFR,kBAAmB;AACnB,0BAAsD;AACtD,kBAA0B;AAC1B,qBAAwB;AAKxB,yBAAuB;AACvB,mBAAqC;AAErC,MAAM,EAAE,yBAAyB,QAAI,2BAAQ,oBAAAA,WAAuB;AAGpE,MAAM,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACD;AACA,MAAM,sBAAsB;AAAA,EAC3B;AAAA;AAAA;AAAA,IAGC,WAAW,CAAE,eAAe,kBAAmB;AAAA,IAC/C,SAAU,eAAgB;AACzB,YAAM,wBAAwB,cAAc;AAAA,QAAQ,CAAE,EAAE,KAAK,MAC5D,gBAAgB,SAAU,IAAK;AAAA,MAChC;AACA,UAAK,sBAAsB,QAAS;AACnC,mBAAO;AAAA,UACN;AAAA,UACA;AAAA,UACA,cAAc;AAAA,QACf;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA;AAAA;AAAA,IAGC,WAAW,CAAE,UAAW;AAAA,IACxB,SAAU,eAAgB;AACzB,YAAM,6BAA6B,cAAc;AAAA,QAChD,CAAE,EAAE,WAAW,MACd,YAAY,UAAU,YACtB,OAAO,OAAQ,WAAW,SAAS,QAAS,EAAE;AAAA,UAC7C,CAAE,YACD,QAAQ,WAAW;AAAA,QACrB;AAAA,MACF;AACA,UAAK,2BAA2B,QAAS;AACxC,mBAAO;AAAA,UACN;AAAA,UACA;AAAA,UACA,cAAc;AAAA,QACf;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAEe,SAAR,uBAAwC;AAC9C,QAAM,sBAAkB;AAAA,IACvB,CAAE,WAAY,OAAQ,aAAAC,KAAY,EAAE,mBAAmB;AAAA,IACvD,CAAC;AAAA,EACF;AAEA,QAAM,8BAA0B;AAAA,IAC/B,MACC,oBAAoB;AAAA,MAAQ,CAAE,SAC7B,KAAK,UAAU,SAAU,eAAgB;AAAA,IAC1C;AAAA,IACD,CAAE,eAAgB;AAAA,EACnB;AAKA,MAAK,CAAE,0BAA2B;AACjC,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,yBAA0B;AAChC,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,4BAAyB,OAAQ,yBAA0B;AACpE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAmB;AACnB,0BAAsD;AACtD,kBAA0B;AAC1B,qBAAwB;AAKxB,yBAAuB;AACvB,mBAAqC;AA6E7B;AA3ER,IAAM,EAAE,yBAAyB,QAAI,2BAAQ,oBAAAA,WAAuB;AAGpE,IAAM,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACD;AACA,IAAM,sBAAsB;AAAA,EAC3B;AAAA;AAAA;AAAA,IAGC,WAAW,CAAE,eAAe,kBAAmB;AAAA,IAC/C,SAAU,eAAgB;AACzB,YAAM,wBAAwB,cAAc;AAAA,QAAQ,CAAE,EAAE,KAAK,MAC5D,gBAAgB,SAAU,IAAK;AAAA,MAChC;AACA,UAAK,sBAAsB,QAAS;AACnC,mBAAO;AAAA,UACN;AAAA,UACA;AAAA,UACA,cAAc;AAAA,QACf;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA;AAAA;AAAA,IAGC,WAAW,CAAE,UAAW;AAAA,IACxB,SAAU,eAAgB;AACzB,YAAM,6BAA6B,cAAc;AAAA,QAChD,CAAE,EAAE,WAAW,MACd,YAAY,UAAU,YACtB,OAAO,OAAQ,WAAW,SAAS,QAAS,EAAE;AAAA,UAC7C,CAAE,YACD,QAAQ,WAAW;AAAA,QACrB;AAAA,MACF;AACA,UAAK,2BAA2B,QAAS;AACxC,mBAAO;AAAA,UACN;AAAA,UACA;AAAA,UACA,cAAc;AAAA,QACf;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAEe,SAAR,uBAAwC;AAC9C,QAAM,sBAAkB;AAAA,IACvB,CAAE,WAAY,OAAQ,aAAAC,KAAY,EAAE,mBAAmB;AAAA,IACvD,CAAC;AAAA,EACF;AAEA,QAAM,8BAA0B;AAAA,IAC/B,MACC,oBAAoB;AAAA,MAAQ,CAAE,SAC7B,KAAK,UAAU,SAAU,eAAgB;AAAA,IAC1C;AAAA,IACD,CAAE,eAAgB;AAAA,EACnB;AAKA,MAAK,CAAE,0BAA2B;AACjC,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,yBAA0B;AAChC,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,4BAAyB,OAAQ,yBAA0B;AACpE;",
   "names": ["blockEditorPrivateApis", "editorStore"]
 }

package/build/components/block-settings-menu/plugin-block-settings-menu-item.js

@@ -16,18 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/block-settings-menu/plugin-block-settings-menu-item.js
 var plugin_block_settings_menu_item_exports = {};
 __export(plugin_block_settings_menu_item_exports, {
   default: () => plugin_block_settings_menu_item_default
 });
 module.exports = __toCommonJS(plugin_block_settings_menu_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_block_editor = require("@wordpress/block-editor");
 var import_components = require("@wordpress/components");
 var import_compose = require("@wordpress/compose");
-const isEverySelectedBlockAllowed = (selected, allowed) => selected.filter((id) => !allowed.includes(id)).length === 0;
-const shouldRenderItem = (selectedBlocks, allowedBlocks) => !Array.isArray(allowedBlocks) || isEverySelectedBlockAllowed(selectedBlocks, allowedBlocks);
-const PluginBlockSettingsMenuItem = ({
+var import_jsx_runtime = require("react/jsx-runtime");
+var isEverySelectedBlockAllowed = (selected, allowed) => selected.filter((id) => !allowed.includes(id)).length === 0;
+var shouldRenderItem = (selectedBlocks, allowedBlocks) => !Array.isArray(allowedBlocks) || isEverySelectedBlockAllowed(selectedBlocks, allowedBlocks);
+var PluginBlockSettingsMenuItem = ({
   allowedBlocks,
   icon,
   label,

package/build/components/block-settings-menu/plugin-block-settings-menu-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-settings-menu/plugin-block-settings-menu-item.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\n\nconst isEverySelectedBlockAllowed = ( selected, allowed ) =>\n\tselected.filter( ( id ) => ! allowed.includes( id ) ).length === 0;\n\n/**\n * Plugins may want to add an item to the menu either for every block\n * or only for the specific ones provided in the `allowedBlocks` component property.\n *\n * If there are multiple blocks selected the item will be rendered if every block\n * is of one allowed type (not necessarily the same).\n *\n * @param {string[]} selectedBlocks Array containing the names of the blocks selected\n * @param {string[]} allowedBlocks  Array containing the names of the blocks allowed\n * @return {boolean} Whether the item will be rendered or not.\n */\nconst shouldRenderItem = ( selectedBlocks, allowedBlocks ) =>\n\t! Array.isArray( allowedBlocks ) ||\n\tisEverySelectedBlockAllowed( selectedBlocks, allowedBlocks );\n\n/**\n * Renders a new item in the block settings menu.\n *\n * @param {Object}                props                 Component props.\n * @param {Array}                 [props.allowedBlocks] An array containing a list of block names for which the item should be shown. If not present, it'll be rendered for any block. If multiple blocks are selected, it'll be shown if and only if all of them are in the allowed list.\n * @param {WPBlockTypeIconRender} [props.icon]          The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element.\n * @param {string}                props.label           The menu item text.\n * @param {Function}              props.onClick         Callback function to be executed when the user click the menu item.\n * @param {boolean}               [props.small]         Whether to render the label or not.\n * @param {string}                [props.role]          The ARIA role for the menu item.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginBlockSettingsMenuItem = wp.editor.PluginBlockSettingsMenuItem;\n *\n * function doOnClick(){\n * \t// To be called when the user clicks the menu item.\n * }\n *\n * function MyPluginBlockSettingsMenuItem() {\n * \treturn React.createElement(\n * \t\tPluginBlockSettingsMenuItem,\n * \t\t{\n * \t\t\tallowedBlocks: [ 'core/paragraph' ],\n * \t\t\ticon: 'dashicon-name',\n * \t\t\tlabel: __( 'Menu item text' ),\n * \t\t\tonClick: doOnClick,\n * \t\t}\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginBlockSettingsMenuItem } from '@wordpress/editor';\n *\n * const doOnClick = ( ) => {\n *     // To be called when the user clicks the menu item.\n * };\n *\n * const MyPluginBlockSettingsMenuItem = () => (\n *     <PluginBlockSettingsMenuItem\n * \t\tallowedBlocks={ [ 'core/paragraph' ] }\n * \t\ticon='dashicon-name'\n * \t\tlabel={ __( 'Menu item text' ) }\n * \t\tonClick={ doOnClick } />\n * );\n * ```\n *\n * @return {React.ReactNode} The rendered component.\n */\nconst PluginBlockSettingsMenuItem = ( {\n\tallowedBlocks,\n\ticon,\n\tlabel,\n\tonClick,\n\tsmall,\n\trole,\n} ) => (\n\t<BlockSettingsMenuControls>\n\t\t{ ( { selectedBlocks, onClose } ) => {\n\t\t\tif ( ! shouldRenderItem( selectedBlocks, allowedBlocks ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ compose( onClick, onClose ) }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ small ? label : undefined }\n\t\t\t\t\trole={ role }\n\t\t\t\t>\n\t\t\t\t\t{ ! small && label }\n\t\t\t\t</MenuItem>\n\t\t\t);\n\t\t} }\n\t</BlockSettingsMenuControls>\n);\n\nexport default PluginBlockSettingsMenuItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8FI;AA3FJ,0BAA0C;AAC1C,wBAAyB;AACzB,qBAAwB;AAExB,MAAM,8BAA8B,CAAE,UAAU,YAC/C,SAAS,OAAQ,CAAE,OAAQ,CAAE,QAAQ,SAAU,EAAG,CAAE,EAAE,WAAW;AAalE,MAAM,mBAAmB,CAAE,gBAAgB,kBAC1C,CAAE,MAAM,QAAS,aAAc,KAC/B,4BAA6B,gBAAgB,aAAc;AAyD5D,MAAM,8BAA8B,CAAE;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MACC,4CAAC,iDACE,WAAE,EAAE,gBAAgB,QAAQ,MAAO;AACpC,MAAK,CAAE,iBAAkB,gBAAgB,aAAc,GAAI;AAC1D,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU,wBAAS,SAAS,OAAQ;AAAA,MACpC;AAAA,MACA,OAAQ,QAAQ,QAAQ;AAAA,MACxB;AAAA,MAEE,WAAE,SAAS;AAAA;AAAA,EACd;AAEF,GACD;AAGD,IAAO,0CAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAA0C;AAC1C,wBAAyB;AACzB,qBAAwB;AAyFpB;AAvFJ,IAAM,8BAA8B,CAAE,UAAU,YAC/C,SAAS,OAAQ,CAAE,OAAQ,CAAE,QAAQ,SAAU,EAAG,CAAE,EAAE,WAAW;AAalE,IAAM,mBAAmB,CAAE,gBAAgB,kBAC1C,CAAE,MAAM,QAAS,aAAc,KAC/B,4BAA6B,gBAAgB,aAAc;AAyD5D,IAAM,8BAA8B,CAAE;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MACC,4CAAC,iDACE,WAAE,EAAE,gBAAgB,QAAQ,MAAO;AACpC,MAAK,CAAE,iBAAkB,gBAAgB,aAAc,GAAI;AAC1D,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU,wBAAS,SAAS,OAAQ;AAAA,MACpC;AAAA,MACA,OAAQ,QAAQ,QAAQ;AAAA,MACxB;AAAA,MAEE,WAAE,SAAS;AAAA;AAAA,EACd;AAEF,GACD;AAGD,IAAO,0CAAQ;",
   "names": []
 }

package/build/components/block-visibility/index.js

@@ -16,12 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/block-visibility/index.js
 var block_visibility_exports = {};
 __export(block_visibility_exports, {
   default: () => BlockVisibility
 });
 module.exports = __toCommonJS(block_visibility_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_data = require("@wordpress/data");
 var import_preferences = require("@wordpress/preferences");
 var import_blocks = require("@wordpress/blocks");
@@ -31,8 +32,9 @@ var import_i18n = require("@wordpress/i18n");
 var import_block_editor = require("@wordpress/block-editor");
 var import_store = require("../../store");
 var import_lock_unlock = require("../../lock-unlock");
-const { BlockManager } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const EMPTY_ARRAY = [];
+var import_jsx_runtime = require("react/jsx-runtime");
+var { BlockManager } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var EMPTY_ARRAY = [];
 function BlockVisibility() {
   const { showBlockTypes, hideBlockTypes } = (0, import_lock_unlock.unlock)(
     (0, import_data.useDispatch)(import_store.store)

package/build/components/block-visibility/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-visibility/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { hasBlockSupport, store as blocksStore } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { BlockManager } = unlock( blockEditorPrivateApis );\nconst EMPTY_ARRAY = [];\n\nexport default function BlockVisibility() {\n\tconst { showBlockTypes, hideBlockTypes } = unlock(\n\t\tuseDispatch( editorStore )\n\t);\n\n\tconst {\n\t\tblockTypes,\n\t\tallowedBlockTypes: _allowedBlockTypes,\n\t\thiddenBlockTypes: _hiddenBlockTypes,\n\t} = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tblockTypes: select( blocksStore ).getBlockTypes(),\n\t\t\tallowedBlockTypes:\n\t\t\t\tselect( editorStore ).getEditorSettings().allowedBlockTypes,\n\t\t\thiddenBlockTypes:\n\t\t\t\tselect( preferencesStore ).get( 'core', 'hiddenBlockTypes' ) ??\n\t\t\t\tEMPTY_ARRAY,\n\t\t};\n\t}, [] );\n\n\tconst allowedBlockTypes = useMemo( () => {\n\t\tif ( _allowedBlockTypes === true ) {\n\t\t\treturn blockTypes;\n\t\t}\n\t\treturn blockTypes.filter( ( { name } ) => {\n\t\t\treturn _allowedBlockTypes?.includes( name );\n\t\t} );\n\t}, [ _allowedBlockTypes, blockTypes ] );\n\n\tconst filteredBlockTypes = allowedBlockTypes.filter(\n\t\t( blockType ) =>\n\t\t\thasBlockSupport( blockType, 'inserter', true ) &&\n\t\t\t( ! blockType.parent ||\n\t\t\t\tblockType.parent.includes( 'core/post-content' ) )\n\t);\n\n\t// Some hidden blocks become unregistered\n\t// by removing for instance the plugin that registered them, yet\n\t// they're still remain as hidden by the user's action.\n\t// We consider \"hidden\", blocks which were hidden and\n\t// are still registered.\n\tconst hiddenBlockTypes = _hiddenBlockTypes.filter( ( hiddenBlock ) => {\n\t\treturn filteredBlockTypes.some(\n\t\t\t( registeredBlock ) => registeredBlock.name === hiddenBlock\n\t\t);\n\t} );\n\n\tconst selectedBlockTypes = filteredBlockTypes.filter(\n\t\t( blockType ) => ! hiddenBlockTypes.includes( blockType.name )\n\t);\n\n\tconst numberOfHiddenBlocks =\n\t\tfilteredBlockTypes.length - selectedBlockTypes.length;\n\n\tfunction enableAllBlockTypes() {\n\t\tonChangeSelectedBlockTypes( filteredBlockTypes );\n\t}\n\n\tconst onChangeSelectedBlockTypes = ( newSelectedBlockTypes ) => {\n\t\tif ( selectedBlockTypes.length > newSelectedBlockTypes.length ) {\n\t\t\tconst blockTypesToHide = selectedBlockTypes.filter(\n\t\t\t\t( blockType ) =>\n\t\t\t\t\t! newSelectedBlockTypes.find(\n\t\t\t\t\t\t( { name } ) => name === blockType.name\n\t\t\t\t\t)\n\t\t\t);\n\t\t\thideBlockTypes( blockTypesToHide.map( ( { name } ) => name ) );\n\t\t} else if ( selectedBlockTypes.length < newSelectedBlockTypes.length ) {\n\t\t\tconst blockTypesToShow = newSelectedBlockTypes.filter(\n\t\t\t\t( blockType ) =>\n\t\t\t\t\t! selectedBlockTypes.find(\n\t\t\t\t\t\t( { name } ) => name === blockType.name\n\t\t\t\t\t)\n\t\t\t);\n\t\t\tshowBlockTypes( blockTypesToShow.map( ( { name } ) => name ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"editor-block-visibility\">\n\t\t\t{ !! numberOfHiddenBlocks && (\n\t\t\t\t<div className=\"editor-block-visibility__disabled-blocks-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'%d block is hidden.',\n\t\t\t\t\t\t\t'%d blocks are hidden.',\n\t\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t\t),\n\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ enableAllBlockTypes }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<BlockManager\n\t\t\t\tblockTypes={ filteredBlockTypes }\n\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\tonChange={ onChangeSelectedBlockTypes }\n\t\t\t\tshowSelectAll={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["blockEditorPrivateApis", "editorStore", "blocksStore", "preferencesStore"]
 }

package/build/components/blog-title/index.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/blog-title/index.js
 var blog_title_exports = {};
 __export(blog_title_exports, {
   default: () => BlogTitle
 });
 module.exports = __toCommonJS(blog_title_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
 var import_compose = require("@wordpress/compose");
 var import_data = require("@wordpress/data");
@@ -43,7 +44,8 @@ var import_block_editor = require("@wordpress/block-editor");
 var import_constants = require("../../store/constants");
 var import_post_panel_row = __toESM(require("../post-panel-row"));
 var import_store = require("../../store");
-const EMPTY_OBJECT = {};
+var import_jsx_runtime = require("react/jsx-runtime");
+var EMPTY_OBJECT = {};
 function BlogTitle() {
   const { editEntityRecord } = (0, import_data.useDispatch)(import_core_data.store);
   const { postsPageTitle, postsPageId, isTemplate, postSlug } = (0, import_data.useSelect)(

package/build/components/blog-title/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/blog-title/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport {\n\tButton,\n\tDropdown,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\nconst EMPTY_OBJECT = {};\n\nexport default function BlogTitle() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postsPageTitle, postsPageId, isTemplate, postSlug } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getEditedEntityRecord, canUser } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = canUser( 'read', {\n\t\t\t\tkind: 'root',\n\t\t\t\tname: 'site',\n\t\t\t} )\n\t\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t\t: undefined;\n\t\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'page',\n\t\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t\t  )\n\t\t\t\t: EMPTY_OBJECT;\n\t\t\tconst { getEditedPostAttribute, getCurrentPostType } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\t\tpostsPageTitle: _postsPageRecord?.title,\n\t\t\t\tisTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,\n\t\t\t\tpostSlug: getEditedPostAttribute( 'slug' ),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tif (\n\t\t! isTemplate ||\n\t\t! [ 'home', 'index' ].includes( postSlug ) ||\n\t\t! postsPageId\n\t) {\n\t\treturn null;\n\t}\n\n\tconst setPostsPageTitle = ( newValue ) => {\n\t\teditEntityRecord( 'postType', 'page', postsPageId, {\n\t\t\ttitle: newValue,\n\t\t} );\n\t};\n\tconst decodedTitle = decodeEntities( postsPageTitle );\n\treturn (\n\t\t<PostPanelRow label={ __( 'Blog title' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tcontentClassName=\"editor-blog-title-dropdown__content\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\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\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t// translators: %s: Current post link.\n\t\t\t\t\t\t\t__( 'Change blog title: %s' ),\n\t\t\t\t\t\t\tdecodedTitle\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ decodedTitle }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Blog title' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tvalue={ postsPageTitle }\n\t\t\t\t\t\t\tonChange={ debounce( setPostsPageTitle, 300 ) }\n\t\t\t\t\t\t\tlabel={ __( 'Blog title' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the Posts Page title. Appears in search results, and when the page is shared on social media.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4FK;AAzFL,kBAA4B;AAC5B,qBAAyB;AACzB,kBAAuC;AACvC,uBAAmC;AACnC,2BAA+B;AAC/B,wBAIO;AACP,qBAAkC;AAClC,0BAA+E;AAK/E,uBAAmC;AACnC,4BAAyB;AACzB,mBAAqC;AAErC,MAAM,eAAe,CAAC;AAEP,SAAR,YAA6B;AACnC,QAAM,EAAE,iBAAiB,QAAI,yBAAa,iBAAAA,KAAU;AACpD,QAAM,EAAE,gBAAgB,aAAa,YAAY,SAAS,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,iBAAiB,uBAAuB,QAAQ,IACvD,OAAQ,iBAAAA,KAAU;AACnB,YAAM,eAAe,QAAS,QAAQ;AAAA,QACrC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE,IACC,gBAAiB,QAAQ,MAAO,IAChC;AACH,YAAM,mBAAmB,cAAc,iBACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,MACd,IACA;AACH,YAAM,EAAE,wBAAwB,mBAAmB,IAClD,OAAQ,aAAAC,KAAY;AACrB,aAAO;AAAA,QACN,aAAa,kBAAkB;AAAA,QAC/B,gBAAgB,kBAAkB;AAAA,QAClC,YAAY,mBAAmB,MAAM;AAAA,QACrC,UAAU,uBAAwB,MAAO;AAAA,MAC1C;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAGA,QAAM,CAAE,eAAe,gBAAiB,QAAI,yBAAU,IAAK;AAE3D,QAAM,mBAAe;AAAA,IACpB,OAAQ;AAAA;AAAA;AAAA,MAGP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,MACC,CAAE,cACF,CAAE,CAAE,QAAQ,OAAQ,EAAE,SAAU,QAAS,KACzC,CAAE,aACD;AACD,WAAO;AAAA,EACR;AAEA,QAAM,oBAAoB,CAAE,aAAc;AACzC,qBAAkB,YAAY,QAAQ,aAAa;AAAA,MAClD,OAAO;AAAA,IACR,CAAE;AAAA,EACH;AACA,QAAM,mBAAe,qCAAgB,cAAe;AACpD,SACC,4CAAC,sBAAAC,SAAA,EAAa,WAAQ,gBAAI,YAAa,GAAI,KAAM,kBAChD;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,kBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,cAAe,CAAE,EAAE,QAAQ,SAAS,MACnC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,iBAAgB;AAAA,UAChB,kBAAa;AAAA;AAAA,gBAEZ,gBAAI,uBAAwB;AAAA,YAC5B;AAAA,UACD;AAAA,UACA,SAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MAED,eAAgB,CAAE,EAAE,QAAQ,MAC3B,4EACC;AAAA;AAAA,UAAC,oBAAAC;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,YAAa;AAAA,YACzB;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,iBAAc,gBAAI,UAAW;AAAA,YAC7B,MAAK;AAAA,YACL,OAAQ;AAAA,YACR,cAAW,yBAAU,mBAAmB,GAAI;AAAA,YAC5C,WAAQ,gBAAI,YAAa;AAAA,YACzB,UAAO;AAAA,cACN;AAAA,YACD;AAAA,YACA,qBAAmB;AAAA;AAAA,QACpB;AAAA,SACD;AAAA;AAAA,EAEF,GACD;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAC5B,qBAAyB;AACzB,kBAAuC;AACvC,uBAAmC;AACnC,2BAA+B;AAC/B,wBAIO;AACP,qBAAkC;AAClC,0BAA+E;AAK/E,uBAAmC;AACnC,4BAAyB;AACzB,mBAAqC;AAuEhC;AArEL,IAAM,eAAe,CAAC;AAEP,SAAR,YAA6B;AACnC,QAAM,EAAE,iBAAiB,QAAI,yBAAa,iBAAAA,KAAU;AACpD,QAAM,EAAE,gBAAgB,aAAa,YAAY,SAAS,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,iBAAiB,uBAAuB,QAAQ,IACvD,OAAQ,iBAAAA,KAAU;AACnB,YAAM,eAAe,QAAS,QAAQ;AAAA,QACrC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE,IACC,gBAAiB,QAAQ,MAAO,IAChC;AACH,YAAM,mBAAmB,cAAc,iBACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,MACd,IACA;AACH,YAAM,EAAE,wBAAwB,mBAAmB,IAClD,OAAQ,aAAAC,KAAY;AACrB,aAAO;AAAA,QACN,aAAa,kBAAkB;AAAA,QAC/B,gBAAgB,kBAAkB;AAAA,QAClC,YAAY,mBAAmB,MAAM;AAAA,QACrC,UAAU,uBAAwB,MAAO;AAAA,MAC1C;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAGA,QAAM,CAAE,eAAe,gBAAiB,QAAI,yBAAU,IAAK;AAE3D,QAAM,mBAAe;AAAA,IACpB,OAAQ;AAAA;AAAA;AAAA,MAGP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,MACC,CAAE,cACF,CAAE,CAAE,QAAQ,OAAQ,EAAE,SAAU,QAAS,KACzC,CAAE,aACD;AACD,WAAO;AAAA,EACR;AAEA,QAAM,oBAAoB,CAAE,aAAc;AACzC,qBAAkB,YAAY,QAAQ,aAAa;AAAA,MAClD,OAAO;AAAA,IACR,CAAE;AAAA,EACH;AACA,QAAM,mBAAe,qCAAgB,cAAe;AACpD,SACC,4CAAC,sBAAAC,SAAA,EAAa,WAAQ,gBAAI,YAAa,GAAI,KAAM,kBAChD;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,kBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,cAAe,CAAE,EAAE,QAAQ,SAAS,MACnC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,iBAAgB;AAAA,UAChB,kBAAa;AAAA;AAAA,gBAEZ,gBAAI,uBAAwB;AAAA,YAC5B;AAAA,UACD;AAAA,UACA,SAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MAED,eAAgB,CAAE,EAAE,QAAQ,MAC3B,4EACC;AAAA;AAAA,UAAC,oBAAAC;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,YAAa;AAAA,YACzB;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,iBAAc,gBAAI,UAAW;AAAA,YAC7B,MAAK;AAAA,YACL,OAAQ;AAAA,YACR,cAAW,yBAAU,mBAAmB,GAAI;AAAA,YAC5C,WAAQ,gBAAI,YAAa;AAAA,YACzB,UAAO;AAAA,cACN;AAAA,YACD;AAAA,YACA,qBAAmB;AAAA;AAAA,QACpB;AAAA,SACD;AAAA;AAAA,EAEF,GACD;AAEF;",
   "names": ["coreStore", "editorStore", "PostPanelRow", "InspectorPopoverHeader", "InputControl"]
 }

package/build/components/character-count/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/character-count/index.js
 var character_count_exports = {};
 __export(character_count_exports, {
   default: () => CharacterCount

package/build/components/character-count/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/character-count/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { count as characterCount } from '@wordpress/wordcount';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the character count of the post content.\n *\n * @return {number} The character count.\n */\nexport default function CharacterCount() {\n\tconst content = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\n\treturn characterCount( content, 'characters_including_spaces' );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,uBAAwC;AAKxC,mBAAqC;AAOtB,SAAR,iBAAkC;AACxC,QAAM,cAAU;AAAA,IACf,CAAE,WAAY,OAAQ,aAAAA,KAAY,EAAE,uBAAwB,SAAU;AAAA,IACtE,CAAC;AAAA,EACF;AAEA,aAAO,iBAAAC,OAAgB,SAAS,6BAA8B;AAC/D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,uBAAwC;AAKxC,mBAAqC;AAOtB,SAAR,iBAAkC;AACxC,QAAM,cAAU;AAAA,IACf,CAAE,WAAY,OAAQ,aAAAA,KAAY,EAAE,uBAAwB,SAAU;AAAA,IACtE,CAAC;AAAA,EACF;AAEA,aAAO,iBAAAC,OAAgB,SAAS,6BAA8B;AAC/D;",
   "names": ["editorStore", "characterCount"]
 }

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

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/collab-sidebar/add-comment.js
 var add_comment_exports = {};
 __export(add_comment_exports, {
   AddComment: () => AddComment
 });
 module.exports = __toCommonJS(add_comment_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
@@ -41,27 +42,32 @@ var import_lock_unlock = require("../../lock-unlock");
 var import_comment_author_info = __toESM(require("./comment-author-info"));
 var import_comment_form = __toESM(require("./comment-form"));
 var import_utils = require("./utils");
-const { useBlockElement } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var import_jsx_runtime = require("react/jsx-runtime");
+var { useBlockElement } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function AddComment({
   onSubmit,
-  showCommentBoard,
-  setShowCommentBoard,
+  newNoteFormState,
+  setNewNoteFormState,
   commentSidebarRef,
   reflowComments = import_utils.noop,
   isFloating = false,
   y,
   refs
 }) {
-  const { clientId, blockCommentId } = (0, import_data.useSelect)((select) => {
-    const { getSelectedBlock } = select(import_block_editor.store);
-    const selectedBlock = getSelectedBlock();
+  const { clientId } = (0, import_data.useSelect)((select) => {
+    const { getSelectedBlockClientId } = select(import_block_editor.store);
     return {
-      clientId: selectedBlock?.clientId,
-      blockCommentId: selectedBlock?.attributes?.metadata?.noteId
+      clientId: getSelectedBlockClientId()
     };
   }, []);
   const blockElement = useBlockElement(clientId);
-  if (!showCommentBoard || !clientId || void 0 !== blockCommentId) {
+  const { toggleBlockSpotlight } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_block_editor.store));
+  const unselectThread = () => {
+    setNewNoteFormState("closed");
+    blockElement?.focus();
+    toggleBlockSpotlight(clientId, false);
+  };
+  if (newNoteFormState !== "open" || !clientId) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -76,7 +82,7 @@ function AddComment({
       spacing: "3",
       tabIndex: 0,
       "aria-label": (0, import_i18n.__)("New note"),
-      role: "listitem",
+      role: "treeitem",
       ref: isFloating ? refs.setFloating : void 0,
       style: isFloating ? (
         // Delay showing the floating note box until a Y position is known to prevent blink.
@@ -86,7 +92,8 @@ function AddComment({
         if (event.currentTarget.contains(event.relatedTarget)) {
           return;
         }
-        setShowCommentBoard(false);
+        toggleBlockSpotlight(clientId, false);
+        setNewNoteFormState("closed");
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalHStack, { alignment: "left", spacing: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_comment_author_info.default, {}) }),
@@ -96,12 +103,9 @@ function AddComment({
             onSubmit: async (inputComment) => {
               const { id } = await onSubmit({ content: inputComment });
               (0, import_utils.focusCommentThread)(id, commentSidebarRef.current);
-              setShowCommentBoard(false);
-            },
-            onCancel: () => {
-              setShowCommentBoard(false);
-              blockElement?.focus();
+              setNewNoteFormState("creating");
             },
+            onCancel: unselectThread,
             reflowComments,
             submitButtonText: (0, import_i18n.__)("Add note"),
             labelText: (0, import_i18n.__)("New note")

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/collab-sidebar/add-comment.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\nimport { focusCommentThread, noop } from './utils';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tcommentSidebarRef,\n\treflowComments = noop,\n\tisFloating = false,\n\ty,\n\trefs,\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?.metadata?.noteId,\n\t\t};\n\t}, [] );\n\tconst blockElement = useBlockElement( clientId );\n\n\tif ( ! showCommentBoard || ! clientId || undefined !== blockCommentId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName={ clsx(\n\t\t\t\t'editor-collab-sidebar-panel__thread is-selected',\n\t\t\t\t{\n\t\t\t\t\t'is-floating': isFloating,\n\t\t\t\t}\n\t\t\t) }\n\t\t\tspacing=\"3\"\n\t\t\ttabIndex={ 0 }\n\t\t\taria-label={ __( 'New note' ) }\n\t\t\trole=\"listitem\"\n\t\t\tref={ isFloating ? refs.setFloating : undefined }\n\t\t\tstyle={\n\t\t\t\tisFloating\n\t\t\t\t\t? // Delay showing the floating note box until a Y position is known to prevent blink.\n\t\t\t\t\t  { top: y, opacity: ! y ? 0 : undefined }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tif ( event.currentTarget.contains( event.relatedTarget ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetShowCommentBoard( false );\n\t\t\t} }\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={ async ( inputComment ) => {\n\t\t\t\t\tconst { id } = await onSubmit( { content: inputComment } );\n\t\t\t\t\tfocusCommentThread( id, commentSidebarRef.current );\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => {\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t\tblockElement?.focus();\n\t\t\t\t} }\n\t\t\t\treflowComments={ reflowComments }\n\t\t\t\tsubmitButtonText={ __( 'Add note' ) }\n\t\t\t\tlabelText={ __( 'New note' ) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDE;AAlDF,kBAAiB;AAIjB,kBAAmB;AACnB,kBAA0B;AAC1B,wBAGO;AACP,0BAGO;AAKP,yBAAuB;AACvB,iCAA8B;AAC9B,0BAAwB;AACxB,mBAAyC;AAEzC,MAAM,EAAE,gBAAgB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEpD,SAAS,WAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,UAAU,eAAe,QAAI,uBAAW,CAAE,WAAY;AAC7D,UAAM,EAAE,iBAAiB,IAAI,OAAQ,oBAAAC,KAAiB;AACtD,UAAM,gBAAgB,iBAAiB;AACvC,WAAO;AAAA,MACN,UAAU,eAAe;AAAA,MACzB,gBAAgB,eAAe,YAAY,UAAU;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,eAAe,gBAAiB,QAAS;AAE/C,MAAK,CAAE,oBAAoB,CAAE,YAAY,WAAc,gBAAiB;AACvE,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,UACC,eAAe;AAAA,QAChB;AAAA,MACD;AAAA,MACA,SAAQ;AAAA,MACR,UAAW;AAAA,MACX,kBAAa,gBAAI,UAAW;AAAA,MAC5B,MAAK;AAAA,MACL,KAAM,aAAa,KAAK,cAAc;AAAA,MACtC,OACC;AAAA;AAAA,QAEG,EAAE,KAAK,GAAG,SAAS,CAAE,IAAI,IAAI,OAAU;AAAA,UACvC;AAAA,MAEJ,QAAS,CAAE,UAAW;AACrB,YAAK,MAAM,cAAc,SAAU,MAAM,aAAc,GAAI;AAC1D;AAAA,QACD;AACA,4BAAqB,KAAM;AAAA,MAC5B;AAAA,MAEA;AAAA,oDAAC,kBAAAC,sBAAA,EAAO,WAAU,QAAO,SAAQ,KAChC,sDAAC,2BAAAC,SAAA,EAAkB,GACpB;AAAA,QACA;AAAA,UAAC,oBAAAC;AAAA,UAAA;AAAA,YACA,UAAW,OAAQ,iBAAkB;AACpC,oBAAM,EAAE,GAAG,IAAI,MAAM,SAAU,EAAE,SAAS,aAAa,CAAE;AACzD,mDAAoB,IAAI,kBAAkB,OAAQ;AAClD,kCAAqB,KAAM;AAAA,YAC5B;AAAA,YACA,UAAW,MAAM;AAChB,kCAAqB,KAAM;AAC3B,4BAAc,MAAM;AAAA,YACrB;AAAA,YACA;AAAA,YACA,sBAAmB,gBAAI,UAAW;AAAA,YAClC,eAAY,gBAAI,UAAW;AAAA;AAAA,QAC5B;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\nimport { focusCommentThread, noop } from './utils';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\nexport function AddComment( {\n\tonSubmit,\n\tnewNoteFormState,\n\tsetNewNoteFormState,\n\tcommentSidebarRef,\n\treflowComments = noop,\n\tisFloating = false,\n\ty,\n\trefs,\n} ) {\n\tconst { clientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId } = select( blockEditorStore );\n\t\treturn {\n\t\t\tclientId: getSelectedBlockClientId(),\n\t\t};\n\t}, [] );\n\tconst blockElement = useBlockElement( clientId );\n\tconst { toggleBlockSpotlight } = unlock( useDispatch( blockEditorStore ) );\n\n\tconst unselectThread = () => {\n\t\tsetNewNoteFormState( 'closed' );\n\t\tblockElement?.focus();\n\t\ttoggleBlockSpotlight( clientId, false );\n\t};\n\n\tif ( newNoteFormState !== 'open' || ! clientId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName={ clsx(\n\t\t\t\t'editor-collab-sidebar-panel__thread is-selected',\n\t\t\t\t{\n\t\t\t\t\t'is-floating': isFloating,\n\t\t\t\t}\n\t\t\t) }\n\t\t\tspacing=\"3\"\n\t\t\ttabIndex={ 0 }\n\t\t\taria-label={ __( 'New note' ) }\n\t\t\trole=\"treeitem\"\n\t\t\tref={ isFloating ? refs.setFloating : undefined }\n\t\t\tstyle={\n\t\t\t\tisFloating\n\t\t\t\t\t? // Delay showing the floating note box until a Y position is known to prevent blink.\n\t\t\t\t\t  { top: y, opacity: ! y ? 0 : undefined }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tif ( event.currentTarget.contains( event.relatedTarget ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\ttoggleBlockSpotlight( clientId, false );\n\t\t\t\tsetNewNoteFormState( 'closed' );\n\t\t\t} }\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={ async ( inputComment ) => {\n\t\t\t\t\tconst { id } = await onSubmit( { content: inputComment } );\n\t\t\t\t\tfocusCommentThread( id, commentSidebarRef.current );\n\t\t\t\t\tsetNewNoteFormState( 'creating' );\n\t\t\t\t} }\n\t\t\t\tonCancel={ unselectThread }\n\t\t\t\treflowComments={ reflowComments }\n\t\t\t\tsubmitButtonText={ __( 'Add note' ) }\n\t\t\t\tlabelText={ __( 'New note' ) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,kBAAmB;AACnB,kBAAuC;AACvC,wBAGO;AACP,0BAGO;AAKP,yBAAuB;AACvB,iCAA8B;AAC9B,0BAAwB;AACxB,mBAAyC;AAkCvC;AAhCF,IAAM,EAAE,gBAAgB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEpD,SAAS,WAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,SAAS,QAAI,uBAAW,CAAE,WAAY;AAC7C,UAAM,EAAE,yBAAyB,IAAI,OAAQ,oBAAAC,KAAiB;AAC9D,WAAO;AAAA,MACN,UAAU,yBAAyB;AAAA,IACpC;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,eAAe,gBAAiB,QAAS;AAC/C,QAAM,EAAE,qBAAqB,QAAI,+BAAQ,yBAAa,oBAAAA,KAAiB,CAAE;AAEzE,QAAM,iBAAiB,MAAM;AAC5B,wBAAqB,QAAS;AAC9B,kBAAc,MAAM;AACpB,yBAAsB,UAAU,KAAM;AAAA,EACvC;AAEA,MAAK,qBAAqB,UAAU,CAAE,UAAW;AAChD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,UACC,eAAe;AAAA,QAChB;AAAA,MACD;AAAA,MACA,SAAQ;AAAA,MACR,UAAW;AAAA,MACX,kBAAa,gBAAI,UAAW;AAAA,MAC5B,MAAK;AAAA,MACL,KAAM,aAAa,KAAK,cAAc;AAAA,MACtC,OACC;AAAA;AAAA,QAEG,EAAE,KAAK,GAAG,SAAS,CAAE,IAAI,IAAI,OAAU;AAAA,UACvC;AAAA,MAEJ,QAAS,CAAE,UAAW;AACrB,YAAK,MAAM,cAAc,SAAU,MAAM,aAAc,GAAI;AAC1D;AAAA,QACD;AACA,6BAAsB,UAAU,KAAM;AACtC,4BAAqB,QAAS;AAAA,MAC/B;AAAA,MAEA;AAAA,oDAAC,kBAAAC,sBAAA,EAAO,WAAU,QAAO,SAAQ,KAChC,sDAAC,2BAAAC,SAAA,EAAkB,GACpB;AAAA,QACA;AAAA,UAAC,oBAAAC;AAAA,UAAA;AAAA,YACA,UAAW,OAAQ,iBAAkB;AACpC,oBAAM,EAAE,GAAG,IAAI,MAAM,SAAU,EAAE,SAAS,aAAa,CAAE;AACzD,mDAAoB,IAAI,kBAAkB,OAAQ;AAClD,kCAAqB,UAAW;AAAA,YACjC;AAAA,YACA,UAAW;AAAA,YACX;AAAA,YACA,sBAAmB,gBAAI,UAAW;AAAA,YAClC,eAAY,gBAAI,UAAW;AAAA;AAAA,QAC5B;AAAA;AAAA;AAAA,EACD;AAEF;",
   "names": ["blockEditorPrivateApis", "blockEditorStore", "VStack", "clsx", "HStack", "CommentAuthorInfo", "CommentForm"]
 }

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

@@ -16,12 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/collab-sidebar/comment-author-info.js
 var comment_author_info_exports = {};
 __export(comment_author_info_exports, {
   default: () => comment_author_info_default
 });
 module.exports = __toCommonJS(comment_author_info_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_date = require("@wordpress/date");
@@ -29,6 +30,7 @@ var import_core_data = require("@wordpress/core-data");
 var import_data = require("@wordpress/data");
 var import_block_editor = require("@wordpress/block-editor");
 var import_utils = require("./utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CommentAuthorInfo({ avatar, name, date, userId }) {
   const hasAvatar = !!avatar;
   const dateSettings = (0, import_date.getSettings)();
@@ -89,7 +91,7 @@ function CommentAuthorInfo({ avatar, name, date, userId }) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: "0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "editor-collab-sidebar-panel__user-name", children: name ?? currentUserName }),
-      date && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { placement: "top", text: tooltipText, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      date && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: tooltipText, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "time",
         {
           dateTime: commentDateTime,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/collab-sidebar/comment-author-info.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Tooltip, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\tgetSettings as getDateSettings,\n\thumanTimeDiff,\n\tgetDate,\n} from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { getAvatarBorderColor } from './utils';\n\nfunction CommentAuthorInfo( { avatar, name, date, userId } ) {\n\tconst hasAvatar = !! avatar;\n\tconst dateSettings = getDateSettings();\n\tconst {\n\t\tcurrentUserAvatar,\n\t\tcurrentUserName,\n\t\tcurrentUserId,\n\t\tdateFormat = dateSettings.formats.date,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser, getCurrentUser, getEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = canUser( 'read', {\n\t\t\t\tkind: 'root',\n\t\t\t\tname: 'site',\n\t\t\t} )\n\t\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t\t: undefined;\n\n\t\t\tif ( hasAvatar ) {\n\t\t\t\treturn {\n\t\t\t\t\tdateFormat: siteSettings?.date_format,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\t\tconst userData = getCurrentUser();\n\t\t\treturn {\n\t\t\t\tcurrentUserAvatar:\n\t\t\t\t\tuserData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\t\tcurrentUserName: userData?.name,\n\t\t\t\tcurrentUserId: userData?.id,\n\t\t\t\tdateFormat: siteSettings?.date_format,\n\t\t\t};\n\t\t},\n\t\t[ hasAvatar ]\n\t);\n\n\tconst commentDate = getDate( date );\n\tconst commentDateTime = dateI18n( 'c', commentDate );\n\tconst shouldShowHumanTimeDiff =\n\t\tMath.floor( ( new Date() - commentDate ) / ( 1000 * 60 * 60 * 24 ) ) <\n\t\t30;\n\n\tconst commentDateText = shouldShowHumanTimeDiff\n\t\t? humanTimeDiff( commentDate )\n\t\t: dateI18n( dateFormat, commentDate );\n\n\tconst tooltipText = dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'Note date full date format' ),\n\t\tdate\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar || currentUserAvatar }\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\talt={ __( 'User avatar' ) }\n\t\t\t\twidth={ 32 }\n\t\t\t\theight={ 32 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\tuserId ?? currentUserId\n\t\t\t\t\t),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<VStack spacing=\"0\">\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t{ date && (\n\t\t\t\t\t<Tooltip placement=\"top\" text={ tooltipText }>\n\t\t\t\t\t\t<time\n\t\t\t\t\t\t\tdateTime={ commentDateTime }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ commentDateText }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6EE;AA1EF,wBAAwD;AACxD,kBAAuB;AACvB,kBAKO;AACP,uBAAmC;AACnC,kBAA0B;AAC1B,0BAA0C;AAK1C,mBAAqC;AAErC,SAAS,kBAAmB,EAAE,QAAQ,MAAM,MAAM,OAAO,GAAI;AAC5D,QAAM,YAAY,CAAC,CAAE;AACrB,QAAM,mBAAe,YAAAA,aAAgB;AACrC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,aAAa,QAAQ;AAAA,EACnC,QAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM,EAAE,SAAS,gBAAgB,gBAAgB,IAChD,OAAQ,iBAAAC,KAAU;AACnB,YAAM,eAAe,QAAS,QAAQ;AAAA,QACrC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE,IACC,gBAAiB,QAAQ,MAAO,IAChC;AAEH,UAAK,WAAY;AAChB,eAAO;AAAA,UACN,YAAY,cAAc;AAAA,QAC3B;AAAA,MACD;AAEA,YAAM,EAAE,YAAY,IAAI,OAAQ,oBAAAC,KAAiB;AACjD,YAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,YAAM,gBAAgB,kCAAkC;AACxD,YAAM,WAAW,eAAe;AAChC,aAAO;AAAA,QACN,mBACC,UAAU,cAAe,EAAG,KAAK;AAAA,QAClC,iBAAiB,UAAU;AAAA,QAC3B,eAAe,UAAU;AAAA,QACzB,YAAY,cAAc;AAAA,MAC3B;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,kBAAc,qBAAS,IAAK;AAClC,QAAM,sBAAkB,sBAAU,KAAK,WAAY;AACnD,QAAM,0BACL,KAAK,OAAS,oBAAI,KAAK,IAAI,gBAAkB,MAAO,KAAK,KAAK,GAAK,IACnE;AAED,QAAM,kBAAkB,8BACrB,2BAAe,WAAY,QAC3B,sBAAU,YAAY,WAAY;AAErC,QAAM,kBAAc;AAAA;AAAA,QAEnB,gBAAI,mBAAmB,4BAA6B;AAAA,IACpD;AAAA,EACD;AAEA,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,KAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAEV,SAAM,gBAAI,aAAc;AAAA,QACxB,OAAQ;AAAA,QACR,QAAS;AAAA,QACT,OAAQ;AAAA,UACP,iBAAa;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,6CAAC,kBAAAC,sBAAA,EAAO,SAAQ,KACf;AAAA,kDAAC,UAAK,WAAU,0CACb,kBAAQ,iBACX;AAAA,MACE,QACD,4CAAC,6BAAQ,WAAU,OAAM,MAAO,aAC/B;AAAA,QAAC;AAAA;AAAA,UACA,UAAW;AAAA,UACX,WAAU;AAAA,UAER;AAAA;AAAA,MACH,GACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Tooltip, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\tgetSettings as getDateSettings,\n\thumanTimeDiff,\n\tgetDate,\n} from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { getAvatarBorderColor } from './utils';\n\nfunction CommentAuthorInfo( { avatar, name, date, userId } ) {\n\tconst hasAvatar = !! avatar;\n\tconst dateSettings = getDateSettings();\n\tconst {\n\t\tcurrentUserAvatar,\n\t\tcurrentUserName,\n\t\tcurrentUserId,\n\t\tdateFormat = dateSettings.formats.date,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser, getCurrentUser, getEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = canUser( 'read', {\n\t\t\t\tkind: 'root',\n\t\t\t\tname: 'site',\n\t\t\t} )\n\t\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t\t: undefined;\n\n\t\t\tif ( hasAvatar ) {\n\t\t\t\treturn {\n\t\t\t\t\tdateFormat: siteSettings?.date_format,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\t\tconst userData = getCurrentUser();\n\t\t\treturn {\n\t\t\t\tcurrentUserAvatar:\n\t\t\t\t\tuserData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\t\tcurrentUserName: userData?.name,\n\t\t\t\tcurrentUserId: userData?.id,\n\t\t\t\tdateFormat: siteSettings?.date_format,\n\t\t\t};\n\t\t},\n\t\t[ hasAvatar ]\n\t);\n\n\tconst commentDate = getDate( date );\n\tconst commentDateTime = dateI18n( 'c', commentDate );\n\tconst shouldShowHumanTimeDiff =\n\t\tMath.floor( ( new Date() - commentDate ) / ( 1000 * 60 * 60 * 24 ) ) <\n\t\t30;\n\n\tconst commentDateText = shouldShowHumanTimeDiff\n\t\t? humanTimeDiff( commentDate )\n\t\t: dateI18n( dateFormat, commentDate );\n\n\tconst tooltipText = dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'Note date full date format' ),\n\t\tdate\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar || currentUserAvatar }\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\talt={ __( 'User avatar' ) }\n\t\t\t\twidth={ 32 }\n\t\t\t\theight={ 32 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\tuserId ?? currentUserId\n\t\t\t\t\t),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<VStack spacing=\"0\">\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t{ date && (\n\t\t\t\t\t<Tooltip text={ tooltipText }>\n\t\t\t\t\t\t<time\n\t\t\t\t\t\t\tdateTime={ commentDateTime }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ commentDateText }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAwD;AACxD,kBAAuB;AACvB,kBAKO;AACP,uBAAmC;AACnC,kBAA0B;AAC1B,0BAA0C;AAK1C,mBAAqC;AA2DnC;AAzDF,SAAS,kBAAmB,EAAE,QAAQ,MAAM,MAAM,OAAO,GAAI;AAC5D,QAAM,YAAY,CAAC,CAAE;AACrB,QAAM,mBAAe,YAAAA,aAAgB;AACrC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,aAAa,QAAQ;AAAA,EACnC,QAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM,EAAE,SAAS,gBAAgB,gBAAgB,IAChD,OAAQ,iBAAAC,KAAU;AACnB,YAAM,eAAe,QAAS,QAAQ;AAAA,QACrC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE,IACC,gBAAiB,QAAQ,MAAO,IAChC;AAEH,UAAK,WAAY;AAChB,eAAO;AAAA,UACN,YAAY,cAAc;AAAA,QAC3B;AAAA,MACD;AAEA,YAAM,EAAE,YAAY,IAAI,OAAQ,oBAAAC,KAAiB;AACjD,YAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,YAAM,gBAAgB,kCAAkC;AACxD,YAAM,WAAW,eAAe;AAChC,aAAO;AAAA,QACN,mBACC,UAAU,cAAe,EAAG,KAAK;AAAA,QAClC,iBAAiB,UAAU;AAAA,QAC3B,eAAe,UAAU;AAAA,QACzB,YAAY,cAAc;AAAA,MAC3B;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,kBAAc,qBAAS,IAAK;AAClC,QAAM,sBAAkB,sBAAU,KAAK,WAAY;AACnD,QAAM,0BACL,KAAK,OAAS,oBAAI,KAAK,IAAI,gBAAkB,MAAO,KAAK,KAAK,GAAK,IACnE;AAED,QAAM,kBAAkB,8BACrB,2BAAe,WAAY,QAC3B,sBAAU,YAAY,WAAY;AAErC,QAAM,kBAAc;AAAA;AAAA,QAEnB,gBAAI,mBAAmB,4BAA6B;AAAA,IACpD;AAAA,EACD;AAEA,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,KAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAEV,SAAM,gBAAI,aAAc;AAAA,QACxB,OAAQ;AAAA,QACR,QAAS;AAAA,QACT,OAAQ;AAAA,UACP,iBAAa;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,6CAAC,kBAAAC,sBAAA,EAAO,SAAQ,KACf;AAAA,kDAAC,UAAK,WAAU,0CACb,kBAAQ,iBACX;AAAA,MACE,QACD,4CAAC,6BAAQ,MAAO,aACf;AAAA,QAAC;AAAA;AAAA,UACA,UAAW;AAAA,UACX,WAAU;AAAA,UAER;AAAA;AAAA,MACH,GACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
   "names": ["getDateSettings", "coreStore", "blockEditorStore", "VStack"]
 }

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

@@ -26,18 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/collab-sidebar/comment-form.js
 var comment_form_exports = {};
 __export(comment_form_exports, {
   default: () => comment_form_default
 });
 module.exports = __toCommonJS(comment_form_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_autosize_textarea = __toESM(require("react-autosize-textarea"));
 var import_element = require("@wordpress/element");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_compose = require("@wordpress/compose");
+var import_keycodes = require("@wordpress/keycodes");
 var import_utils = require("./utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CommentForm({
   onSubmit,
   onCancel,
@@ -60,6 +63,12 @@ function CommentForm({
     {
       className: "editor-collab-sidebar-panel__comment-form",
       spacing: "4",
+      as: "form",
+      onSubmit: (event) => {
+        event.preventDefault();
+        onSubmit(inputComment);
+        setInputComment("");
+      },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { as: "label", htmlFor: inputId, children: labelText ?? (0, import_i18n.__)("Note") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -72,7 +81,12 @@ function CommentForm({
               debouncedCommentUpdated();
             },
             rows: 1,
-            maxRows: 20
+            maxRows: 20,
+            onKeyDown: (event) => {
+              if (import_keycodes.isKeyboardEvent.primary(event, "Enter") && !isDisabled) {
+                event.target.parentNode.requestSubmit();
+              }
+            }
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { spacing: "2", justify: "flex-end", wrap: true, children: [
@@ -83,10 +97,7 @@ function CommentForm({
               size: "compact",
               accessibleWhenDisabled: true,
               variant: "primary",
-              onClick: () => {
-                onSubmit(inputComment);
-                setInputComment("");
-              },
+              type: "submit",
               disabled: isDisabled,
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { children: submitButtonText })
             }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../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__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId, useDebounce } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString, noop } from './utils';\n\nfunction CommentForm( {\n\tonSubmit,\n\tonCancel,\n\tthread,\n\tsubmitButtonText,\n\tlabelText,\n\treflowComments = noop,\n} ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\t// Regularly trigger a reflow as the user types since the textarea may grow or shrink.\n\tconst debouncedCommentUpdated = useDebounce( reflowComments, 100 );\n\n\tconst updateComment = ( value ) => {\n\t\tsetInputComment( value );\n\t};\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\tconst isDisabled =\n\t\tinputComment === thread?.content?.raw ||\n\t\t! sanitizeCommentString( inputComment ).length;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__comment-form\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ labelText ?? __( 'Note' ) }\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\tupdateComment( comment.target.value );\n\t\t\t\t\tdebouncedCommentUpdated();\n\t\t\t\t} }\n\t\t\t\trows={ 1 }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t/>\n\t\t\t<HStack spacing=\"2\" justify=\"flex-end\" wrap>\n\t\t\t\t<Button size=\"compact\" variant=\"tertiary\" onClick={ onCancel }>\n\t\t\t\t\t<Truncate>{ __( 'Cancel' ) }</Truncate>\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\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={ isDisabled }\n\t\t\t\t>\n\t\t\t\t\t<Truncate>{ submitButtonText }</Truncate>\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nexport default CommentForm;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDG;AAlDH,qCAA6B;AAK7B,qBAAyB;AACzB,wBAMO;AACP,kBAAmB;AACnB,qBAA2C;AAK3C,mBAA4C;AAE5C,SAAS,YAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AACH,QAAM,CAAE,cAAc,eAAgB,QAAI;AAAA,IACzC,QAAQ,SAAS,OAAO;AAAA,EACzB;AAGA,QAAM,8BAA0B,4BAAa,gBAAgB,GAAI;AAEjE,QAAM,gBAAgB,CAAE,UAAW;AAClC,oBAAiB,KAAM;AAAA,EACxB;AAEA,QAAM,cAAU,8BAAe,aAAa,eAAgB;AAC5D,QAAM,aACL,iBAAiB,QAAQ,SAAS,OAClC,KAAE,oCAAuB,YAAa,EAAE;AAEzC,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MAER;AAAA,oDAAC,oCAAe,IAAG,SAAQ,SAAU,SAClC,2BAAa,gBAAI,MAAO,GAC3B;AAAA,QACA;AAAA,UAAC,+BAAAC;AAAA,UAAA;AAAA,YACA,IAAK;AAAA,YACL,OAAQ,gBAAgB;AAAA,YACxB,UAAW,CAAE,YAAa;AACzB,4BAAe,QAAQ,OAAO,KAAM;AACpC,sCAAwB;AAAA,YACzB;AAAA,YACA,MAAO;AAAA,YACP,SAAU;AAAA;AAAA,QACX;AAAA,QACA,6CAAC,kBAAAC,sBAAA,EAAO,SAAQ,KAAI,SAAQ,YAAW,MAAI,MAC1C;AAAA,sDAAC,4BAAO,MAAK,WAAU,SAAQ,YAAW,SAAU,UACnD,sDAAC,kBAAAC,wBAAA,EAAW,8BAAI,QAAS,GAAG,GAC7B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,wBAAsB;AAAA,cACtB,SAAQ;AAAA,cACR,SAAU,MAAM;AACf,yBAAU,YAAa;AACvB,gCAAiB,EAAG;AAAA,cACrB;AAAA,cACA,UAAW;AAAA,cAEX,sDAAC,kBAAAA,wBAAA,EAAW,4BAAkB;AAAA;AAAA,UAC/B;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,uBAAQ;",
+  "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__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId, useDebounce } from '@wordpress/compose';\nimport { isKeyboardEvent } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString, noop } from './utils';\n\nfunction CommentForm( {\n\tonSubmit,\n\tonCancel,\n\tthread,\n\tsubmitButtonText,\n\tlabelText,\n\treflowComments = noop,\n} ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\t// Regularly trigger a reflow as the user types since the textarea may grow or shrink.\n\tconst debouncedCommentUpdated = useDebounce( reflowComments, 100 );\n\n\tconst updateComment = ( value ) => {\n\t\tsetInputComment( value );\n\t};\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\tconst isDisabled =\n\t\tinputComment === thread?.content?.raw ||\n\t\t! sanitizeCommentString( inputComment ).length;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__comment-form\"\n\t\t\tspacing=\"4\"\n\t\t\tas=\"form\"\n\t\t\tonSubmit={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonSubmit( inputComment );\n\t\t\t\tsetInputComment( '' );\n\t\t\t} }\n\t\t>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ labelText ?? __( 'Note' ) }\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\tupdateComment( comment.target.value );\n\t\t\t\t\tdebouncedCommentUpdated();\n\t\t\t\t} }\n\t\t\t\trows={ 1 }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tisKeyboardEvent.primary( event, 'Enter' ) &&\n\t\t\t\t\t\t! isDisabled\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.target.parentNode.requestSubmit();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<HStack spacing=\"2\" justify=\"flex-end\" wrap>\n\t\t\t\t<Button size=\"compact\" variant=\"tertiary\" onClick={ onCancel }>\n\t\t\t\t\t<Truncate>{ __( 'Cancel' ) }</Truncate>\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t>\n\t\t\t\t\t<Truncate>{ submitButtonText }</Truncate>\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nexport default CommentForm;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qCAA6B;AAK7B,qBAAyB;AACzB,wBAMO;AACP,kBAAmB;AACnB,qBAA2C;AAC3C,sBAAgC;AAKhC,mBAA4C;AAqCzC;AAnCH,SAAS,YAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AACH,QAAM,CAAE,cAAc,eAAgB,QAAI;AAAA,IACzC,QAAQ,SAAS,OAAO;AAAA,EACzB;AAGA,QAAM,8BAA0B,4BAAa,gBAAgB,GAAI;AAEjE,QAAM,gBAAgB,CAAE,UAAW;AAClC,oBAAiB,KAAM;AAAA,EACxB;AAEA,QAAM,cAAU,8BAAe,aAAa,eAAgB;AAC5D,QAAM,aACL,iBAAiB,QAAQ,SAAS,OAClC,KAAE,oCAAuB,YAAa,EAAE;AAEzC,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,UAAW,CAAE,UAAW;AACvB,cAAM,eAAe;AACrB,iBAAU,YAAa;AACvB,wBAAiB,EAAG;AAAA,MACrB;AAAA,MAEA;AAAA,oDAAC,oCAAe,IAAG,SAAQ,SAAU,SAClC,2BAAa,gBAAI,MAAO,GAC3B;AAAA,QACA;AAAA,UAAC,+BAAAC;AAAA,UAAA;AAAA,YACA,IAAK;AAAA,YACL,OAAQ,gBAAgB;AAAA,YACxB,UAAW,CAAE,YAAa;AACzB,4BAAe,QAAQ,OAAO,KAAM;AACpC,sCAAwB;AAAA,YACzB;AAAA,YACA,MAAO;AAAA,YACP,SAAU;AAAA,YACV,WAAY,CAAE,UAAW;AACxB,kBACC,gCAAgB,QAAS,OAAO,OAAQ,KACxC,CAAE,YACD;AACD,sBAAM,OAAO,WAAW,cAAc;AAAA,cACvC;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA,6CAAC,kBAAAC,sBAAA,EAAO,SAAQ,KAAI,SAAQ,YAAW,MAAI,MAC1C;AAAA,sDAAC,4BAAO,MAAK,WAAU,SAAQ,YAAW,SAAU,UACnD,sDAAC,kBAAAC,wBAAA,EAAW,8BAAI,QAAS,GAAG,GAC7B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,wBAAsB;AAAA,cACtB,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAW;AAAA,cAEX,sDAAC,kBAAAA,wBAAA,EAAW,4BAAkB;AAAA;AAAA,UAC/B;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,uBAAQ;",
   "names": ["VStack", "TextareaAutosize", "HStack", "Truncate"]
 }