@wordpress/editor 14.44.0 → 14.45.0

package/build/utils/media-finalize/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/media-finalize/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default async function mediaFinalize( id ) {\n\tawait apiFetch( {\n\t\tpath: `/wp/v2/media/${ id }/finalize`,\n\t\tmethod: 'POST',\n\t} );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAqB;AAErB,eAAO,cAAsC,IAAK;AACjD,YAAM,iBAAAA,SAAU;AAAA,IACf,MAAM,gBAAiB,EAAG;AAAA,IAC1B,QAAQ;AAAA,EACT,CAAE;AACH;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default async function mediaFinalize( id, subSizes = [] ) {\n\tawait apiFetch( {\n\t\tpath: `/wp/v2/media/${ id }/finalize`,\n\t\tmethod: 'POST',\n\t\tdata: { sub_sizes: subSizes },\n\t} );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAqB;AAErB,eAAO,cAAsC,IAAI,WAAW,CAAC,GAAI;AAChE,YAAM,iBAAAA,SAAU;AAAA,IACf,MAAM,gBAAiB,EAAG;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,EAAE,WAAW,SAAS;AAAA,EAC7B,CAAE;AACH;",
   "names": ["apiFetch"]
 }

package/build/utils/media-upload/index.cjs

@@ -27,6 +27,7 @@ var import_uuid = require("uuid");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
 var import_media_utils = require("@wordpress/media-utils");
+var import_upload_media = require("@wordpress/upload-media");
 var import_store = require("../../store/index.cjs");
 var noop = () => {
 };
@@ -49,41 +50,26 @@ function mediaUpload({
     unlockPostSaving
   } = (0, import_data.dispatch)(import_store.store);
   const wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;
+  const isClientSideMediaActive = window.__clientSideMediaProcessing && (0, import_upload_media.isClientSideMediaSupported)();
   const lockKey = `image-upload-${(0, import_uuid.v4)()}`;
-  let imageIsUploading = false;
   maxUploadFileSize = maxUploadFileSize || getEditorSettings().maxUploadFileSize;
   const currentPost = getCurrentPost();
   const currentPostId = typeof currentPost?.id === "number" ? currentPost.id : currentPost?.wp_id;
-  const setSaveLock = () => {
-    if (window.__clientSideMediaProcessing) {
-      return;
-    }
-    lockPostSaving(lockKey);
-    lockPostAutosaving(lockKey);
-    imageIsUploading = true;
-  };
-  const postData = currentPostId ? { post: currentPostId } : {};
   const clearSaveLock = () => {
-    if (window.__clientSideMediaProcessing) {
-      return;
-    }
     unlockPostSaving(lockKey);
     unlockPostAutosaving(lockKey);
-    imageIsUploading = false;
   };
+  if (!isClientSideMediaActive) {
+    lockPostSaving(lockKey);
+    lockPostAutosaving(lockKey);
+  }
+  const postData = currentPostId ? { post: currentPostId } : {};
   (0, import_media_utils.uploadMedia)({
     allowedTypes,
     filesList,
-    onFileChange: (file) => {
-      if (!window.__clientSideMediaProcessing) {
-        if (!imageIsUploading) {
-          setSaveLock();
-        } else {
-          clearSaveLock();
-        }
-      }
-      onFileChange?.(file);
-      const entityFiles = file.filter((_file) => _file?.id);
+    onFileChange: (files) => {
+      onFileChange?.(files);
+      const entityFiles = files.filter((_file) => _file?.id);
       if (entityFiles?.length) {
         const invalidateCache = true;
         receiveEntityRecords(
@@ -94,6 +80,9 @@ function mediaUpload({
           invalidateCache
         );
       }
+      if (!isClientSideMediaActive && entityFiles.length === files.length) {
+        clearSaveLock();
+      }
     },
     onSuccess,
     additionalData: {
@@ -102,7 +91,7 @@ function mediaUpload({
     },
     maxUploadFileSize,
     onError: ({ message }) => {
-      if (!window.__clientSideMediaProcessing) {
+      if (!isClientSideMediaActive) {
         clearSaveLock();
       }
       onError(message);

package/build/utils/media-upload/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/media-upload/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport { v4 as uuid } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { select, dispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { uploadMedia } from '@wordpress/media-utils';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst noop = () => {};\n\n/**\n * Upload a media file when the file upload button is activated.\n * Wrapper around uploadMedia() that injects the current post ID.\n *\n * @param {Object}   $0                   Parameters object passed to the function.\n * @param {?Object}  $0.additionalData    Additional data to include in the request.\n * @param {string}   $0.allowedTypes      Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Array}    $0.filesList         List of files.\n * @param {?number}  $0.maxUploadFileSize Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError           Function called when an error happens.\n * @param {Function} $0.onFileChange      Function called each time a file or a temporary representation of the file is available.\n * @param {Function} $0.onSuccess         Function called after the final representation of the file is available.\n * @param {boolean}  $0.multiple          Whether to allow multiple files to be uploaded.\n */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n\tonSuccess,\n\tmultiple = true,\n} ) {\n\tconst { receiveEntityRecords } = dispatch( coreDataStore );\n\tconst { getCurrentPost, getEditorSettings } = select( editorStore );\n\tconst {\n\t\tlockPostAutosaving,\n\t\tunlockPostAutosaving,\n\t\tlockPostSaving,\n\t\tunlockPostSaving,\n\t} = dispatch( editorStore );\n\n\tconst wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;\n\tconst lockKey = `image-upload-${ uuid() }`;\n\tlet imageIsUploading = false;\n\tmaxUploadFileSize =\n\t\tmaxUploadFileSize || getEditorSettings().maxUploadFileSize;\n\tconst currentPost = getCurrentPost();\n\t// Templates and template parts' numerical ID is stored in `wp_id`.\n\tconst currentPostId =\n\t\ttypeof currentPost?.id === 'number'\n\t\t\t? currentPost.id\n\t\t\t: currentPost?.wp_id;\n\tconst setSaveLock = () => {\n\t\tif ( window.__clientSideMediaProcessing ) {\n\t\t\treturn; // Skip - handled by useUploadSaveLock in editor provider\n\t\t}\n\t\tlockPostSaving( lockKey );\n\t\tlockPostAutosaving( lockKey );\n\t\timageIsUploading = true;\n\t};\n\n\tconst postData = currentPostId ? { post: currentPostId } : {};\n\tconst clearSaveLock = () => {\n\t\tif ( window.__clientSideMediaProcessing ) {\n\t\t\treturn; // Skip - handled by useUploadSaveLock in editor provider\n\t\t}\n\t\tunlockPostSaving( lockKey );\n\t\tunlockPostAutosaving( lockKey );\n\t\timageIsUploading = false;\n\t};\n\n\tuploadMedia( {\n\t\tallowedTypes,\n\t\tfilesList,\n\t\tonFileChange: ( file ) => {\n\t\t\t// When client-side media processing is enabled, save locking\n\t\t\t// is handled by useUploadSaveLock in the editor provider.\n\t\t\tif ( ! window.__clientSideMediaProcessing ) {\n\t\t\t\tif ( ! imageIsUploading ) {\n\t\t\t\t\tsetSaveLock();\n\t\t\t\t} else {\n\t\t\t\t\tclearSaveLock();\n\t\t\t\t}\n\t\t\t}\n\t\t\tonFileChange?.( file );\n\n\t\t\t// Files are initially received by `onFileChange` as a blob.\n\t\t\t// After that the function is called a second time with the file as an entity.\n\t\t\t// For core-data, we only care about receiving/invalidating entities.\n\t\t\tconst entityFiles = file.filter( ( _file ) => _file?.id );\n\t\t\tif ( entityFiles?.length ) {\n\t\t\t\tconst invalidateCache = true;\n\t\t\t\treceiveEntityRecords(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tentityFiles,\n\t\t\t\t\tundefined,\n\t\t\t\t\tinvalidateCache\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\tonSuccess,\n\t\tadditionalData: {\n\t\t\t...postData,\n\t\t\t...additionalData,\n\t\t},\n\t\tmaxUploadFileSize,\n\t\tonError: ( { message } ) => {\n\t\t\tif ( ! window.__clientSideMediaProcessing ) {\n\t\t\t\tclearSaveLock();\n\t\t\t}\n\t\t\tonError( message );\n\t\t},\n\t\twpAllowedMimeTypes,\n\t\tmultiple,\n\t} );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA2B;AAK3B,kBAAiC;AACjC,uBAAuC;AACvC,yBAA4B;AAK5B,mBAAqC;AAErC,IAAM,OAAO,MAAM;AAAC;AAgBL,SAAR,YAA8B;AAAA,EACpC,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW;AACZ,GAAI;AACH,QAAM,EAAE,qBAAqB,QAAI,sBAAU,iBAAAA,KAAc;AACzD,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,oBAAQ,aAAAC,KAAY;AAClE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,sBAAU,aAAAA,KAAY;AAE1B,QAAM,qBAAqB,kBAAkB,EAAE;AAC/C,QAAM,UAAU,oBAAiB,YAAAC,IAAK,CAAE;AACxC,MAAI,mBAAmB;AACvB,sBACC,qBAAqB,kBAAkB,EAAE;AAC1C,QAAM,cAAc,eAAe;AAEnC,QAAM,gBACL,OAAO,aAAa,OAAO,WACxB,YAAY,KACZ,aAAa;AACjB,QAAM,cAAc,MAAM;AACzB,QAAK,OAAO,6BAA8B;AACzC;AAAA,IACD;AACA,mBAAgB,OAAQ;AACxB,uBAAoB,OAAQ;AAC5B,uBAAmB;AAAA,EACpB;AAEA,QAAM,WAAW,gBAAgB,EAAE,MAAM,cAAc,IAAI,CAAC;AAC5D,QAAM,gBAAgB,MAAM;AAC3B,QAAK,OAAO,6BAA8B;AACzC;AAAA,IACD;AACA,qBAAkB,OAAQ;AAC1B,yBAAsB,OAAQ;AAC9B,uBAAmB;AAAA,EACpB;AAEA,sCAAa;AAAA,IACZ;AAAA,IACA;AAAA,IACA,cAAc,CAAE,SAAU;AAGzB,UAAK,CAAE,OAAO,6BAA8B;AAC3C,YAAK,CAAE,kBAAmB;AACzB,sBAAY;AAAA,QACb,OAAO;AACN,wBAAc;AAAA,QACf;AAAA,MACD;AACA,qBAAgB,IAAK;AAKrB,YAAM,cAAc,KAAK,OAAQ,CAAE,UAAW,OAAO,EAAG;AACxD,UAAK,aAAa,QAAS;AAC1B,cAAM,kBAAkB;AACxB;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACf,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS,CAAE,EAAE,QAAQ,MAAO;AAC3B,UAAK,CAAE,OAAO,6BAA8B;AAC3C,sBAAc;AAAA,MACf;AACA,cAAS,OAAQ;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { v4 as uuid } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { select, dispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { uploadMedia } from '@wordpress/media-utils';\nimport { isClientSideMediaSupported } from '@wordpress/upload-media';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst noop = () => {};\n\n/**\n * Upload a media file when the file upload button is activated.\n * Wrapper around uploadMedia() that injects the current post ID.\n *\n * @param {Object}   $0                   Parameters object passed to the function.\n * @param {?Object}  $0.additionalData    Additional data to include in the request.\n * @param {string}   $0.allowedTypes      Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Array}    $0.filesList         List of files.\n * @param {?number}  $0.maxUploadFileSize Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError           Function called when an error happens.\n * @param {Function} $0.onFileChange      Function called each time a file or a temporary representation of the file is available.\n * @param {Function} $0.onSuccess         Function called after the final representation of the file is available.\n * @param {boolean}  $0.multiple          Whether to allow multiple files to be uploaded.\n */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n\tonSuccess,\n\tmultiple = true,\n} ) {\n\tconst { receiveEntityRecords } = dispatch( coreDataStore );\n\tconst { getCurrentPost, getEditorSettings } = select( editorStore );\n\tconst {\n\t\tlockPostAutosaving,\n\t\tunlockPostAutosaving,\n\t\tlockPostSaving,\n\t\tunlockPostSaving,\n\t} = dispatch( editorStore );\n\n\tconst wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;\n\tconst isClientSideMediaActive =\n\t\twindow.__clientSideMediaProcessing && isClientSideMediaSupported();\n\tconst lockKey = `image-upload-${ uuid() }`;\n\tmaxUploadFileSize =\n\t\tmaxUploadFileSize || getEditorSettings().maxUploadFileSize;\n\tconst currentPost = getCurrentPost();\n\t// Templates and template parts' numerical ID is stored in `wp_id`.\n\tconst currentPostId =\n\t\ttypeof currentPost?.id === 'number'\n\t\t\t? currentPost.id\n\t\t\t: currentPost?.wp_id;\n\tconst clearSaveLock = () => {\n\t\tunlockPostSaving( lockKey );\n\t\tunlockPostAutosaving( lockKey );\n\t};\n\n\t// Lock saving immediately when the upload starts.\n\t// When client-side media processing is enabled, save locking\n\t// is handled by useUploadSaveLock in the editor provider.\n\tif ( ! isClientSideMediaActive ) {\n\t\tlockPostSaving( lockKey );\n\t\tlockPostAutosaving( lockKey );\n\t}\n\n\tconst postData = currentPostId ? { post: currentPostId } : {};\n\n\tuploadMedia( {\n\t\tallowedTypes,\n\t\tfilesList,\n\t\tonFileChange: ( files ) => {\n\t\t\tonFileChange?.( files );\n\n\t\t\t// Files are initially received by `onFileChange` as a blob.\n\t\t\t// After that the function is called again with the file as an entity.\n\t\t\t// For core-data, we only care about receiving/invalidating entities.\n\t\t\tconst entityFiles = files.filter( ( _file ) => _file?.id );\n\t\t\tif ( entityFiles?.length ) {\n\t\t\t\tconst invalidateCache = true;\n\t\t\t\treceiveEntityRecords(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tentityFiles,\n\t\t\t\t\tundefined,\n\t\t\t\t\tinvalidateCache\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Unlock saving once all files have been uploaded (all have IDs).\n\t\t\tif (\n\t\t\t\t! isClientSideMediaActive &&\n\t\t\t\tentityFiles.length === files.length\n\t\t\t) {\n\t\t\t\tclearSaveLock();\n\t\t\t}\n\t\t},\n\t\tonSuccess,\n\t\tadditionalData: {\n\t\t\t...postData,\n\t\t\t...additionalData,\n\t\t},\n\t\tmaxUploadFileSize,\n\t\tonError: ( { message } ) => {\n\t\t\tif ( ! isClientSideMediaActive ) {\n\t\t\t\tclearSaveLock();\n\t\t\t}\n\t\t\tonError( message );\n\t\t},\n\t\twpAllowedMimeTypes,\n\t\tmultiple,\n\t} );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA2B;AAK3B,kBAAiC;AACjC,uBAAuC;AACvC,yBAA4B;AAC5B,0BAA2C;AAK3C,mBAAqC;AAErC,IAAM,OAAO,MAAM;AAAC;AAgBL,SAAR,YAA8B;AAAA,EACpC,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW;AACZ,GAAI;AACH,QAAM,EAAE,qBAAqB,QAAI,sBAAU,iBAAAA,KAAc;AACzD,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,oBAAQ,aAAAC,KAAY;AAClE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,sBAAU,aAAAA,KAAY;AAE1B,QAAM,qBAAqB,kBAAkB,EAAE;AAC/C,QAAM,0BACL,OAAO,mCAA+B,gDAA2B;AAClE,QAAM,UAAU,oBAAiB,YAAAC,IAAK,CAAE;AACxC,sBACC,qBAAqB,kBAAkB,EAAE;AAC1C,QAAM,cAAc,eAAe;AAEnC,QAAM,gBACL,OAAO,aAAa,OAAO,WACxB,YAAY,KACZ,aAAa;AACjB,QAAM,gBAAgB,MAAM;AAC3B,qBAAkB,OAAQ;AAC1B,yBAAsB,OAAQ;AAAA,EAC/B;AAKA,MAAK,CAAE,yBAA0B;AAChC,mBAAgB,OAAQ;AACxB,uBAAoB,OAAQ;AAAA,EAC7B;AAEA,QAAM,WAAW,gBAAgB,EAAE,MAAM,cAAc,IAAI,CAAC;AAE5D,sCAAa;AAAA,IACZ;AAAA,IACA;AAAA,IACA,cAAc,CAAE,UAAW;AAC1B,qBAAgB,KAAM;AAKtB,YAAM,cAAc,MAAM,OAAQ,CAAE,UAAW,OAAO,EAAG;AACzD,UAAK,aAAa,QAAS;AAC1B,cAAM,kBAAkB;AACxB;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAGA,UACC,CAAE,2BACF,YAAY,WAAW,MAAM,QAC5B;AACD,sBAAc;AAAA,MACf;AAAA,IACD;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACf,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS,CAAE,EAAE,QAAQ,MAAO;AAC3B,UAAK,CAAE,yBAA0B;AAChC,sBAAc;AAAA,MACf;AACA,cAAS,OAAQ;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
   "names": ["coreDataStore", "editorStore", "uuid"]
 }

package/build-module/components/collab-sidebar/{comment-menu-item.mjs → add-note-menu-item.mjs}

@@ -1,4 +1,4 @@
-// packages/editor/src/components/collab-sidebar/comment-menu-item.js
+// packages/editor/src/components/collab-sidebar/add-note-menu-item.js
 import { MenuItem } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import {
@@ -10,8 +10,8 @@ import { getUnregisteredTypeHandlerName } from "@wordpress/blocks";
 import { store as keyboardShortcutsStore } from "@wordpress/keyboard-shortcuts";
 import { unlock } from "../../lock-unlock.mjs";
 import { jsx } from "react/jsx-runtime";
-var { CommentIconSlotFill } = unlock(blockEditorPrivateApis);
-var AddCommentMenuItem = ({ clientId, onClick, isDistractionFree }) => {
+var { NoteIconSlotFill } = unlock(blockEditorPrivateApis);
+function NoteMenuItem({ clientId, onClick, isDistractionFree }) {
   const block = useSelect(
     (select) => {
       return select(blockEditorStore).getBlock(clientId);
@@ -45,10 +45,10 @@ var AddCommentMenuItem = ({ clientId, onClick, isDistractionFree }) => {
       children: __("Add note")
     }
   );
-};
-var AddCommentMenuItemFill = ({ onClick, isDistractionFree }) => {
-  return /* @__PURE__ */ jsx(CommentIconSlotFill.Fill, { children: ({ clientId, onClose }) => /* @__PURE__ */ jsx(
-    AddCommentMenuItem,
+}
+function AddNoteMenuItem({ onClick, isDistractionFree }) {
+  return /* @__PURE__ */ jsx(NoteIconSlotFill.Fill, { children: ({ clientId, onClose }) => /* @__PURE__ */ jsx(
+    NoteMenuItem,
     {
       clientId,
       isDistractionFree,
@@ -58,9 +58,8 @@ var AddCommentMenuItemFill = ({ onClick, isDistractionFree }) => {
       }
     }
   ) });
-};
-var comment_menu_item_default = AddCommentMenuItemFill;
+}
 export {
-  comment_menu_item_default as default
+  AddNoteMenuItem
 };
-//# sourceMappingURL=comment-menu-item.mjs.map
+//# sourceMappingURL=add-note-menu-item.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/add-note-menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { getUnregisteredTypeHandlerName } from '@wordpress/blocks';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { NoteIconSlotFill } = unlock( blockEditorPrivateApis );\n\nfunction NoteMenuItem( { clientId, onClick, isDistractionFree } ) {\n\tconst block = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( blockEditorStore ).getBlock( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst shortcut = useSelect(\n\t\t( select ) =>\n\t\t\tselect( keyboardShortcutsStore ).getShortcutRepresentation(\n\t\t\t\t'core/editor/new-note'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif (\n\t\t! block?.isValid ||\n\t\tblock?.name === getUnregisteredTypeHandlerName()\n\t) {\n\t\treturn null;\n\t}\n\n\tconst isDisabled = isDistractionFree || block?.name === 'core/freeform';\n\n\tlet infoText;\n\n\tif ( isDistractionFree ) {\n\t\tinfoText = __( 'Notes are disabled in distraction free mode.' );\n\t} else if ( block?.name === 'core/freeform' ) {\n\t\tinfoText = __( 'Convert to blocks to add notes.' );\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ onClick }\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdisabled={ isDisabled }\n\t\t\tinfo={ infoText }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ __( 'Add note' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport function AddNoteMenuItem( { onClick, isDistractionFree } ) {\n\treturn (\n\t\t<NoteIconSlotFill.Fill>\n\t\t\t{ ( { clientId, onClose } ) => (\n\t\t\t\t<NoteMenuItem\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonClick( clientId );\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</NoteIconSlotFill.Fill>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB;AAAA,EACC,eAAe;AAAA,EACf,SAAS;AAAA,OACH;AACP,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAC/C,SAAS,SAAS,8BAA8B;AAKhD,SAAS,cAAc;AAqCrB;AAnCF,IAAM,EAAE,iBAAiB,IAAI,OAAQ,sBAAuB;AAE5D,SAAS,aAAc,EAAE,UAAU,SAAS,kBAAkB,GAAI;AACjE,QAAM,QAAQ;AAAA,IACb,CAAE,WAAY;AACb,aAAO,OAAQ,gBAAiB,EAAE,SAAU,QAAS;AAAA,IACtD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,WAAW;AAAA,IAChB,CAAE,WACD,OAAQ,sBAAuB,EAAE;AAAA,MAChC;AAAA,IACD;AAAA,IACD,CAAC;AAAA,EACF;AAEA,MACC,CAAE,OAAO,WACT,OAAO,SAAS,+BAA+B,GAC9C;AACD,WAAO;AAAA,EACR;AAEA,QAAM,aAAa,qBAAqB,OAAO,SAAS;AAExD,MAAI;AAEJ,MAAK,mBAAoB;AACxB,eAAW,GAAI,8CAA+C;AAAA,EAC/D,WAAY,OAAO,SAAS,iBAAkB;AAC7C,eAAW,GAAI,iCAAkC;AAAA,EAClD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,iBAAc;AAAA,MACd,UAAW;AAAA,MACX,MAAO;AAAA,MACP;AAAA,MAEE,aAAI,UAAW;AAAA;AAAA,EAClB;AAEF;AAEO,SAAS,gBAAiB,EAAE,SAAS,kBAAkB,GAAI;AACjE,SACC,oBAAC,iBAAiB,MAAjB,EACE,WAAE,EAAE,UAAU,QAAQ,MACvB;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAU,MAAM;AACf,gBAAS,QAAS;AAClB,gBAAQ;AAAA,MACT;AAAA;AAAA,EACD,GAEF;AAEF;",
+  "names": []
+}

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

@@ -0,0 +1,78 @@
+// packages/editor/src/components/collab-sidebar/add-note.js
+import { __ } from "@wordpress/i18n";
+import { useSelect, useDispatch } from "@wordpress/data";
+import {
+  store as blockEditorStore,
+  privateApis as blockEditorPrivateApis
+} from "@wordpress/block-editor";
+import { NoteCard } from "./note-card.mjs";
+import { NoteForm } from "./note-form.mjs";
+import { FloatingContainer } from "./floating-container.mjs";
+import { focusNoteThread } from "./utils.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { jsx } from "react/jsx-runtime";
+var { useBlockElement } = unlock(blockEditorPrivateApis);
+function AddNote({ onSubmit, sidebarRef, floating }) {
+  const { clientId } = useSelect((select) => {
+    const { getSelectedBlockClientId } = select(blockEditorStore);
+    return {
+      clientId: getSelectedBlockClientId()
+    };
+  }, []);
+  const selectedNote = useSelect(
+    (select) => unlock(select(editorStore)).getSelectedNote(),
+    []
+  );
+  const blockElement = useBlockElement(clientId);
+  const { toggleBlockSpotlight } = unlock(useDispatch(blockEditorStore));
+  const { selectNote } = unlock(useDispatch(editorStore));
+  const unselectNote = () => {
+    selectNote(void 0);
+    blockElement?.focus();
+    toggleBlockSpotlight(clientId, false);
+  };
+  if (selectedNote !== "new" || !clientId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    FloatingContainer,
+    {
+      floating,
+      className: "editor-collab-sidebar-panel__thread is-selected",
+      gap: "md",
+      tabIndex: 0,
+      "aria-label": __("New note"),
+      role: "treeitem",
+      style: floating ? { opacity: !floating.y ? 0 : void 0 } : void 0,
+      onBlur: (event) => {
+        if (!document.hasFocus()) {
+          return;
+        }
+        if (event.currentTarget.contains(event.relatedTarget)) {
+          return;
+        }
+        toggleBlockSpotlight(clientId, false);
+        selectNote(void 0);
+      },
+      children: /* @__PURE__ */ jsx(NoteCard, { children: /* @__PURE__ */ jsx(
+        NoteForm,
+        {
+          onSubmit: async (inputComment) => {
+            const { id } = await onSubmit({
+              content: inputComment
+            });
+            selectNote(id);
+            focusNoteThread(id, sidebarRef.current);
+          },
+          onCancel: unselectNote,
+          labels: { input: __("New note") }
+        }
+      ) })
+    }
+  );
+}
+export {
+  AddNote
+};
+//# sourceMappingURL=add-note.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/add-note.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NoteCard } from './note-card';\nimport { NoteForm } from './note-form';\nimport { FloatingContainer } from './floating-container';\nimport { focusNoteThread } from './utils';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\nexport function AddNote( { onSubmit, sidebarRef, floating } ) {\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 selectedNote = useSelect(\n\t\t( select ) => unlock( select( editorStore ) ).getSelectedNote(),\n\t\t[]\n\t);\n\tconst blockElement = useBlockElement( clientId );\n\tconst { toggleBlockSpotlight } = unlock( useDispatch( blockEditorStore ) );\n\tconst { selectNote } = unlock( useDispatch( editorStore ) );\n\n\tconst unselectNote = () => {\n\t\tselectNote( undefined );\n\t\tblockElement?.focus();\n\t\ttoggleBlockSpotlight( clientId, false );\n\t};\n\n\tif ( selectedNote !== 'new' || ! clientId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<FloatingContainer\n\t\t\tfloating={ floating }\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread is-selected\"\n\t\t\tgap=\"md\"\n\t\t\ttabIndex={ 0 }\n\t\t\taria-label={ __( 'New note' ) }\n\t\t\trole=\"treeitem\"\n\t\t\tstyle={\n\t\t\t\tfloating ? { opacity: ! floating.y ? 0 : undefined } : undefined\n\t\t\t}\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\t// Don't deselect notes when the browser window/tab loses focus.\n\t\t\t\tif ( ! document.hasFocus() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\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\tselectNote( undefined );\n\t\t\t} }\n\t\t>\n\t\t\t<NoteCard>\n\t\t\t\t<NoteForm\n\t\t\t\t\tonSubmit={ async ( inputComment ) => {\n\t\t\t\t\t\tconst { id } = await onSubmit( {\n\t\t\t\t\t\t\tcontent: inputComment,\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tselectNote( id );\n\t\t\t\t\t\tfocusNoteThread( id, sidebarRef.current );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ unselectNote }\n\t\t\t\t\tlabels={ { input: __( 'New note' ) } }\n\t\t\t\t/>\n\t\t\t</NoteCard>\n\t\t</FloatingContainer>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,WAAW,mBAAmB;AACvC;AAAA,EACC,SAAS;AAAA,EACT,eAAe;AAAA,OACT;AAKP,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,SAAS,mBAAmB;AACrC,SAAS,cAAc;AAqDnB;AAnDJ,IAAM,EAAE,gBAAgB,IAAI,OAAQ,sBAAuB;AAEpD,SAAS,QAAS,EAAE,UAAU,YAAY,SAAS,GAAI;AAC7D,QAAM,EAAE,SAAS,IAAI,UAAW,CAAE,WAAY;AAC7C,UAAM,EAAE,yBAAyB,IAAI,OAAQ,gBAAiB;AAC9D,WAAO;AAAA,MACN,UAAU,yBAAyB;AAAA,IACpC;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,eAAe;AAAA,IACpB,CAAE,WAAY,OAAQ,OAAQ,WAAY,CAAE,EAAE,gBAAgB;AAAA,IAC9D,CAAC;AAAA,EACF;AACA,QAAM,eAAe,gBAAiB,QAAS;AAC/C,QAAM,EAAE,qBAAqB,IAAI,OAAQ,YAAa,gBAAiB,CAAE;AACzE,QAAM,EAAE,WAAW,IAAI,OAAQ,YAAa,WAAY,CAAE;AAE1D,QAAM,eAAe,MAAM;AAC1B,eAAY,MAAU;AACtB,kBAAc,MAAM;AACpB,yBAAsB,UAAU,KAAM;AAAA,EACvC;AAEA,MAAK,iBAAiB,SAAS,CAAE,UAAW;AAC3C,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAW;AAAA,MACX,cAAa,GAAI,UAAW;AAAA,MAC5B,MAAK;AAAA,MACL,OACC,WAAW,EAAE,SAAS,CAAE,SAAS,IAAI,IAAI,OAAU,IAAI;AAAA,MAExD,QAAS,CAAE,UAAW;AAErB,YAAK,CAAE,SAAS,SAAS,GAAI;AAC5B;AAAA,QACD;AACA,YAAK,MAAM,cAAc,SAAU,MAAM,aAAc,GAAI;AAC1D;AAAA,QACD;AACA,6BAAsB,UAAU,KAAM;AACtC,mBAAY,MAAU;AAAA,MACvB;AAAA,MAEA,8BAAC,YACA;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,OAAQ,iBAAkB;AACpC,kBAAM,EAAE,GAAG,IAAI,MAAM,SAAU;AAAA,cAC9B,SAAS;AAAA,YACV,CAAE;AACF,uBAAY,EAAG;AACf,4BAAiB,IAAI,WAAW,OAAQ;AAAA,UACzC;AAAA,UACA,UAAW;AAAA,UACX,QAAS,EAAE,OAAO,GAAI,UAAW,EAAE;AAAA;AAAA,MACpC,GACD;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/collab-sidebar/board-store.mjs

@@ -0,0 +1,81 @@
+// packages/editor/src/components/collab-sidebar/board-store.js
+function createBoardStore() {
+  const listeners = /* @__PURE__ */ new Set();
+  const blockRefs = /* @__PURE__ */ new Map();
+  const floatingRefs = /* @__PURE__ */ new Map();
+  const idByElement = /* @__PURE__ */ new WeakMap();
+  const heights = {};
+  let snapshot = {};
+  function emit() {
+    snapshot = { ...heights };
+    for (const listener of listeners) {
+      listener();
+    }
+  }
+  const observer = new window.ResizeObserver((entries) => {
+    let changed = false;
+    for (const entry of entries) {
+      const id = idByElement.get(entry.target);
+      const newHeight = entry.borderBoxSize[0].blockSize;
+      if (heights[id] !== newHeight) {
+        heights[id] = newHeight;
+        changed = true;
+      }
+    }
+    if (changed) {
+      emit();
+    }
+  });
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0) {
+          observer.disconnect();
+        }
+      };
+    },
+    getSnapshot() {
+      return snapshot;
+    },
+    registerThread(id, blockEl, floatingEl) {
+      blockRefs.set(id, blockEl);
+      const prev = floatingRefs.get(id);
+      if (prev && prev !== floatingEl) {
+        observer.unobserve(prev);
+        idByElement.delete(prev);
+      }
+      if (floatingEl) {
+        floatingRefs.set(id, floatingEl);
+        idByElement.set(floatingEl, id);
+        observer.observe(floatingEl);
+      }
+      emit();
+    },
+    unregisterThread(id) {
+      blockRefs.delete(id);
+      const prev = floatingRefs.get(id);
+      if (prev) {
+        observer.unobserve(prev);
+        idByElement.delete(prev);
+        floatingRefs.delete(id);
+      }
+      delete heights[id];
+    },
+    getBlockRects() {
+      return Object.fromEntries(
+        Array.from(blockRefs).flatMap(
+          ([id, el]) => el ? [[id, el.getBoundingClientRect()]] : []
+        )
+      );
+    },
+    getFirstBlockElement() {
+      return blockRefs.values().next().value ?? null;
+    }
+  };
+}
+export {
+  createBoardStore
+};
+//# sourceMappingURL=board-store.mjs.map

package/build-module/components/collab-sidebar/board-store.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/board-store.js"],
+  "sourcesContent": ["export function createBoardStore() {\n\tconst listeners = new Set();\n\tconst blockRefs = new Map();\n\tconst floatingRefs = new Map();\n\tconst idByElement = new WeakMap();\n\tconst heights = {};\n\tlet snapshot = {};\n\n\tfunction emit() {\n\t\tsnapshot = { ...heights };\n\t\tfor ( const listener of listeners ) {\n\t\t\tlistener();\n\t\t}\n\t}\n\n\tconst observer = new window.ResizeObserver( ( entries ) => {\n\t\tlet changed = false;\n\t\tfor ( const entry of entries ) {\n\t\t\tconst id = idByElement.get( entry.target );\n\t\t\tconst newHeight = entry.borderBoxSize[ 0 ].blockSize;\n\t\t\tif ( heights[ id ] !== newHeight ) {\n\t\t\t\theights[ id ] = newHeight;\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\t\tif ( changed ) {\n\t\t\temit();\n\t\t}\n\t} );\n\n\treturn {\n\t\tsubscribe( listener ) {\n\t\t\tlisteners.add( listener );\n\t\t\treturn () => {\n\t\t\t\tlisteners.delete( listener );\n\t\t\t\tif ( listeners.size === 0 ) {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\n\t\tgetSnapshot() {\n\t\t\treturn snapshot;\n\t\t},\n\n\t\tregisterThread( id, blockEl, floatingEl ) {\n\t\t\tblockRefs.set( id, blockEl );\n\t\t\tconst prev = floatingRefs.get( id );\n\t\t\tif ( prev && prev !== floatingEl ) {\n\t\t\t\tobserver.unobserve( prev );\n\t\t\t\tidByElement.delete( prev );\n\t\t\t}\n\t\t\tif ( floatingEl ) {\n\t\t\t\tfloatingRefs.set( id, floatingEl );\n\t\t\t\tidByElement.set( floatingEl, id );\n\t\t\t\tobserver.observe( floatingEl );\n\t\t\t}\n\t\t\temit();\n\t\t},\n\n\t\tunregisterThread( id ) {\n\t\t\tblockRefs.delete( id );\n\t\t\tconst prev = floatingRefs.get( id );\n\t\t\tif ( prev ) {\n\t\t\t\tobserver.unobserve( prev );\n\t\t\t\tidByElement.delete( prev );\n\t\t\t\tfloatingRefs.delete( id );\n\t\t\t}\n\t\t\tdelete heights[ id ];\n\t\t},\n\n\t\tgetBlockRects() {\n\t\t\t// Batch all rect reads before any writes to avoid layout thrashing.\n\t\t\treturn Object.fromEntries(\n\t\t\t\tArray.from( blockRefs ).flatMap( ( [ id, el ] ) =>\n\t\t\t\t\tel ? [ [ id, el.getBoundingClientRect() ] ] : []\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\n\t\tgetFirstBlockElement() {\n\t\t\treturn blockRefs.values().next().value ?? null;\n\t\t},\n\t};\n}\n"],
+  "mappings": ";AAAO,SAAS,mBAAmB;AAClC,QAAM,YAAY,oBAAI,IAAI;AAC1B,QAAM,YAAY,oBAAI,IAAI;AAC1B,QAAM,eAAe,oBAAI,IAAI;AAC7B,QAAM,cAAc,oBAAI,QAAQ;AAChC,QAAM,UAAU,CAAC;AACjB,MAAI,WAAW,CAAC;AAEhB,WAAS,OAAO;AACf,eAAW,EAAE,GAAG,QAAQ;AACxB,eAAY,YAAY,WAAY;AACnC,eAAS;AAAA,IACV;AAAA,EACD;AAEA,QAAM,WAAW,IAAI,OAAO,eAAgB,CAAE,YAAa;AAC1D,QAAI,UAAU;AACd,eAAY,SAAS,SAAU;AAC9B,YAAM,KAAK,YAAY,IAAK,MAAM,MAAO;AACzC,YAAM,YAAY,MAAM,cAAe,CAAE,EAAE;AAC3C,UAAK,QAAS,EAAG,MAAM,WAAY;AAClC,gBAAS,EAAG,IAAI;AAChB,kBAAU;AAAA,MACX;AAAA,IACD;AACA,QAAK,SAAU;AACd,WAAK;AAAA,IACN;AAAA,EACD,CAAE;AAEF,SAAO;AAAA,IACN,UAAW,UAAW;AACrB,gBAAU,IAAK,QAAS;AACxB,aAAO,MAAM;AACZ,kBAAU,OAAQ,QAAS;AAC3B,YAAK,UAAU,SAAS,GAAI;AAC3B,mBAAS,WAAW;AAAA,QACrB;AAAA,MACD;AAAA,IACD;AAAA,IAEA,cAAc;AACb,aAAO;AAAA,IACR;AAAA,IAEA,eAAgB,IAAI,SAAS,YAAa;AACzC,gBAAU,IAAK,IAAI,OAAQ;AAC3B,YAAM,OAAO,aAAa,IAAK,EAAG;AAClC,UAAK,QAAQ,SAAS,YAAa;AAClC,iBAAS,UAAW,IAAK;AACzB,oBAAY,OAAQ,IAAK;AAAA,MAC1B;AACA,UAAK,YAAa;AACjB,qBAAa,IAAK,IAAI,UAAW;AACjC,oBAAY,IAAK,YAAY,EAAG;AAChC,iBAAS,QAAS,UAAW;AAAA,MAC9B;AACA,WAAK;AAAA,IACN;AAAA,IAEA,iBAAkB,IAAK;AACtB,gBAAU,OAAQ,EAAG;AACrB,YAAM,OAAO,aAAa,IAAK,EAAG;AAClC,UAAK,MAAO;AACX,iBAAS,UAAW,IAAK;AACzB,oBAAY,OAAQ,IAAK;AACzB,qBAAa,OAAQ,EAAG;AAAA,MACzB;AACA,aAAO,QAAS,EAAG;AAAA,IACpB;AAAA,IAEA,gBAAgB;AAEf,aAAO,OAAO;AAAA,QACb,MAAM,KAAM,SAAU,EAAE;AAAA,UAAS,CAAE,CAAE,IAAI,EAAG,MAC3C,KAAK,CAAE,CAAE,IAAI,GAAG,sBAAsB,CAAE,CAAE,IAAI,CAAC;AAAA,QAChD;AAAA,MACD;AAAA,IACD;AAAA,IAEA,uBAAuB;AACtB,aAAO,UAAU,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,IAC3C;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/components/collab-sidebar/floating-container.mjs

@@ -0,0 +1,28 @@
+// packages/editor/src/components/collab-sidebar/floating-container.js
+import clsx from "clsx";
+import { Stack } from "@wordpress/ui";
+import { jsx } from "react/jsx-runtime";
+function FloatingContainer({
+  floating,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isFloating = !!floating;
+  return /* @__PURE__ */ jsx(
+    Stack,
+    {
+      direction: "column",
+      className: clsx(className, { "is-floating": isFloating }),
+      ref: isFloating ? floating.ref : void 0,
+      style: isFloating ? { top: floating.y, ...style } : style,
+      ...props,
+      children
+    }
+  );
+}
+export {
+  FloatingContainer
+};
+//# sourceMappingURL=floating-container.mjs.map

package/build-module/components/collab-sidebar/floating-container.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/floating-container.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Stack } from '@wordpress/ui';\n\nexport function FloatingContainer( {\n\tfloating,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...props\n} ) {\n\tconst isFloating = !! floating;\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tclassName={ clsx( className, { 'is-floating': isFloating } ) }\n\t\t\tref={ isFloating ? floating.ref : undefined }\n\t\t\tstyle={ isFloating ? { top: floating.y, ...style } : style }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</Stack>\n\t);\n}\n"],
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,aAAa;AAWpB;AATK,SAAS,kBAAmB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,aAAa,CAAC,CAAE;AACtB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAY,KAAM,WAAW,EAAE,eAAe,WAAW,CAAE;AAAA,MAC3D,KAAM,aAAa,SAAS,MAAM;AAAA,MAClC,OAAQ,aAAa,EAAE,KAAK,SAAS,GAAG,GAAG,MAAM,IAAI;AAAA,MACnD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;",
+  "names": []
+}