@wordpress/reusable-blocks 3.0.1 → 3.0.5

package/README.md

@@ -10,7 +10,7 @@ Install the module
 npm install @wordpress/reusable-blocks --save
 ```
 
-_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for ES2015+ such as IE browsers then using [core-js](https://github.com/zloirock/core-js) will add polyfills for these methods._
+_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for such language features and APIs, you should include [the polyfill shipped in `@wordpress/babel-preset-default`](https://github.com/WordPress/gutenberg/tree/HEAD/packages/babel-preset-default#polyfill) in your code._
 
 ## How it works
 

package/build/store/actions.js

@@ -3,15 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.__experimentalConvertBlockToStatic = __experimentalConvertBlockToStatic;
-exports.__experimentalConvertBlocksToReusable = __experimentalConvertBlocksToReusable;
-exports.__experimentalDeleteReusableBlock = __experimentalDeleteReusableBlock;
 exports.__experimentalSetEditingReusableBlock = __experimentalSetEditingReusableBlock;
+exports.__experimentalDeleteReusableBlock = exports.__experimentalConvertBlocksToReusable = exports.__experimentalConvertBlockToStatic = void 0;
+
+var _lodash = require("lodash");
 
-var _controls = require("./controls");
+var _blockEditor = require("@wordpress/block-editor");
+
+var _blocks = require("@wordpress/blocks");
+
+var _i18n = require("@wordpress/i18n");
 
 /**
- * Internal dependencies
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
  */
 
 /**
@@ -19,9 +27,14 @@ var _controls = require("./controls");
  *
  * @param {string} clientId The client ID of the block to attach.
  */
-function* __experimentalConvertBlockToStatic(clientId) {
-  yield (0, _controls.convertBlockToStatic)(clientId);
-}
+const __experimentalConvertBlockToStatic = clientId => ({
+  registry
+}) => {
+  const oldBlock = registry.select(_blockEditor.store).getBlock(clientId);
+  const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
+  const newBlocks = (0, _blocks.parse)((0, _lodash.isFunction)(reusableBlock.content) ? reusableBlock.content(reusableBlock) : reusableBlock.content);
+  registry.dispatch(_blockEditor.store).replaceBlocks(oldBlock.clientId, newBlocks);
+};
 /**
  * Returns a generator converting one or more static blocks into a reusable block.
  *
@@ -30,9 +43,25 @@ function* __experimentalConvertBlockToStatic(clientId) {
  */
 
 
-function* __experimentalConvertBlocksToReusable(clientIds, title) {
-  yield (0, _controls.convertBlocksToReusable)(clientIds, title);
-}
+exports.__experimentalConvertBlockToStatic = __experimentalConvertBlockToStatic;
+
+const __experimentalConvertBlocksToReusable = (clientIds, title) => async ({
+  registry,
+  dispatch
+}) => {
+  const reusableBlock = {
+    title: title || (0, _i18n.__)('Untitled Reusable block'),
+    content: (0, _blocks.serialize)(registry.select(_blockEditor.store).getBlocksByClientId(clientIds)),
+    status: 'publish'
+  };
+  const updatedRecord = await registry.dispatch('core').saveEntityRecord('postType', 'wp_block', reusableBlock);
+  const newBlock = (0, _blocks.createBlock)('core/block', {
+    ref: updatedRecord.id
+  });
+  registry.dispatch(_blockEditor.store).replaceBlocks(clientIds, newBlock);
+
+  dispatch.__experimentalSetEditingReusableBlock(newBlock.clientId, true);
+};
 /**
  * Returns a generator deleting a reusable block.
  *
@@ -40,9 +69,28 @@ function* __experimentalConvertBlocksToReusable(clientIds, title) {
  */
 
 
-function* __experimentalDeleteReusableBlock(id) {
-  yield (0, _controls.deleteReusableBlock)(id);
-}
+exports.__experimentalConvertBlocksToReusable = __experimentalConvertBlocksToReusable;
+
+const __experimentalDeleteReusableBlock = id => async ({
+  registry
+}) => {
+  const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); // Don't allow a reusable block with a temporary ID to be deleted
+
+  if (!reusableBlock) {
+    return;
+  } // Remove any other blocks that reference this reusable block
+
+
+  const allBlocks = registry.select(_blockEditor.store).getBlocks();
+  const associatedBlocks = allBlocks.filter(block => (0, _blocks.isReusableBlock)(block) && block.attributes.ref === id);
+  const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); // Remove the parsed block.
+
+  if (associatedBlockClientIds.length) {
+    registry.dispatch(_blockEditor.store).removeBlocks(associatedBlockClientIds);
+  }
+
+  await registry.dispatch('core').deleteEntityRecord('postType', 'wp_block', id);
+};
 /**
  * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.
  *
@@ -52,6 +100,8 @@ function* __experimentalDeleteReusableBlock(id) {
  */
 
 
+exports.__experimentalDeleteReusableBlock = __experimentalDeleteReusableBlock;
+
 function __experimentalSetEditingReusableBlock(clientId, isEditing) {
   return {
     type: 'SET_EDITING_REUSABLE_BLOCK',

package/build/store/actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/reusable-blocks/src/store/actions.js"],"names":["__experimentalConvertBlockToStatic","clientId","__experimentalConvertBlocksToReusable","clientIds","title","__experimentalDeleteReusableBlock","id","__experimentalSetEditingReusableBlock","isEditing","type"],"mappings":";;;;;;;;;;AAGA;;AAHA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACO,UAAUA,kCAAV,CAA8CC,QAA9C,EAAyD;AAC/D,QAAM,oCAAsBA,QAAtB,CAAN;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACO,UAAUC,qCAAV,CAAiDC,SAAjD,EAA4DC,KAA5D,EAAoE;AAC1E,QAAM,uCAAyBD,SAAzB,EAAoCC,KAApC,CAAN;AACA;AAED;AACA;AACA;AACA;AACA;;;AACO,UAAUC,iCAAV,CAA6CC,EAA7C,EAAkD;AACxD,QAAM,mCAAqBA,EAArB,CAAN;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,qCAAT,CAAgDN,QAAhD,EAA0DO,SAA1D,EAAsE;AAC5E,SAAO;AACNC,IAAAA,IAAI,EAAE,4BADA;AAENR,IAAAA,QAFM;AAGNO,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tconvertBlockToStatic,\n\tconvertBlocksToReusable,\n\tdeleteReusableBlock,\n} from './controls';\n\n/**\n * Returns a generator converting a reusable block into a static block.\n *\n * @param {string} clientId The client ID of the block to attach.\n */\nexport function* __experimentalConvertBlockToStatic( clientId ) {\n\tyield convertBlockToStatic( clientId );\n}\n\n/**\n * Returns a generator converting one or more static blocks into a reusable block.\n *\n * @param {string[]} clientIds The client IDs of the block to detach.\n * @param {string}   title     Reusable block title.\n */\nexport function* __experimentalConvertBlocksToReusable( clientIds, title ) {\n\tyield convertBlocksToReusable( clientIds, title );\n}\n\n/**\n * Returns a generator deleting a reusable block.\n *\n * @param {string} id The ID of the reusable block to delete.\n */\nexport function* __experimentalDeleteReusableBlock( id ) {\n\tyield deleteReusableBlock( id );\n}\n\n/**\n * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.\n *\n * @param {string}  clientId  The clientID of the reusable block to target.\n * @param {boolean} isEditing Whether the block should be in editing state.\n * @return {Object} Action descriptor.\n */\nexport function __experimentalSetEditingReusableBlock( clientId, isEditing ) {\n\treturn {\n\t\ttype: 'SET_EDITING_REUSABLE_BLOCK',\n\t\tclientId,\n\t\tisEditing,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/reusable-blocks/src/store/actions.js"],"names":["__experimentalConvertBlockToStatic","clientId","registry","oldBlock","select","blockEditorStore","getBlock","reusableBlock","getEditedEntityRecord","attributes","ref","newBlocks","content","dispatch","replaceBlocks","__experimentalConvertBlocksToReusable","clientIds","title","getBlocksByClientId","status","updatedRecord","saveEntityRecord","newBlock","id","__experimentalSetEditingReusableBlock","__experimentalDeleteReusableBlock","allBlocks","getBlocks","associatedBlocks","filter","block","associatedBlockClientIds","map","length","removeBlocks","deleteEntityRecord","isEditing","type"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport {\n\tcreateBlock,\n\tisReusableBlock,\n\tparse,\n\tserialize,\n} from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Returns a generator converting a reusable block into a static block.\n *\n * @param {string} clientId The client ID of the block to attach.\n */\nexport const __experimentalConvertBlockToStatic = ( clientId ) => ( {\n\tregistry,\n} ) => {\n\tconst oldBlock = registry.select( blockEditorStore ).getBlock( clientId );\n\tconst reusableBlock = registry\n\t\t.select( 'core' )\n\t\t.getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\t'wp_block',\n\t\t\toldBlock.attributes.ref\n\t\t);\n\n\tconst newBlocks = parse(\n\t\tisFunction( reusableBlock.content )\n\t\t\t? reusableBlock.content( reusableBlock )\n\t\t\t: reusableBlock.content\n\t);\n\tregistry\n\t\t.dispatch( blockEditorStore )\n\t\t.replaceBlocks( oldBlock.clientId, newBlocks );\n};\n\n/**\n * Returns a generator converting one or more static blocks into a reusable block.\n *\n * @param {string[]} clientIds The client IDs of the block to detach.\n * @param {string}   title     Reusable block title.\n */\nexport const __experimentalConvertBlocksToReusable = (\n\tclientIds,\n\ttitle\n) => async ( { registry, dispatch } ) => {\n\tconst reusableBlock = {\n\t\ttitle: title || __( 'Untitled Reusable block' ),\n\t\tcontent: serialize(\n\t\t\tregistry.select( blockEditorStore ).getBlocksByClientId( clientIds )\n\t\t),\n\t\tstatus: 'publish',\n\t};\n\n\tconst updatedRecord = await registry\n\t\t.dispatch( 'core' )\n\t\t.saveEntityRecord( 'postType', 'wp_block', reusableBlock );\n\n\tconst newBlock = createBlock( 'core/block', {\n\t\tref: updatedRecord.id,\n\t} );\n\tregistry.dispatch( blockEditorStore ).replaceBlocks( clientIds, newBlock );\n\tdispatch.__experimentalSetEditingReusableBlock( newBlock.clientId, true );\n};\n\n/**\n * Returns a generator deleting a reusable block.\n *\n * @param {string} id The ID of the reusable block to delete.\n */\nexport const __experimentalDeleteReusableBlock = ( id ) => async ( {\n\tregistry,\n} ) => {\n\tconst reusableBlock = registry\n\t\t.select( 'core' )\n\t\t.getEditedEntityRecord( 'postType', 'wp_block', id );\n\n\t// Don't allow a reusable block with a temporary ID to be deleted\n\tif ( ! reusableBlock ) {\n\t\treturn;\n\t}\n\n\t// Remove any other blocks that reference this reusable block\n\tconst allBlocks = registry.select( blockEditorStore ).getBlocks();\n\tconst associatedBlocks = allBlocks.filter(\n\t\t( block ) => isReusableBlock( block ) && block.attributes.ref === id\n\t);\n\tconst associatedBlockClientIds = associatedBlocks.map(\n\t\t( block ) => block.clientId\n\t);\n\n\t// Remove the parsed block.\n\tif ( associatedBlockClientIds.length ) {\n\t\tregistry\n\t\t\t.dispatch( blockEditorStore )\n\t\t\t.removeBlocks( associatedBlockClientIds );\n\t}\n\n\tawait registry\n\t\t.dispatch( 'core' )\n\t\t.deleteEntityRecord( 'postType', 'wp_block', id );\n};\n\n/**\n * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.\n *\n * @param {string}  clientId  The clientID of the reusable block to target.\n * @param {boolean} isEditing Whether the block should be in editing state.\n * @return {Object} Action descriptor.\n */\nexport function __experimentalSetEditingReusableBlock( clientId, isEditing ) {\n\treturn {\n\t\ttype: 'SET_EDITING_REUSABLE_BLOCK',\n\t\tclientId,\n\t\tisEditing,\n\t};\n}\n"]}

package/build/store/index.js

@@ -13,8 +13,6 @@ var _data = require("@wordpress/data");
 
 var actions = _interopRequireWildcard(require("./actions"));
 
-var _controls = _interopRequireDefault(require("./controls"));
-
 var _reducer = _interopRequireDefault(require("./reducer"));
 
 var selectors = _interopRequireWildcard(require("./selectors"));
@@ -37,9 +35,9 @@ const STORE_NAME = 'core/reusable-blocks';
 
 const store = (0, _data.createReduxStore)(STORE_NAME, {
   actions,
-  controls: _controls.default,
   reducer: _reducer.default,
-  selectors
+  selectors,
+  __experimentalUseThunks: true
 });
 exports.store = store;
 (0, _data.register)(store);

package/build/store/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/reusable-blocks/src/store/index.js"],"names":["STORE_NAME","store","actions","controls","reducer","selectors"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,UAAU,GAAG,sBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,MAAMC,KAAK,GAAG,4BAAkBD,UAAlB,EAA8B;AAClDE,EAAAA,OADkD;AAElDC,EAAAA,QAAQ,EAARA,iBAFkD;AAGlDC,EAAAA,OAAO,EAAPA,gBAHkD;AAIlDC,EAAAA;AAJkD,CAA9B,CAAd;;AAOP,oBAAUJ,KAAV","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport * as actions from './actions';\nimport controls from './controls';\nimport reducer from './reducer';\nimport * as selectors from './selectors';\n\nconst STORE_NAME = 'core/reusable-blocks';\n\n/**\n * Store definition for the reusable blocks namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\tactions,\n\tcontrols,\n\treducer,\n\tselectors,\n} );\n\nregister( store );\n"]}
+{"version":3,"sources":["@wordpress/reusable-blocks/src/store/index.js"],"names":["STORE_NAME","store","actions","reducer","selectors","__experimentalUseThunks"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,UAAU,GAAG,sBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,MAAMC,KAAK,GAAG,4BAAkBD,UAAlB,EAA8B;AAClDE,EAAAA,OADkD;AAElDC,EAAAA,OAAO,EAAPA,gBAFkD;AAGlDC,EAAAA,SAHkD;AAIlDC,EAAAA,uBAAuB,EAAE;AAJyB,CAA9B,CAAd;;AAOP,oBAAUJ,KAAV","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport * as actions from './actions';\nimport reducer from './reducer';\nimport * as selectors from './selectors';\n\nconst STORE_NAME = 'core/reusable-blocks';\n\n/**\n * Store definition for the reusable blocks namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\tactions,\n\treducer,\n\tselectors,\n\t__experimentalUseThunks: true,\n} );\n\nregister( store );\n"]}

package/build-module/store/actions.js

@@ -1,16 +1,28 @@
 /**
- * Internal dependencies
+ * External dependencies
  */
-import { convertBlockToStatic, convertBlocksToReusable, deleteReusableBlock } from './controls';
+import { isFunction } from 'lodash';
+/**
+ * WordPress dependencies
+ */
+
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { createBlock, isReusableBlock, parse, serialize } from '@wordpress/blocks';
+import { __ } from '@wordpress/i18n';
 /**
  * Returns a generator converting a reusable block into a static block.
  *
  * @param {string} clientId The client ID of the block to attach.
  */
 
-export function* __experimentalConvertBlockToStatic(clientId) {
-  yield convertBlockToStatic(clientId);
-}
+export const __experimentalConvertBlockToStatic = clientId => ({
+  registry
+}) => {
+  const oldBlock = registry.select(blockEditorStore).getBlock(clientId);
+  const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
+  const newBlocks = parse(isFunction(reusableBlock.content) ? reusableBlock.content(reusableBlock) : reusableBlock.content);
+  registry.dispatch(blockEditorStore).replaceBlocks(oldBlock.clientId, newBlocks);
+};
 /**
  * Returns a generator converting one or more static blocks into a reusable block.
  *
@@ -18,18 +30,49 @@ export function* __experimentalConvertBlockToStatic(clientId) {
  * @param {string}   title     Reusable block title.
  */
 
-export function* __experimentalConvertBlocksToReusable(clientIds, title) {
-  yield convertBlocksToReusable(clientIds, title);
-}
+export const __experimentalConvertBlocksToReusable = (clientIds, title) => async ({
+  registry,
+  dispatch
+}) => {
+  const reusableBlock = {
+    title: title || __('Untitled Reusable block'),
+    content: serialize(registry.select(blockEditorStore).getBlocksByClientId(clientIds)),
+    status: 'publish'
+  };
+  const updatedRecord = await registry.dispatch('core').saveEntityRecord('postType', 'wp_block', reusableBlock);
+  const newBlock = createBlock('core/block', {
+    ref: updatedRecord.id
+  });
+  registry.dispatch(blockEditorStore).replaceBlocks(clientIds, newBlock);
+
+  dispatch.__experimentalSetEditingReusableBlock(newBlock.clientId, true);
+};
 /**
  * Returns a generator deleting a reusable block.
  *
  * @param {string} id The ID of the reusable block to delete.
  */
 
-export function* __experimentalDeleteReusableBlock(id) {
-  yield deleteReusableBlock(id);
-}
+export const __experimentalDeleteReusableBlock = id => async ({
+  registry
+}) => {
+  const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); // Don't allow a reusable block with a temporary ID to be deleted
+
+  if (!reusableBlock) {
+    return;
+  } // Remove any other blocks that reference this reusable block
+
+
+  const allBlocks = registry.select(blockEditorStore).getBlocks();
+  const associatedBlocks = allBlocks.filter(block => isReusableBlock(block) && block.attributes.ref === id);
+  const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); // Remove the parsed block.
+
+  if (associatedBlockClientIds.length) {
+    registry.dispatch(blockEditorStore).removeBlocks(associatedBlockClientIds);
+  }
+
+  await registry.dispatch('core').deleteEntityRecord('postType', 'wp_block', id);
+};
 /**
  * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.
  *

package/build-module/store/actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/reusable-blocks/src/store/actions.js"],"names":["convertBlockToStatic","convertBlocksToReusable","deleteReusableBlock","__experimentalConvertBlockToStatic","clientId","__experimentalConvertBlocksToReusable","clientIds","title","__experimentalDeleteReusableBlock","id","__experimentalSetEditingReusableBlock","isEditing","type"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBADD,EAECC,uBAFD,EAGCC,mBAHD,QAIO,YAJP;AAMA;AACA;AACA;AACA;AACA;;AACA,OAAO,UAAUC,kCAAV,CAA8CC,QAA9C,EAAyD;AAC/D,QAAMJ,oBAAoB,CAAEI,QAAF,CAA1B;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,UAAUC,qCAAV,CAAiDC,SAAjD,EAA4DC,KAA5D,EAAoE;AAC1E,QAAMN,uBAAuB,CAAEK,SAAF,EAAaC,KAAb,CAA7B;AACA;AAED;AACA;AACA;AACA;AACA;;AACA,OAAO,UAAUC,iCAAV,CAA6CC,EAA7C,EAAkD;AACxD,QAAMP,mBAAmB,CAAEO,EAAF,CAAzB;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,qCAAT,CAAgDN,QAAhD,EAA0DO,SAA1D,EAAsE;AAC5E,SAAO;AACNC,IAAAA,IAAI,EAAE,4BADA;AAENR,IAAAA,QAFM;AAGNO,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tconvertBlockToStatic,\n\tconvertBlocksToReusable,\n\tdeleteReusableBlock,\n} from './controls';\n\n/**\n * Returns a generator converting a reusable block into a static block.\n *\n * @param {string} clientId The client ID of the block to attach.\n */\nexport function* __experimentalConvertBlockToStatic( clientId ) {\n\tyield convertBlockToStatic( clientId );\n}\n\n/**\n * Returns a generator converting one or more static blocks into a reusable block.\n *\n * @param {string[]} clientIds The client IDs of the block to detach.\n * @param {string}   title     Reusable block title.\n */\nexport function* __experimentalConvertBlocksToReusable( clientIds, title ) {\n\tyield convertBlocksToReusable( clientIds, title );\n}\n\n/**\n * Returns a generator deleting a reusable block.\n *\n * @param {string} id The ID of the reusable block to delete.\n */\nexport function* __experimentalDeleteReusableBlock( id ) {\n\tyield deleteReusableBlock( id );\n}\n\n/**\n * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.\n *\n * @param {string}  clientId  The clientID of the reusable block to target.\n * @param {boolean} isEditing Whether the block should be in editing state.\n * @return {Object} Action descriptor.\n */\nexport function __experimentalSetEditingReusableBlock( clientId, isEditing ) {\n\treturn {\n\t\ttype: 'SET_EDITING_REUSABLE_BLOCK',\n\t\tclientId,\n\t\tisEditing,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/reusable-blocks/src/store/actions.js"],"names":["isFunction","store","blockEditorStore","createBlock","isReusableBlock","parse","serialize","__","__experimentalConvertBlockToStatic","clientId","registry","oldBlock","select","getBlock","reusableBlock","getEditedEntityRecord","attributes","ref","newBlocks","content","dispatch","replaceBlocks","__experimentalConvertBlocksToReusable","clientIds","title","getBlocksByClientId","status","updatedRecord","saveEntityRecord","newBlock","id","__experimentalSetEditingReusableBlock","__experimentalDeleteReusableBlock","allBlocks","getBlocks","associatedBlocks","filter","block","associatedBlockClientIds","map","length","removeBlocks","deleteEntityRecord","isEditing","type"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport {\n\tcreateBlock,\n\tisReusableBlock,\n\tparse,\n\tserialize,\n} from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Returns a generator converting a reusable block into a static block.\n *\n * @param {string} clientId The client ID of the block to attach.\n */\nexport const __experimentalConvertBlockToStatic = ( clientId ) => ( {\n\tregistry,\n} ) => {\n\tconst oldBlock = registry.select( blockEditorStore ).getBlock( clientId );\n\tconst reusableBlock = registry\n\t\t.select( 'core' )\n\t\t.getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\t'wp_block',\n\t\t\toldBlock.attributes.ref\n\t\t);\n\n\tconst newBlocks = parse(\n\t\tisFunction( reusableBlock.content )\n\t\t\t? reusableBlock.content( reusableBlock )\n\t\t\t: reusableBlock.content\n\t);\n\tregistry\n\t\t.dispatch( blockEditorStore )\n\t\t.replaceBlocks( oldBlock.clientId, newBlocks );\n};\n\n/**\n * Returns a generator converting one or more static blocks into a reusable block.\n *\n * @param {string[]} clientIds The client IDs of the block to detach.\n * @param {string}   title     Reusable block title.\n */\nexport const __experimentalConvertBlocksToReusable = (\n\tclientIds,\n\ttitle\n) => async ( { registry, dispatch } ) => {\n\tconst reusableBlock = {\n\t\ttitle: title || __( 'Untitled Reusable block' ),\n\t\tcontent: serialize(\n\t\t\tregistry.select( blockEditorStore ).getBlocksByClientId( clientIds )\n\t\t),\n\t\tstatus: 'publish',\n\t};\n\n\tconst updatedRecord = await registry\n\t\t.dispatch( 'core' )\n\t\t.saveEntityRecord( 'postType', 'wp_block', reusableBlock );\n\n\tconst newBlock = createBlock( 'core/block', {\n\t\tref: updatedRecord.id,\n\t} );\n\tregistry.dispatch( blockEditorStore ).replaceBlocks( clientIds, newBlock );\n\tdispatch.__experimentalSetEditingReusableBlock( newBlock.clientId, true );\n};\n\n/**\n * Returns a generator deleting a reusable block.\n *\n * @param {string} id The ID of the reusable block to delete.\n */\nexport const __experimentalDeleteReusableBlock = ( id ) => async ( {\n\tregistry,\n} ) => {\n\tconst reusableBlock = registry\n\t\t.select( 'core' )\n\t\t.getEditedEntityRecord( 'postType', 'wp_block', id );\n\n\t// Don't allow a reusable block with a temporary ID to be deleted\n\tif ( ! reusableBlock ) {\n\t\treturn;\n\t}\n\n\t// Remove any other blocks that reference this reusable block\n\tconst allBlocks = registry.select( blockEditorStore ).getBlocks();\n\tconst associatedBlocks = allBlocks.filter(\n\t\t( block ) => isReusableBlock( block ) && block.attributes.ref === id\n\t);\n\tconst associatedBlockClientIds = associatedBlocks.map(\n\t\t( block ) => block.clientId\n\t);\n\n\t// Remove the parsed block.\n\tif ( associatedBlockClientIds.length ) {\n\t\tregistry\n\t\t\t.dispatch( blockEditorStore )\n\t\t\t.removeBlocks( associatedBlockClientIds );\n\t}\n\n\tawait registry\n\t\t.dispatch( 'core' )\n\t\t.deleteEntityRecord( 'postType', 'wp_block', id );\n};\n\n/**\n * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.\n *\n * @param {string}  clientId  The clientID of the reusable block to target.\n * @param {boolean} isEditing Whether the block should be in editing state.\n * @return {Object} Action descriptor.\n */\nexport function __experimentalSetEditingReusableBlock( clientId, isEditing ) {\n\treturn {\n\t\ttype: 'SET_EDITING_REUSABLE_BLOCK',\n\t\tclientId,\n\t\tisEditing,\n\t};\n}\n"]}

package/build-module/store/index.js

@@ -7,7 +7,6 @@ import { createReduxStore, register } from '@wordpress/data';
  */
 
 import * as actions from './actions';
-import controls from './controls';
 import reducer from './reducer';
 import * as selectors from './selectors';
 const STORE_NAME = 'core/reusable-blocks';
@@ -21,9 +20,9 @@ const STORE_NAME = 'core/reusable-blocks';
 
 export const store = createReduxStore(STORE_NAME, {
   actions,
-  controls,
   reducer,
-  selectors
+  selectors,
+  __experimentalUseThunks: true
 });
 register(store);
 //# sourceMappingURL=index.js.map

package/build-module/store/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/reusable-blocks/src/store/index.js"],"names":["createReduxStore","register","actions","controls","reducer","selectors","STORE_NAME","store"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,QAA3B,QAA2C,iBAA3C;AAEA;AACA;AACA;;AACA,OAAO,KAAKC,OAAZ,MAAyB,WAAzB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAO,KAAKC,SAAZ,MAA2B,aAA3B;AAEA,MAAMC,UAAU,GAAG,sBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,KAAK,GAAGP,gBAAgB,CAAEM,UAAF,EAAc;AAClDJ,EAAAA,OADkD;AAElDC,EAAAA,QAFkD;AAGlDC,EAAAA,OAHkD;AAIlDC,EAAAA;AAJkD,CAAd,CAA9B;AAOPJ,QAAQ,CAAEM,KAAF,CAAR","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport * as actions from './actions';\nimport controls from './controls';\nimport reducer from './reducer';\nimport * as selectors from './selectors';\n\nconst STORE_NAME = 'core/reusable-blocks';\n\n/**\n * Store definition for the reusable blocks namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\tactions,\n\tcontrols,\n\treducer,\n\tselectors,\n} );\n\nregister( store );\n"]}
+{"version":3,"sources":["@wordpress/reusable-blocks/src/store/index.js"],"names":["createReduxStore","register","actions","reducer","selectors","STORE_NAME","store","__experimentalUseThunks"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,QAA3B,QAA2C,iBAA3C;AAEA;AACA;AACA;;AACA,OAAO,KAAKC,OAAZ,MAAyB,WAAzB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAO,KAAKC,SAAZ,MAA2B,aAA3B;AAEA,MAAMC,UAAU,GAAG,sBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,KAAK,GAAGN,gBAAgB,CAAEK,UAAF,EAAc;AAClDH,EAAAA,OADkD;AAElDC,EAAAA,OAFkD;AAGlDC,EAAAA,SAHkD;AAIlDG,EAAAA,uBAAuB,EAAE;AAJyB,CAAd,CAA9B;AAOPN,QAAQ,CAAEK,KAAF,CAAR","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport * as actions from './actions';\nimport reducer from './reducer';\nimport * as selectors from './selectors';\n\nconst STORE_NAME = 'core/reusable-blocks';\n\n/**\n * Store definition for the reusable blocks namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\tactions,\n\treducer,\n\tselectors,\n\t__experimentalUseThunks: true,\n} );\n\nregister( store );\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/reusable-blocks",
-	"version": "3.0.1",
+	"version": "3.0.5",
 	"description": "Reusable blocks utilities.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -28,21 +28,21 @@
 		"{src,build,build-module}/{index.js,store/index.js}"
 	],
 	"dependencies": {
-		"@wordpress/block-editor": "^7.0.1",
-		"@wordpress/blocks": "^11.0.1",
-		"@wordpress/components": "^16.0.0",
-		"@wordpress/compose": "^5.0.1",
-		"@wordpress/core-data": "^4.0.1",
-		"@wordpress/data": "^6.0.1",
-		"@wordpress/element": "^4.0.0",
-		"@wordpress/i18n": "^4.2.1",
-		"@wordpress/icons": "^5.0.1",
-		"@wordpress/notices": "^3.2.2",
-		"@wordpress/url": "^3.2.1",
+		"@wordpress/block-editor": "^8.0.0",
+		"@wordpress/blocks": "^11.1.3",
+		"@wordpress/components": "^19.0.1",
+		"@wordpress/compose": "^5.0.5",
+		"@wordpress/core-data": "^4.0.5",
+		"@wordpress/data": "^6.1.3",
+		"@wordpress/element": "^4.0.3",
+		"@wordpress/i18n": "^4.2.3",
+		"@wordpress/icons": "^6.1.0",
+		"@wordpress/notices": "^3.2.6",
+		"@wordpress/url": "^3.3.0",
 		"lodash": "^4.17.21"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8b67fbd424bc67f81c2d825877f0fae726d6363a"
+	"gitHead": "393c2b5533837fd637e998d23f0124c081a10df0"
 }

package/src/store/actions.js

@@ -1,20 +1,46 @@
 /**
- * Internal dependencies
+ * External dependencies
  */
+import { isFunction } from 'lodash';
+
+/**
+ * WordPress dependencies
+ */
+import { store as blockEditorStore } from '@wordpress/block-editor';
 import {
-	convertBlockToStatic,
-	convertBlocksToReusable,
-	deleteReusableBlock,
-} from './controls';
+	createBlock,
+	isReusableBlock,
+	parse,
+	serialize,
+} from '@wordpress/blocks';
+import { __ } from '@wordpress/i18n';
 
 /**
  * Returns a generator converting a reusable block into a static block.
  *
  * @param {string} clientId The client ID of the block to attach.
  */
-export function* __experimentalConvertBlockToStatic( clientId ) {
-	yield convertBlockToStatic( clientId );
-}
+export const __experimentalConvertBlockToStatic = ( clientId ) => ( {
+	registry,
+} ) => {
+	const oldBlock = registry.select( blockEditorStore ).getBlock( clientId );
+	const reusableBlock = registry
+		.select( 'core' )
+		.getEditedEntityRecord(
+			'postType',
+			'wp_block',
+			oldBlock.attributes.ref
+		);
+
+	const newBlocks = parse(
+		isFunction( reusableBlock.content )
+			? reusableBlock.content( reusableBlock )
+			: reusableBlock.content
+	);
+	registry
+		.dispatch( blockEditorStore )
+		.replaceBlocks( oldBlock.clientId, newBlocks );
+};
 
 /**
  * Returns a generator converting one or more static blocks into a reusable block.
@@ -22,18 +48,66 @@ export function* __experimentalConvertBlockToStatic( clientId ) {
  * @param {string[]} clientIds The client IDs of the block to detach.
  * @param {string}   title     Reusable block title.
  */
-export function* __experimentalConvertBlocksToReusable( clientIds, title ) {
-	yield convertBlocksToReusable( clientIds, title );
-}
+export const __experimentalConvertBlocksToReusable = (
+	clientIds,
+	title
+) => async ( { registry, dispatch } ) => {
+	const reusableBlock = {
+		title: title || __( 'Untitled Reusable block' ),
+		content: serialize(
+			registry.select( blockEditorStore ).getBlocksByClientId( clientIds )
+		),
+		status: 'publish',
+	};
+
+	const updatedRecord = await registry
+		.dispatch( 'core' )
+		.saveEntityRecord( 'postType', 'wp_block', reusableBlock );
+
+	const newBlock = createBlock( 'core/block', {
+		ref: updatedRecord.id,
+	} );
+	registry.dispatch( blockEditorStore ).replaceBlocks( clientIds, newBlock );
+	dispatch.__experimentalSetEditingReusableBlock( newBlock.clientId, true );
+};
 
 /**
  * Returns a generator deleting a reusable block.
  *
  * @param {string} id The ID of the reusable block to delete.
  */
-export function* __experimentalDeleteReusableBlock( id ) {
-	yield deleteReusableBlock( id );
-}
+export const __experimentalDeleteReusableBlock = ( id ) => async ( {
+	registry,
+} ) => {
+	const reusableBlock = registry
+		.select( 'core' )
+		.getEditedEntityRecord( 'postType', 'wp_block', id );
+
+	// Don't allow a reusable block with a temporary ID to be deleted
+	if ( ! reusableBlock ) {
+		return;
+	}
+
+	// Remove any other blocks that reference this reusable block
+	const allBlocks = registry.select( blockEditorStore ).getBlocks();
+	const associatedBlocks = allBlocks.filter(
+		( block ) => isReusableBlock( block ) && block.attributes.ref === id
+	);
+	const associatedBlockClientIds = associatedBlocks.map(
+		( block ) => block.clientId
+	);
+
+	// Remove the parsed block.
+	if ( associatedBlockClientIds.length ) {
+		registry
+			.dispatch( blockEditorStore )
+			.removeBlocks( associatedBlockClientIds );
+	}
+
+	await registry
+		.dispatch( 'core' )
+		.deleteEntityRecord( 'postType', 'wp_block', id );
+};
 
 /**
  * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.

package/src/store/index.js

@@ -7,7 +7,6 @@ import { createReduxStore, register } from '@wordpress/data';
  * Internal dependencies
  */
 import * as actions from './actions';
-import controls from './controls';
 import reducer from './reducer';
 import * as selectors from './selectors';
 
@@ -22,9 +21,9 @@ const STORE_NAME = 'core/reusable-blocks';
  */
 export const store = createReduxStore( STORE_NAME, {
 	actions,
-	controls,
 	reducer,
 	selectors,
+	__experimentalUseThunks: true,
 } );
 
 register( store );

package/src/store/test/__snapshots__/actions.js.snap

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Actions __experimentalConvertBlockToStatic should convert a static reusable into a static block 1`] = `
+Array [
+  Object {
+    "attributes": Object {
+      "name": "Big Bird",
+    },
+    "innerBlocks": Array [
+      Object {
+        "attributes": Object {
+          "name": "Oscar the Grouch",
+        },
+        "innerBlocks": Array [],
+        "isValid": true,
+        "name": "core/test-block",
+        "originalContent": "",
+        "validationIssues": Array [],
+      },
+      Object {
+        "attributes": Object {
+          "name": "Cookie Monster",
+        },
+        "innerBlocks": Array [],
+        "isValid": true,
+        "name": "core/test-block",
+        "originalContent": "",
+        "validationIssues": Array [],
+      },
+    ],
+    "isValid": true,
+    "name": "core/test-block",
+    "originalContent": "",
+    "validationIssues": Array [],
+  },
+]
+`;
+
+exports[`Actions __experimentalConvertBlocksToReusable should convert a static block into a reusable block 1`] = `
+Array [
+  Object {
+    "attributes": Object {
+      "ref": "new-id",
+    },
+    "innerBlocks": Array [],
+    "isValid": true,
+    "name": "core/block",
+  },
+]
+`;