@wordpress/editor 14.3.0 → 14.4.0

package/build-module/private-apis.js

@@ -21,6 +21,7 @@ import ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';
 import ResizableEditor from './components/resizable-editor';
 import { mergeBaseAndUserConfigs, GlobalStylesProvider } from './components/global-styles-provider';
 import registerDefaultActions from './dataviews/actions';
+import { registerCoreBlockBindingsSources, bootstrapBlockBindingsSourcesFromServer } from './bindings/api';
 const {
   store: interfaceStore,
   ...remainingInterfaceApis
@@ -41,6 +42,8 @@ lock(privateApis, {
   ViewMoreMenuGroup,
   ResizableEditor,
   registerDefaultActions,
+  registerCoreBlockBindingsSources,
+  bootstrapBlockBindingsSourcesFromServer,
   // This is a temporary private API while we're updating the site editor to use EditorProvider.
   useBlockEditorSettings,
   interfaceStore,

package/build-module/private-apis.js.map

@@ -1 +1 @@
-{"version":3,"names":["interfaceApis","lock","EntitiesSavedStatesExtensible","EditorContentSlotFill","useBlockEditorSettings","BackButton","CreateTemplatePartModal","Editor","PluginPostExcerpt","PreferencesModal","usePostActions","ToolsMoreMenuGroup","ViewMoreMenuGroup","ResizableEditor","mergeBaseAndUserConfigs","GlobalStylesProvider","registerDefaultActions","store","interfaceStore","remainingInterfaceApis","privateApis"],"sources":["@wordpress/editor/src/private-apis.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport EditorContentSlotFill from './components/editor-interface/content-slot-fill';\nimport useBlockEditorSettings from './components/provider/use-block-editor-settings';\nimport BackButton from './components/header/back-button';\nimport CreateTemplatePartModal from './components/create-template-part-modal';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport {\n\tmergeBaseAndUserConfigs,\n\tGlobalStylesProvider,\n} from './components/global-styles-provider';\nimport registerDefaultActions from './dataviews/actions';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tEditorContentSlotFill,\n\tGlobalStylesProvider,\n\tmergeBaseAndUserConfigs,\n\tPluginPostExcerpt,\n\tPreferencesModal,\n\tusePostActions,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tregisterDefaultActions,\n\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tuseBlockEditorSettings,\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,aAAa,MAAM,sBAAsB;;AAErD;AACA;AACA;AACA,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,6BAA6B,QAAQ,oCAAoC;AAClF,OAAOC,qBAAqB,MAAM,iDAAiD;AACnF,OAAOC,sBAAsB,MAAM,iDAAiD;AACpF,OAAOC,UAAU,MAAM,iCAAiC;AACxD,OAAOC,uBAAuB,MAAM,yCAAyC;AAC7E,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,iBAAiB,MAAM,kCAAkC;AAChE,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,kBAAkB,MAAM,8CAA8C;AAC7E,OAAOC,iBAAiB,MAAM,6CAA6C;AAC3E,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,SACCC,uBAAuB,EACvBC,oBAAoB,QACd,qCAAqC;AAC5C,OAAOC,sBAAsB,MAAM,qBAAqB;AAExD,MAAM;EAAEC,KAAK,EAAEC,cAAc;EAAE,GAAGC;AAAuB,CAAC,GAAGnB,aAAa;AAE1E,OAAO,MAAMoB,WAAW,GAAG,CAAC,CAAC;AAC7BnB,IAAI,CAAEmB,WAAW,EAAE;EAClBd,uBAAuB;EACvBD,UAAU;EACVH,6BAA6B;EAC7BK,MAAM;EACNJ,qBAAqB;EACrBY,oBAAoB;EACpBD,uBAAuB;EACvBN,iBAAiB;EACjBC,gBAAgB;EAChBC,cAAc;EACdC,kBAAkB;EAClBC,iBAAiB;EACjBC,eAAe;EACfG,sBAAsB;EAEtB;EACAZ,sBAAsB;EACtBc,cAAc;EACd,GAAGC;AACJ,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["interfaceApis","lock","EntitiesSavedStatesExtensible","EditorContentSlotFill","useBlockEditorSettings","BackButton","CreateTemplatePartModal","Editor","PluginPostExcerpt","PreferencesModal","usePostActions","ToolsMoreMenuGroup","ViewMoreMenuGroup","ResizableEditor","mergeBaseAndUserConfigs","GlobalStylesProvider","registerDefaultActions","registerCoreBlockBindingsSources","bootstrapBlockBindingsSourcesFromServer","store","interfaceStore","remainingInterfaceApis","privateApis"],"sources":["@wordpress/editor/src/private-apis.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport EditorContentSlotFill from './components/editor-interface/content-slot-fill';\nimport useBlockEditorSettings from './components/provider/use-block-editor-settings';\nimport BackButton from './components/header/back-button';\nimport CreateTemplatePartModal from './components/create-template-part-modal';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport {\n\tmergeBaseAndUserConfigs,\n\tGlobalStylesProvider,\n} from './components/global-styles-provider';\nimport registerDefaultActions from './dataviews/actions';\nimport {\n\tregisterCoreBlockBindingsSources,\n\tbootstrapBlockBindingsSourcesFromServer,\n} from './bindings/api';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tEditorContentSlotFill,\n\tGlobalStylesProvider,\n\tmergeBaseAndUserConfigs,\n\tPluginPostExcerpt,\n\tPreferencesModal,\n\tusePostActions,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tregisterDefaultActions,\n\tregisterCoreBlockBindingsSources,\n\tbootstrapBlockBindingsSourcesFromServer,\n\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tuseBlockEditorSettings,\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,aAAa,MAAM,sBAAsB;;AAErD;AACA;AACA;AACA,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,6BAA6B,QAAQ,oCAAoC;AAClF,OAAOC,qBAAqB,MAAM,iDAAiD;AACnF,OAAOC,sBAAsB,MAAM,iDAAiD;AACpF,OAAOC,UAAU,MAAM,iCAAiC;AACxD,OAAOC,uBAAuB,MAAM,yCAAyC;AAC7E,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,iBAAiB,MAAM,kCAAkC;AAChE,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,kBAAkB,MAAM,8CAA8C;AAC7E,OAAOC,iBAAiB,MAAM,6CAA6C;AAC3E,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,SACCC,uBAAuB,EACvBC,oBAAoB,QACd,qCAAqC;AAC5C,OAAOC,sBAAsB,MAAM,qBAAqB;AACxD,SACCC,gCAAgC,EAChCC,uCAAuC,QACjC,gBAAgB;AAEvB,MAAM;EAAEC,KAAK,EAAEC,cAAc;EAAE,GAAGC;AAAuB,CAAC,GAAGrB,aAAa;AAE1E,OAAO,MAAMsB,WAAW,GAAG,CAAC,CAAC;AAC7BrB,IAAI,CAAEqB,WAAW,EAAE;EAClBhB,uBAAuB;EACvBD,UAAU;EACVH,6BAA6B;EAC7BK,MAAM;EACNJ,qBAAqB;EACrBY,oBAAoB;EACpBD,uBAAuB;EACvBN,iBAAiB;EACjBC,gBAAgB;EAChBC,cAAc;EACdC,kBAAkB;EAClBC,iBAAiB;EACjBC,eAAe;EACfG,sBAAsB;EACtBC,gCAAgC;EAChCC,uCAAuC;EAEvC;EACAd,sBAAsB;EACtBgB,cAAc;EACd,GAAGC;AACJ,CAAE,CAAC","ignoreList":[]}

package/build-module/utils/media-upload/index.js

@@ -1,7 +1,12 @@
+/**
+ * External dependencies
+ */
+import { v4 as uuid } from 'uuid';
+
 /**
  * WordPress dependencies
  */
-import { select } from '@wordpress/data';
+import { select, dispatch } from '@wordpress/data';
 import { uploadMedia } from '@wordpress/media-utils';
 
 /**
@@ -34,18 +39,43 @@ export default function mediaUpload({
     getCurrentPost,
     getEditorSettings
   } = select(editorStore);
+  const {
+    lockPostAutosaving,
+    unlockPostAutosaving,
+    lockPostSaving,
+    unlockPostSaving
+  } = dispatch(editorStore);
   const wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;
+  const lockKey = `image-upload-${uuid()}`;
+  let imageIsUploading = false;
   maxUploadFileSize = maxUploadFileSize || getEditorSettings().maxUploadFileSize;
   const currentPost = getCurrentPost();
   // Templates and template parts' numerical ID is stored in `wp_id`.
   const currentPostId = typeof currentPost?.id === 'number' ? currentPost.id : currentPost?.wp_id;
+  const setSaveLock = () => {
+    lockPostSaving(lockKey);
+    lockPostAutosaving(lockKey);
+    imageIsUploading = true;
+  };
   const postData = currentPostId ? {
     post: currentPostId
   } : {};
+  const clearSaveLock = () => {
+    unlockPostSaving(lockKey);
+    unlockPostAutosaving(lockKey);
+    imageIsUploading = false;
+  };
   uploadMedia({
     allowedTypes,
     filesList,
-    onFileChange,
+    onFileChange: file => {
+      if (!imageIsUploading) {
+        setSaveLock();
+      } else {
+        clearSaveLock();
+      }
+      onFileChange(file);
+    },
     additionalData: {
       ...postData,
       ...additionalData
@@ -53,7 +83,10 @@ export default function mediaUpload({
     maxUploadFileSize,
     onError: ({
       message
-    }) => onError(message),
+    }) => {
+      clearSaveLock();
+      onError(message);
+    },
     wpAllowedMimeTypes
   });
 }

package/build-module/utils/media-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["select","uploadMedia","store","editorStore","noop","mediaUpload","additionalData","allowedTypes","filesList","maxUploadFileSize","onError","onFileChange","getCurrentPost","getEditorSettings","wpAllowedMimeTypes","allowedMimeTypes","currentPost","currentPostId","id","wp_id","postData","post","message"],"sources":["@wordpress/editor/src/utils/media-upload/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { select } from '@wordpress/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 mediaUpload() 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 */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n} ) {\n\tconst { getCurrentPost, getEditorSettings } = select( editorStore );\n\tconst wpAllowedMimeTypes = getEditorSettings().allowedMimeTypes;\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 postData = currentPostId ? { post: currentPostId } : {};\n\n\tuploadMedia( {\n\t\tallowedTypes,\n\t\tfilesList,\n\t\tonFileChange,\n\t\tadditionalData: {\n\t\t\t...postData,\n\t\t\t...additionalData,\n\t\t},\n\t\tmaxUploadFileSize,\n\t\tonError: ( { message } ) => onError( message ),\n\t\twpAllowedMimeTypes,\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,WAAW,QAAQ,wBAAwB;;AAEpD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,WAAWA,CAAE;EACpCC,cAAc,GAAG,CAAC,CAAC;EACnBC,YAAY;EACZC,SAAS;EACTC,iBAAiB;EACjBC,OAAO,GAAGN,IAAI;EACdO;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGb,MAAM,CAAEG,WAAY,CAAC;EACnE,MAAMW,kBAAkB,GAAGD,iBAAiB,CAAC,CAAC,CAACE,gBAAgB;EAC/DN,iBAAiB,GAChBA,iBAAiB,IAAII,iBAAiB,CAAC,CAAC,CAACJ,iBAAiB;EAC3D,MAAMO,WAAW,GAAGJ,cAAc,CAAC,CAAC;EACpC;EACA,MAAMK,aAAa,GAClB,OAAOD,WAAW,EAAEE,EAAE,KAAK,QAAQ,GAChCF,WAAW,CAACE,EAAE,GACdF,WAAW,EAAEG,KAAK;EACtB,MAAMC,QAAQ,GAAGH,aAAa,GAAG;IAAEI,IAAI,EAAEJ;EAAc,CAAC,GAAG,CAAC,CAAC;EAE7DhB,WAAW,CAAE;IACZM,YAAY;IACZC,SAAS;IACTG,YAAY;IACZL,cAAc,EAAE;MACf,GAAGc,QAAQ;MACX,GAAGd;IACJ,CAAC;IACDG,iBAAiB;IACjBC,OAAO,EAAEA,CAAE;MAAEY;IAAQ,CAAC,KAAMZ,OAAO,CAAEY,OAAQ,CAAC;IAC9CR;EACD,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["v4","uuid","select","dispatch","uploadMedia","store","editorStore","noop","mediaUpload","additionalData","allowedTypes","filesList","maxUploadFileSize","onError","onFileChange","getCurrentPost","getEditorSettings","lockPostAutosaving","unlockPostAutosaving","lockPostSaving","unlockPostSaving","wpAllowedMimeTypes","allowedMimeTypes","lockKey","imageIsUploading","currentPost","currentPostId","id","wp_id","setSaveLock","postData","post","clearSaveLock","file","message"],"sources":["@wordpress/editor/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 { 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 mediaUpload() 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 */\nexport default function mediaUpload( {\n\tadditionalData = {},\n\tallowedTypes,\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n} ) {\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\tlockPostSaving( lockKey );\n\t\tlockPostAutosaving( lockKey );\n\t\timageIsUploading = true;\n\t};\n\n\tconst postData = currentPostId ? { post: currentPostId } : {};\n\tconst clearSaveLock = () => {\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\tif ( ! imageIsUploading ) {\n\t\t\t\tsetSaveLock();\n\t\t\t} else {\n\t\t\t\tclearSaveLock();\n\t\t\t}\n\t\t\tonFileChange( file );\n\t\t},\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\tclearSaveLock();\n\t\t\tonError( message );\n\t\t},\n\t\twpAllowedMimeTypes,\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,IAAIC,IAAI,QAAQ,MAAM;;AAEjC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,iBAAiB;AAClD,SAASC,WAAW,QAAQ,wBAAwB;;AAEpD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,WAAWA,CAAE;EACpCC,cAAc,GAAG,CAAC,CAAC;EACnBC,YAAY;EACZC,SAAS;EACTC,iBAAiB;EACjBC,OAAO,GAAGN,IAAI;EACdO;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGd,MAAM,CAAEI,WAAY,CAAC;EACnE,MAAM;IACLW,kBAAkB;IAClBC,oBAAoB;IACpBC,cAAc;IACdC;EACD,CAAC,GAAGjB,QAAQ,CAAEG,WAAY,CAAC;EAE3B,MAAMe,kBAAkB,GAAGL,iBAAiB,CAAC,CAAC,CAACM,gBAAgB;EAC/D,MAAMC,OAAO,GAAI,gBAAgBtB,IAAI,CAAC,CAAG,EAAC;EAC1C,IAAIuB,gBAAgB,GAAG,KAAK;EAC5BZ,iBAAiB,GAChBA,iBAAiB,IAAII,iBAAiB,CAAC,CAAC,CAACJ,iBAAiB;EAC3D,MAAMa,WAAW,GAAGV,cAAc,CAAC,CAAC;EACpC;EACA,MAAMW,aAAa,GAClB,OAAOD,WAAW,EAAEE,EAAE,KAAK,QAAQ,GAChCF,WAAW,CAACE,EAAE,GACdF,WAAW,EAAEG,KAAK;EACtB,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBV,cAAc,CAAEI,OAAQ,CAAC;IACzBN,kBAAkB,CAAEM,OAAQ,CAAC;IAC7BC,gBAAgB,GAAG,IAAI;EACxB,CAAC;EAED,MAAMM,QAAQ,GAAGJ,aAAa,GAAG;IAAEK,IAAI,EAAEL;EAAc,CAAC,GAAG,CAAC,CAAC;EAC7D,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC3BZ,gBAAgB,CAAEG,OAAQ,CAAC;IAC3BL,oBAAoB,CAAEK,OAAQ,CAAC;IAC/BC,gBAAgB,GAAG,KAAK;EACzB,CAAC;EAEDpB,WAAW,CAAE;IACZM,YAAY;IACZC,SAAS;IACTG,YAAY,EAAImB,IAAI,IAAM;MACzB,IAAK,CAAET,gBAAgB,EAAG;QACzBK,WAAW,CAAC,CAAC;MACd,CAAC,MAAM;QACNG,aAAa,CAAC,CAAC;MAChB;MACAlB,YAAY,CAAEmB,IAAK,CAAC;IACrB,CAAC;IACDxB,cAAc,EAAE;MACf,GAAGqB,QAAQ;MACX,GAAGrB;IACJ,CAAC;IACDG,iBAAiB;IACjBC,OAAO,EAAEA,CAAE;MAAEqB;IAAQ,CAAC,KAAM;MAC3BF,aAAa,CAAC,CAAC;MACfnB,OAAO,CAAEqB,OAAQ,CAAC;IACnB,CAAC;IACDb;EACD,CAAE,CAAC;AACJ","ignoreList":[]}

package/build-style/style-rtl.css

@@ -177,7 +177,7 @@
     top: 0;
   }
 }
-.interface-complementary-area p:not(.components-base-control__help) {
+.interface-complementary-area p:not(.components-base-control__help, .components-form-token-field__help) {
   margin-top: 0;
 }
 .interface-complementary-area h2 {
@@ -638,10 +638,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: none;
 }
 
-.editor-collapsible-block-toolbar__toggle {
-  margin-right: 2px;
-}
-
 .editor-create-template-part-modal {
   z-index: 1000001;
 }
@@ -711,7 +707,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
-  width: min(100%, 416px);
+  width: min(100%, 450px);
 }
 .editor-document-bar:hover {
   background-color: #e0e0e0;
@@ -729,11 +725,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-bar .components-button:hover {
   background: #e0e0e0;
 }
-@media (min-width: 960px) {
-  .editor-document-bar {
-    width: min(100%, 450px);
-  }
-}
 
 .editor-document-bar__command {
   flex-grow: 1;
@@ -937,9 +928,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-tools__left {
   display: inline-flex;
   align-items: center;
-  padding-right: 16px;
   gap: 8px;
-  margin-left: 8px;
+}
+.editor-document-tools__left:not(:last-child) {
+  margin-inline-end: 8px;
 }
 
 .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.has-icon {
@@ -962,6 +954,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   height: 61px;
 }
 
+.editor-visual-editor {
+  flex: 1 0 auto;
+}
+
 .components-editor-notices__dismissible,
 .components-editor-notices__pinned {
   position: relative;
@@ -1025,12 +1021,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-header {
   height: 60px;
   background: #fff;
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-auto-flow: row;
+  grid-template: auto/60px minmax(0, max-content) minmax(min-content, 1fr) 60px;
   align-items: center;
   max-width: 100vw;
   justify-content: space-between;
 }
+.editor-header:has(> .editor-header__center) {
+  grid-template: auto/60px min-content 1fr min-content 60px;
+}
+@media (min-width: 782px) {
+  .editor-header:has(> .editor-header__center) {
+    grid-template: auto/60px minmax(min-content, 1fr) 2fr minmax(min-content, 1fr) 60px;
+  }
+}
+@media (min-width: 480px) {
+  .editor-header {
+    gap: 16px;
+  }
+}
 @media (min-width: 280px) {
   .editor-header {
     flex-wrap: nowrap;
@@ -1038,16 +1048,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-header__toolbar {
+  grid-column: 1/3;
   display: flex;
-  flex-shrink: 8;
-  flex-grow: 3;
-  overflow: hidden;
-  padding: 2px 0;
+  min-width: 0;
   align-items: center;
+  clip-path: inset(-2px);
 }
-@media (min-width: 782px) {
+.editor-header__toolbar > :first-child {
+  margin-inline: 16px 0;
+}
+.editor-header__back-button + .editor-header__toolbar {
+  grid-column: 2/3;
+}
+@media (min-width: 480px) {
+  .editor-header__back-button + .editor-header__toolbar > :first-child {
+    margin-inline: 0;
+  }
+}
+@media (min-width: 480px) {
   .editor-header__toolbar {
-    padding-left: var(--wp-admin-border-width-focus);
+    clip-path: none;
   }
 }
 .editor-header__toolbar .table-of-contents {
@@ -1058,27 +1078,45 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     display: block;
   }
 }
+.editor-header__toolbar .editor-collapsible-block-toolbar {
+  margin-inline: 8px 0;
+}
+.editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed ~ .editor-collapsible-block-toolbar__toggle {
+  margin-inline: 8px 0;
+}
 
 .editor-header__center {
-  flex-grow: 1;
+  grid-column: 3/4;
   display: flex;
   justify-content: center;
+  align-items: center;
   min-width: 0;
+  clip-path: inset(-2px);
 }
-.editor-header__center.is-collapsed {
-  display: none;
+@media (max-width: 479px) {
+  .editor-header__center > :first-child {
+    margin-inline-start: 8px;
+  }
+  .editor-header__center > :last-child {
+    margin-inline-end: 8px;
+  }
 }
 
 /**
  * Buttons on the right side
  */
 .editor-header__settings {
+  grid-column: 3/-1;
+  justify-self: end;
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
   padding-left: 4px;
   gap: 8px;
 }
+.editor-header:has(> .editor-header__center) .editor-header__settings {
+  grid-column: 4/-1;
+}
 @media (min-width: 600px) {
   .editor-header__settings {
     padding-left: 8px;
@@ -1236,12 +1274,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-inserter-sidebar__content {
-  height: calc(100% - 36px - 8px);
-}
-@media (min-width: 782px) {
-  .editor-inserter-sidebar__content {
-    height: 100%;
-  }
+  height: 100%;
 }
 
 .editor-keyboard-shortcut-help-modal__section {
@@ -1671,7 +1704,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   white-space: normal;
   text-wrap: balance;
   text-wrap: pretty;
-  height: auto;
   min-height: 32px;
 }
 .editor-post-panel__row-control .components-dropdown {
@@ -2170,6 +2202,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   height: 24px;
   min-width: 24px;
   max-width: 24px;
+  position: relative;
   margin-top: 2px;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2202,24 +2235,28 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
-    height: 20px;
-    width: 20px;
-    min-width: 20px;
-    max-width: 20px;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
   box-sizing: inherit;
-  width: 8px;
-  height: 8px;
-  transform: translate(-7px, 7px);
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
   margin: 0;
   background-color: #fff;
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
-    transform: translate(-5px, 5px);
+    width: 8px;
+    height: 8px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
@@ -2228,7 +2265,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
   background: var(--wp-admin-theme-color);
-  border-color: var(--wp-admin-theme-color);
+  border: none;
 }
 .editor-post-visibility__fieldset .editor-post-visibility__info {
   color: #757575;
@@ -2237,7 +2274,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__info {
-    margin-right: 32px;
+    margin-right: 28px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
@@ -2607,7 +2644,6 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 
 .editor-visual-editor {
   position: relative;
-  height: 100%;
   display: block;
   background-color: #ddd;
   isolation: isolate;

package/build-style/style.css

@@ -177,7 +177,7 @@
     top: 0;
   }
 }
-.interface-complementary-area p:not(.components-base-control__help) {
+.interface-complementary-area p:not(.components-base-control__help, .components-form-token-field__help) {
   margin-top: 0;
 }
 .interface-complementary-area h2 {
@@ -638,10 +638,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: none;
 }
 
-.editor-collapsible-block-toolbar__toggle {
-  margin-left: 2px;
-}
-
 .editor-create-template-part-modal {
   z-index: 1000001;
 }
@@ -711,7 +707,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
-  width: min(100%, 416px);
+  width: min(100%, 450px);
 }
 .editor-document-bar:hover {
   background-color: #e0e0e0;
@@ -729,11 +725,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-bar .components-button:hover {
   background: #e0e0e0;
 }
-@media (min-width: 960px) {
-  .editor-document-bar {
-    width: min(100%, 450px);
-  }
-}
 
 .editor-document-bar__command {
   flex-grow: 1;
@@ -937,9 +928,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-document-tools__left {
   display: inline-flex;
   align-items: center;
-  padding-left: 16px;
   gap: 8px;
-  margin-right: 8px;
+}
+.editor-document-tools__left:not(:last-child) {
+  margin-inline-end: 8px;
 }
 
 .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.has-icon {
@@ -962,6 +954,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   height: 61px;
 }
 
+.editor-visual-editor {
+  flex: 1 0 auto;
+}
+
 .components-editor-notices__dismissible,
 .components-editor-notices__pinned {
   position: relative;
@@ -1025,12 +1021,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .editor-header {
   height: 60px;
   background: #fff;
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-auto-flow: row;
+  grid-template: auto/60px minmax(0, max-content) minmax(min-content, 1fr) 60px;
   align-items: center;
   max-width: 100vw;
   justify-content: space-between;
 }
+.editor-header:has(> .editor-header__center) {
+  grid-template: auto/60px min-content 1fr min-content 60px;
+}
+@media (min-width: 782px) {
+  .editor-header:has(> .editor-header__center) {
+    grid-template: auto/60px minmax(min-content, 1fr) 2fr minmax(min-content, 1fr) 60px;
+  }
+}
+@media (min-width: 480px) {
+  .editor-header {
+    gap: 16px;
+  }
+}
 @media (min-width: 280px) {
   .editor-header {
     flex-wrap: nowrap;
@@ -1038,16 +1048,26 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-header__toolbar {
+  grid-column: 1/3;
   display: flex;
-  flex-shrink: 8;
-  flex-grow: 3;
-  overflow: hidden;
-  padding: 2px 0;
+  min-width: 0;
   align-items: center;
+  clip-path: inset(-2px);
 }
-@media (min-width: 782px) {
+.editor-header__toolbar > :first-child {
+  margin-inline: 16px 0;
+}
+.editor-header__back-button + .editor-header__toolbar {
+  grid-column: 2/3;
+}
+@media (min-width: 480px) {
+  .editor-header__back-button + .editor-header__toolbar > :first-child {
+    margin-inline: 0;
+  }
+}
+@media (min-width: 480px) {
   .editor-header__toolbar {
-    padding-right: var(--wp-admin-border-width-focus);
+    clip-path: none;
   }
 }
 .editor-header__toolbar .table-of-contents {
@@ -1058,27 +1078,45 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     display: block;
   }
 }
+.editor-header__toolbar .editor-collapsible-block-toolbar {
+  margin-inline: 8px 0;
+}
+.editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed ~ .editor-collapsible-block-toolbar__toggle {
+  margin-inline: 8px 0;
+}
 
 .editor-header__center {
-  flex-grow: 1;
+  grid-column: 3/4;
   display: flex;
   justify-content: center;
+  align-items: center;
   min-width: 0;
+  clip-path: inset(-2px);
 }
-.editor-header__center.is-collapsed {
-  display: none;
+@media (max-width: 479px) {
+  .editor-header__center > :first-child {
+    margin-inline-start: 8px;
+  }
+  .editor-header__center > :last-child {
+    margin-inline-end: 8px;
+  }
 }
 
 /**
  * Buttons on the right side
  */
 .editor-header__settings {
+  grid-column: 3/-1;
+  justify-self: end;
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
   padding-right: 4px;
   gap: 8px;
 }
+.editor-header:has(> .editor-header__center) .editor-header__settings {
+  grid-column: 4/-1;
+}
 @media (min-width: 600px) {
   .editor-header__settings {
     padding-right: 8px;
@@ -1236,12 +1274,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-inserter-sidebar__content {
-  height: calc(100% - 36px - 8px);
-}
-@media (min-width: 782px) {
-  .editor-inserter-sidebar__content {
-    height: 100%;
-  }
+  height: 100%;
 }
 
 .editor-keyboard-shortcut-help-modal__section {
@@ -1671,7 +1704,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   white-space: normal;
   text-wrap: balance;
   text-wrap: pretty;
-  height: auto;
   min-height: 32px;
 }
 .editor-post-panel__row-control .components-dropdown {
@@ -2174,6 +2206,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   height: 24px;
   min-width: 24px;
   max-width: 24px;
+  position: relative;
   margin-top: 2px;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2206,24 +2239,28 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
-    height: 20px;
-    width: 20px;
-    min-width: 20px;
-    max-width: 20px;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
   box-sizing: inherit;
-  width: 8px;
-  height: 8px;
-  transform: translate(7px, 7px);
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   margin: 0;
   background-color: #fff;
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
-    transform: translate(5px, 5px);
+    width: 8px;
+    height: 8px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
@@ -2232,7 +2269,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
   background: var(--wp-admin-theme-color);
-  border-color: var(--wp-admin-theme-color);
+  border: none;
 }
 .editor-post-visibility__fieldset .editor-post-visibility__info {
   color: #757575;
@@ -2241,7 +2278,7 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 }
 @media (min-width: 600px) {
   .editor-post-visibility__fieldset .editor-post-visibility__info {
-    margin-left: 32px;
+    margin-left: 28px;
   }
 }
 .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
@@ -2611,7 +2648,6 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 
 .editor-visual-editor {
   position: relative;
-  height: 100%;
   display: block;
   background-color: #ddd;
   isolation: isolate;

package/build-types/bindings/api.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Function to register core block bindings sources provided by the editor.
+ *
+ * @example
+ * ```js
+ * import { registerCoreBlockBindingsSources } from '@wordpress/editor';
+ *
+ * registerCoreBlockBindingsSources();
+ * ```
+ */
+export function registerCoreBlockBindingsSources(): void;
+/**
+ * Function to bootstrap core block bindings sources defined in the server.
+ *
+ * @param {Object} sources Object containing the sources to bootstrap.
+ *
+ * @example
+ * ```js
+ * import { bootstrapBlockBindingsSourcesFromServer } from '@wordpress/editor';
+ *
+ * bootstrapBlockBindingsSourcesFromServer( sources );
+ * ```
+ */
+export function bootstrapBlockBindingsSourcesFromServer(sources: Object): void;
+//# sourceMappingURL=api.d.ts.map

package/build-types/bindings/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/bindings/api.js"],"names":[],"mappings":"AAgBA;;;;;;;;;GASG;AACH,yDAIC;AAED;;;;;;;;;;;GAWG;AACH,iEATW,MAAM,QAqBhB"}