reusable-blocks.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482
  1. /******/ (function() { // webpackBootstrap
  2. /******/ "use strict";
  3. /******/ // The require scope
  4. /******/ var __webpack_require__ = {};
  5. /******/
  6. /************************************************************************/
  7. /******/ /* webpack/runtime/define property getters */
  8. /******/ !function() {
  9. /******/ // define getter functions for harmony exports
  10. /******/ __webpack_require__.d = function(exports, definition) {
  11. /******/ for(var key in definition) {
  12. /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
  13. /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
  14. /******/ }
  15. /******/ }
  16. /******/ };
  17. /******/ }();
  18. /******/
  19. /******/ /* webpack/runtime/hasOwnProperty shorthand */
  20. /******/ !function() {
  21. /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
  22. /******/ }();
  23. /******/
  24. /******/ /* webpack/runtime/make namespace object */
  25. /******/ !function() {
  26. /******/ // define __esModule on exports
  27. /******/ __webpack_require__.r = function(exports) {
  28. /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  29. /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  30. /******/ }
  31. /******/ Object.defineProperty(exports, '__esModule', { value: true });
  32. /******/ };
  33. /******/ }();
  34. /******/
  35. /************************************************************************/
  36. var __webpack_exports__ = {};
  37. // ESM COMPAT FLAG
  38. __webpack_require__.r(__webpack_exports__);
  39. // EXPORTS
  40. __webpack_require__.d(__webpack_exports__, {
  41. "ReusableBlocksMenuItems": function() { return /* reexport */ reusable_blocks_menu_items; },
  42. "store": function() { return /* reexport */ store; }
  43. });
  44. // NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js
  45. var actions_namespaceObject = {};
  46. __webpack_require__.r(actions_namespaceObject);
  47. __webpack_require__.d(actions_namespaceObject, {
  48. "__experimentalConvertBlockToStatic": function() { return __experimentalConvertBlockToStatic; },
  49. "__experimentalConvertBlocksToReusable": function() { return __experimentalConvertBlocksToReusable; },
  50. "__experimentalDeleteReusableBlock": function() { return __experimentalDeleteReusableBlock; },
  51. "__experimentalSetEditingReusableBlock": function() { return __experimentalSetEditingReusableBlock; }
  52. });
  53. // NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/selectors.js
  54. var selectors_namespaceObject = {};
  55. __webpack_require__.r(selectors_namespaceObject);
  56. __webpack_require__.d(selectors_namespaceObject, {
  57. "__experimentalIsEditingReusableBlock": function() { return __experimentalIsEditingReusableBlock; }
  58. });
  59. ;// CONCATENATED MODULE: external ["wp","data"]
  60. var external_wp_data_namespaceObject = window["wp"]["data"];
  61. ;// CONCATENATED MODULE: external ["wp","blockEditor"]
  62. var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
  63. ;// CONCATENATED MODULE: external ["wp","blocks"]
  64. var external_wp_blocks_namespaceObject = window["wp"]["blocks"];
  65. ;// CONCATENATED MODULE: external ["wp","i18n"]
  66. var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
  67. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js
  68. /**
  69. * WordPress dependencies
  70. */
  71. /**
  72. * Returns a generator converting a reusable block into a static block.
  73. *
  74. * @param {string} clientId The client ID of the block to attach.
  75. */
  76. const __experimentalConvertBlockToStatic = clientId => _ref => {
  77. let {
  78. registry
  79. } = _ref;
  80. const oldBlock = registry.select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId);
  81. const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
  82. const newBlocks = (0,external_wp_blocks_namespaceObject.parse)(typeof reusableBlock.content === 'function' ? reusableBlock.content(reusableBlock) : reusableBlock.content);
  83. registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(oldBlock.clientId, newBlocks);
  84. };
  85. /**
  86. * Returns a generator converting one or more static blocks into a reusable block.
  87. *
  88. * @param {string[]} clientIds The client IDs of the block to detach.
  89. * @param {string} title Reusable block title.
  90. */
  91. const __experimentalConvertBlocksToReusable = (clientIds, title) => async _ref2 => {
  92. let {
  93. registry,
  94. dispatch
  95. } = _ref2;
  96. const reusableBlock = {
  97. title: title || (0,external_wp_i18n_namespaceObject.__)('Untitled Reusable block'),
  98. content: (0,external_wp_blocks_namespaceObject.serialize)(registry.select(external_wp_blockEditor_namespaceObject.store).getBlocksByClientId(clientIds)),
  99. status: 'publish'
  100. };
  101. const updatedRecord = await registry.dispatch('core').saveEntityRecord('postType', 'wp_block', reusableBlock);
  102. const newBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/block', {
  103. ref: updatedRecord.id
  104. });
  105. registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(clientIds, newBlock);
  106. dispatch.__experimentalSetEditingReusableBlock(newBlock.clientId, true);
  107. };
  108. /**
  109. * Returns a generator deleting a reusable block.
  110. *
  111. * @param {string} id The ID of the reusable block to delete.
  112. */
  113. const __experimentalDeleteReusableBlock = id => async _ref3 => {
  114. let {
  115. registry
  116. } = _ref3;
  117. const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); // Don't allow a reusable block with a temporary ID to be deleted.
  118. if (!reusableBlock) {
  119. return;
  120. } // Remove any other blocks that reference this reusable block.
  121. const allBlocks = registry.select(external_wp_blockEditor_namespaceObject.store).getBlocks();
  122. const associatedBlocks = allBlocks.filter(block => (0,external_wp_blocks_namespaceObject.isReusableBlock)(block) && block.attributes.ref === id);
  123. const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); // Remove the parsed block.
  124. if (associatedBlockClientIds.length) {
  125. registry.dispatch(external_wp_blockEditor_namespaceObject.store).removeBlocks(associatedBlockClientIds);
  126. }
  127. await registry.dispatch('core').deleteEntityRecord('postType', 'wp_block', id);
  128. };
  129. /**
  130. * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action.
  131. *
  132. * @param {string} clientId The clientID of the reusable block to target.
  133. * @param {boolean} isEditing Whether the block should be in editing state.
  134. * @return {Object} Action descriptor.
  135. */
  136. function __experimentalSetEditingReusableBlock(clientId, isEditing) {
  137. return {
  138. type: 'SET_EDITING_REUSABLE_BLOCK',
  139. clientId,
  140. isEditing
  141. };
  142. }
  143. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/reducer.js
  144. /**
  145. * WordPress dependencies
  146. */
  147. function isEditingReusableBlock() {
  148. let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  149. let action = arguments.length > 1 ? arguments[1] : undefined;
  150. if ((action === null || action === void 0 ? void 0 : action.type) === 'SET_EDITING_REUSABLE_BLOCK') {
  151. return { ...state,
  152. [action.clientId]: action.isEditing
  153. };
  154. }
  155. return state;
  156. }
  157. /* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({
  158. isEditingReusableBlock
  159. }));
  160. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/selectors.js
  161. /**
  162. * Returns true if reusable block is in the editing state.
  163. *
  164. * @param {Object} state Global application state.
  165. * @param {number} clientId the clientID of the block.
  166. * @return {boolean} Whether the reusable block is in the editing state.
  167. */
  168. function __experimentalIsEditingReusableBlock(state, clientId) {
  169. return state.isEditingReusableBlock[clientId];
  170. }
  171. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/index.js
  172. /**
  173. * WordPress dependencies
  174. */
  175. /**
  176. * Internal dependencies
  177. */
  178. const STORE_NAME = 'core/reusable-blocks';
  179. /**
  180. * Store definition for the reusable blocks namespace.
  181. *
  182. * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
  183. *
  184. * @type {Object}
  185. */
  186. const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {
  187. actions: actions_namespaceObject,
  188. reducer: reducer,
  189. selectors: selectors_namespaceObject
  190. });
  191. (0,external_wp_data_namespaceObject.register)(store);
  192. ;// CONCATENATED MODULE: external ["wp","element"]
  193. var external_wp_element_namespaceObject = window["wp"]["element"];
  194. ;// CONCATENATED MODULE: external ["wp","components"]
  195. var external_wp_components_namespaceObject = window["wp"]["components"];
  196. ;// CONCATENATED MODULE: external ["wp","primitives"]
  197. var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
  198. ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol.js
  199. /**
  200. * WordPress dependencies
  201. */
  202. const symbol = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
  203. xmlns: "http://www.w3.org/2000/svg",
  204. viewBox: "0 0 24 24"
  205. }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
  206. d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"
  207. }));
  208. /* harmony default export */ var library_symbol = (symbol);
  209. ;// CONCATENATED MODULE: external ["wp","notices"]
  210. var external_wp_notices_namespaceObject = window["wp"]["notices"];
  211. ;// CONCATENATED MODULE: external ["wp","coreData"]
  212. var external_wp_coreData_namespaceObject = window["wp"]["coreData"];
  213. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js
  214. /**
  215. * WordPress dependencies
  216. */
  217. /**
  218. * Internal dependencies
  219. */
  220. /**
  221. * Menu control to convert block(s) to reusable block.
  222. *
  223. * @param {Object} props Component props.
  224. * @param {string[]} props.clientIds Client ids of selected blocks.
  225. * @param {string} props.rootClientId ID of the currently selected top-level block.
  226. * @return {import('@wordpress/element').WPComponent} The menu control or null.
  227. */
  228. function ReusableBlockConvertButton(_ref) {
  229. let {
  230. clientIds,
  231. rootClientId
  232. } = _ref;
  233. const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false);
  234. const [title, setTitle] = (0,external_wp_element_namespaceObject.useState)('');
  235. const canConvert = (0,external_wp_data_namespaceObject.useSelect)(select => {
  236. var _getBlocksByClientId;
  237. const {
  238. canUser
  239. } = select(external_wp_coreData_namespaceObject.store);
  240. const {
  241. getBlocksByClientId,
  242. canInsertBlockType
  243. } = select(external_wp_blockEditor_namespaceObject.store);
  244. const blocks = (_getBlocksByClientId = getBlocksByClientId(clientIds)) !== null && _getBlocksByClientId !== void 0 ? _getBlocksByClientId : [];
  245. const isReusable = blocks.length === 1 && blocks[0] && (0,external_wp_blocks_namespaceObject.isReusableBlock)(blocks[0]) && !!select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
  246. const _canConvert = // Hide when this is already a reusable block.
  247. !isReusable && // Hide when reusable blocks are disabled.
  248. canInsertBlockType('core/block', rootClientId) && blocks.every(block => // Guard against the case where a regular block has *just* been converted.
  249. !!block && // Hide on invalid blocks.
  250. block.isValid && // Hide when block doesn't support being made reusable.
  251. (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'reusable', true)) && // Hide when current doesn't have permission to do that.
  252. !!canUser('create', 'blocks');
  253. return _canConvert;
  254. }, [clientIds]);
  255. const {
  256. __experimentalConvertBlocksToReusable: convertBlocksToReusable
  257. } = (0,external_wp_data_namespaceObject.useDispatch)(store);
  258. const {
  259. createSuccessNotice,
  260. createErrorNotice
  261. } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
  262. const onConvert = (0,external_wp_element_namespaceObject.useCallback)(async function (reusableBlockTitle) {
  263. try {
  264. await convertBlocksToReusable(clientIds, reusableBlockTitle);
  265. createSuccessNotice((0,external_wp_i18n_namespaceObject.__)('Reusable block created.'), {
  266. type: 'snackbar'
  267. });
  268. } catch (error) {
  269. createErrorNotice(error.message, {
  270. type: 'snackbar'
  271. });
  272. }
  273. }, [clientIds]);
  274. if (!canConvert) {
  275. return null;
  276. }
  277. return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, _ref2 => {
  278. let {
  279. onClose
  280. } = _ref2;
  281. return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
  282. icon: library_symbol,
  283. onClick: () => {
  284. setIsModalOpen(true);
  285. }
  286. }, (0,external_wp_i18n_namespaceObject.__)('Create Reusable block')), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
  287. title: (0,external_wp_i18n_namespaceObject.__)('Create Reusable block'),
  288. closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'),
  289. onRequestClose: () => {
  290. setIsModalOpen(false);
  291. setTitle('');
  292. },
  293. overlayClassName: "reusable-blocks-menu-items__convert-modal"
  294. }, (0,external_wp_element_namespaceObject.createElement)("form", {
  295. onSubmit: event => {
  296. event.preventDefault();
  297. onConvert(title);
  298. setIsModalOpen(false);
  299. setTitle('');
  300. onClose();
  301. }
  302. }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
  303. label: (0,external_wp_i18n_namespaceObject.__)('Name'),
  304. value: title,
  305. onChange: setTitle
  306. }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
  307. className: "reusable-blocks-menu-items__convert-modal-actions",
  308. justify: "flex-end"
  309. }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
  310. variant: "tertiary",
  311. onClick: () => {
  312. setIsModalOpen(false);
  313. setTitle('');
  314. }
  315. }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
  316. variant: "primary",
  317. type: "submit"
  318. }, (0,external_wp_i18n_namespaceObject.__)('Save')))))));
  319. });
  320. }
  321. ;// CONCATENATED MODULE: external ["wp","url"]
  322. var external_wp_url_namespaceObject = window["wp"]["url"];
  323. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js
  324. /**
  325. * WordPress dependencies
  326. */
  327. /**
  328. * Internal dependencies
  329. */
  330. function ReusableBlocksManageButton(_ref) {
  331. let {
  332. clientId
  333. } = _ref;
  334. const {
  335. canRemove,
  336. isVisible
  337. } = (0,external_wp_data_namespaceObject.useSelect)(select => {
  338. const {
  339. getBlock,
  340. canRemoveBlock
  341. } = select(external_wp_blockEditor_namespaceObject.store);
  342. const {
  343. canUser
  344. } = select(external_wp_coreData_namespaceObject.store);
  345. const reusableBlock = getBlock(clientId);
  346. return {
  347. canRemove: canRemoveBlock(clientId),
  348. isVisible: !!reusableBlock && (0,external_wp_blocks_namespaceObject.isReusableBlock)(reusableBlock) && !!canUser('update', 'blocks', reusableBlock.attributes.ref)
  349. };
  350. }, [clientId]);
  351. const {
  352. __experimentalConvertBlockToStatic: convertBlockToStatic
  353. } = (0,external_wp_data_namespaceObject.useDispatch)(store);
  354. if (!isVisible) {
  355. return null;
  356. }
  357. return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
  358. href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
  359. post_type: 'wp_block'
  360. })
  361. }, (0,external_wp_i18n_namespaceObject.__)('Manage Reusable blocks')), canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
  362. onClick: () => convertBlockToStatic(clientId)
  363. }, (0,external_wp_i18n_namespaceObject.__)('Convert to regular blocks')));
  364. }
  365. /* harmony default export */ var reusable_blocks_manage_button = (ReusableBlocksManageButton);
  366. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/index.js
  367. /**
  368. * WordPress dependencies
  369. */
  370. /**
  371. * Internal dependencies
  372. */
  373. function ReusableBlocksMenuItems(_ref) {
  374. let {
  375. clientIds,
  376. rootClientId
  377. } = _ref;
  378. return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ReusableBlockConvertButton, {
  379. clientIds: clientIds,
  380. rootClientId: rootClientId
  381. }), clientIds.length === 1 && (0,external_wp_element_namespaceObject.createElement)(reusable_blocks_manage_button, {
  382. clientId: clientIds[0]
  383. }));
  384. }
  385. /* harmony default export */ var reusable_blocks_menu_items = ((0,external_wp_data_namespaceObject.withSelect)(select => {
  386. const {
  387. getSelectedBlockClientIds
  388. } = select(external_wp_blockEditor_namespaceObject.store);
  389. return {
  390. clientIds: getSelectedBlockClientIds()
  391. };
  392. })(ReusableBlocksMenuItems));
  393. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/index.js
  394. ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/index.js
  395. (window.wp = window.wp || {}).reusableBlocks = __webpack_exports__;
  396. /******/ })()
  397. ;