diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/js/dist/reusable-blocks.js --- a/wp/wp-includes/js/dist/reusable-blocks.js Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/js/dist/reusable-blocks.js Fri Sep 05 18:40:08 2025 +0200 @@ -1,36 +1,36 @@ -/******/ (function() { // webpackBootstrap +/******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ // The require scope /******/ var __webpack_require__ = {}; /******/ /************************************************************************/ /******/ /* webpack/runtime/define property getters */ -/******/ !function() { +/******/ (() => { /******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { +/******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; -/******/ }(); +/******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ -/******/ !function() { +/******/ (() => { /******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { +/******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; -/******/ }(); +/******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; @@ -39,43 +39,37 @@ // EXPORTS __webpack_require__.d(__webpack_exports__, { - "ReusableBlocksMenuItems": function() { return /* reexport */ reusable_blocks_menu_items; }, - "store": function() { return /* reexport */ store; } + ReusableBlocksMenuItems: () => (/* reexport */ ReusableBlocksMenuItems), + store: () => (/* reexport */ store) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js var actions_namespaceObject = {}; __webpack_require__.r(actions_namespaceObject); __webpack_require__.d(actions_namespaceObject, { - "__experimentalConvertBlockToStatic": function() { return __experimentalConvertBlockToStatic; }, - "__experimentalConvertBlocksToReusable": function() { return __experimentalConvertBlocksToReusable; }, - "__experimentalDeleteReusableBlock": function() { return __experimentalDeleteReusableBlock; }, - "__experimentalSetEditingReusableBlock": function() { return __experimentalSetEditingReusableBlock; } + __experimentalConvertBlockToStatic: () => (__experimentalConvertBlockToStatic), + __experimentalConvertBlocksToReusable: () => (__experimentalConvertBlocksToReusable), + __experimentalDeleteReusableBlock: () => (__experimentalDeleteReusableBlock), + __experimentalSetEditingReusableBlock: () => (__experimentalSetEditingReusableBlock) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/selectors.js var selectors_namespaceObject = {}; __webpack_require__.r(selectors_namespaceObject); __webpack_require__.d(selectors_namespaceObject, { - "__experimentalIsEditingReusableBlock": function() { return __experimentalIsEditingReusableBlock; } + __experimentalIsEditingReusableBlock: () => (__experimentalIsEditingReusableBlock) }); ;// CONCATENATED MODULE: external ["wp","data"] -var external_wp_data_namespaceObject = window["wp"]["data"]; -;// CONCATENATED MODULE: external "lodash" -var external_lodash_namespaceObject = window["lodash"]; +const external_wp_data_namespaceObject = window["wp"]["data"]; ;// CONCATENATED MODULE: external ["wp","blockEditor"] -var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; +const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; ;// CONCATENATED MODULE: external ["wp","blocks"] -var external_wp_blocks_namespaceObject = window["wp"]["blocks"]; +const external_wp_blocks_namespaceObject = window["wp"]["blocks"]; ;// CONCATENATED MODULE: external ["wp","i18n"] -var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js /** - * External dependencies - */ - -/** * WordPress dependencies */ @@ -87,68 +81,73 @@ * * @param {string} clientId The client ID of the block to attach. */ - -const __experimentalConvertBlockToStatic = clientId => _ref => { - let { - registry - } = _ref; +const __experimentalConvertBlockToStatic = clientId => ({ + registry +}) => { const oldBlock = registry.select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId); const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref); - const newBlocks = (0,external_wp_blocks_namespaceObject.parse)((0,external_lodash_namespaceObject.isFunction)(reusableBlock.content) ? reusableBlock.content(reusableBlock) : reusableBlock.content); + const newBlocks = (0,external_wp_blocks_namespaceObject.parse)(typeof reusableBlock.content === 'function' ? reusableBlock.content(reusableBlock) : reusableBlock.content); registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(oldBlock.clientId, newBlocks); }; + /** - * Returns a generator converting one or more static blocks into a reusable block. + * Returns a generator converting one or more static blocks into a pattern. * - * @param {string[]} clientIds The client IDs of the block to detach. - * @param {string} title Reusable block title. + * @param {string[]} clientIds The client IDs of the block to detach. + * @param {string} title Pattern title. + * @param {undefined|'unsynced'} syncType They way block is synced, current undefined (synced) and 'unsynced'. */ - -const __experimentalConvertBlocksToReusable = (clientIds, title) => async _ref2 => { - let { - registry, - dispatch - } = _ref2; +const __experimentalConvertBlocksToReusable = (clientIds, title, syncType) => async ({ + registry, + dispatch +}) => { + const meta = syncType === 'unsynced' ? { + wp_pattern_sync_status: syncType + } : undefined; const reusableBlock = { - title: title || (0,external_wp_i18n_namespaceObject.__)('Untitled Reusable block'), + title: title || (0,external_wp_i18n_namespaceObject.__)('Untitled pattern block'), content: (0,external_wp_blocks_namespaceObject.serialize)(registry.select(external_wp_blockEditor_namespaceObject.store).getBlocksByClientId(clientIds)), - status: 'publish' + status: 'publish', + meta }; const updatedRecord = await registry.dispatch('core').saveEntityRecord('postType', 'wp_block', reusableBlock); + if (syncType === 'unsynced') { + return; + } const newBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/block', { ref: updatedRecord.id }); registry.dispatch(external_wp_blockEditor_namespaceObject.store).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. */ +const __experimentalDeleteReusableBlock = id => async ({ + registry +}) => { + const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); -const __experimentalDeleteReusableBlock = id => async _ref3 => { - let { - registry - } = _ref3; - const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); // Don't allow a reusable block with a temporary ID to be deleted. - + // 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. + } - + // Remove any other blocks that reference this reusable block. const allBlocks = registry.select(external_wp_blockEditor_namespaceObject.store).getBlocks(); const associatedBlocks = allBlocks.filter(block => (0,external_wp_blocks_namespaceObject.isReusableBlock)(block) && block.attributes.ref === id); - const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); // Remove the parsed block. + const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); + // Remove the parsed block. if (associatedBlockClientIds.length) { registry.dispatch(external_wp_blockEditor_namespaceObject.store).removeBlocks(associatedBlockClientIds); } - await registry.dispatch('core').deleteEntityRecord('postType', 'wp_block', id); }; + /** * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action. * @@ -156,7 +155,6 @@ * @param {boolean} isEditing Whether the block should be in editing state. * @return {Object} Action descriptor. */ - function __experimentalSetEditingReusableBlock(clientId, isEditing) { return { type: 'SET_EDITING_REUSABLE_BLOCK', @@ -170,19 +168,16 @@ * WordPress dependencies */ -function isEditingReusableBlock() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; - - if ((action === null || action === void 0 ? void 0 : action.type) === 'SET_EDITING_REUSABLE_BLOCK') { - return { ...state, +function isEditingReusableBlock(state = {}, action) { + if (action?.type === 'SET_EDITING_REUSABLE_BLOCK') { + return { + ...state, [action.clientId]: action.isEditing }; } - return state; } -/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ +/* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ isEditingReusableBlock })); @@ -203,14 +198,15 @@ * WordPress dependencies */ + /** * Internal dependencies */ +const STORE_NAME = 'core/reusable-blocks'; -const STORE_NAME = 'core/reusable-blocks'; /** * Store definition for the reusable blocks namespace. * @@ -218,7 +214,6 @@ * * @type {Object} */ - const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { actions: actions_namespaceObject, reducer: reducer, @@ -227,37 +222,49 @@ (0,external_wp_data_namespaceObject.register)(store); ;// CONCATENATED MODULE: external ["wp","element"] -var external_wp_element_namespaceObject = window["wp"]["element"]; +const external_wp_element_namespaceObject = window["wp"]["element"]; ;// CONCATENATED MODULE: external ["wp","components"] -var external_wp_components_namespaceObject = window["wp"]["components"]; +const external_wp_components_namespaceObject = window["wp"]["components"]; ;// CONCATENATED MODULE: external ["wp","primitives"] -var external_wp_primitives_namespaceObject = window["wp"]["primitives"]; +const external_wp_primitives_namespaceObject = window["wp"]["primitives"]; +;// CONCATENATED MODULE: external "ReactJSXRuntime" +const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol.js - - /** * WordPress dependencies */ -const symbol = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + +const symbol = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - 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" -})); -/* harmony default export */ var library_symbol = (symbol); + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + 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" + }) +}); +/* harmony default export */ const library_symbol = (symbol); ;// CONCATENATED MODULE: external ["wp","notices"] -var external_wp_notices_namespaceObject = window["wp"]["notices"]; +const external_wp_notices_namespaceObject = window["wp"]["notices"]; ;// CONCATENATED MODULE: external ["wp","coreData"] -var external_wp_coreData_namespaceObject = window["wp"]["coreData"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js - - +const external_wp_coreData_namespaceObject = window["wp"]["coreData"]; +;// CONCATENATED MODULE: external ["wp","privateApis"] +const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/lock-unlock.js /** * WordPress dependencies */ +const { + unlock +} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/reusable-blocks'); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js +/** + * WordPress dependencies + */ + + @@ -271,45 +278,60 @@ */ + + + +const { + useReusableBlocksRenameHint, + ReusableBlocksRenameHint +} = unlock(external_wp_blockEditor_namespaceObject.privateApis); + /** * Menu control to convert block(s) to reusable block. * * @param {Object} props Component props. * @param {string[]} props.clientIds Client ids of selected blocks. * @param {string} props.rootClientId ID of the currently selected top-level block. - * @return {import('@wordpress/element').WPComponent} The menu control or null. + * @param {()=>void} props.onClose Callback to close the menu. + * @return {import('react').ComponentType} The menu control or null. */ - -function ReusableBlockConvertButton(_ref) { - let { - clientIds, - rootClientId - } = _ref; +function ReusableBlockConvertButton({ + clientIds, + rootClientId, + onClose +}) { + const showRenameHint = useReusableBlocksRenameHint(); + const [syncType, setSyncType] = (0,external_wp_element_namespaceObject.useState)(undefined); const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false); const [title, setTitle] = (0,external_wp_element_namespaceObject.useState)(''); const canConvert = (0,external_wp_data_namespaceObject.useSelect)(select => { var _getBlocksByClientId; - const { canUser } = select(external_wp_coreData_namespaceObject.store); const { getBlocksByClientId, - canInsertBlockType + canInsertBlockType, + getBlockRootClientId } = select(external_wp_blockEditor_namespaceObject.store); + const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : undefined); const blocks = (_getBlocksByClientId = getBlocksByClientId(clientIds)) !== null && _getBlocksByClientId !== void 0 ? _getBlocksByClientId : []; 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); - - const _canConvert = // Hide when this is already a reusable block. - !isReusable && // Hide when reusable blocks are disabled. - canInsertBlockType('core/block', rootClientId) && blocks.every(block => // Guard against the case where a regular block has *just* been converted. - !!block && // Hide on invalid blocks. - block.isValid && // Hide when block doesn't support being made reusable. - (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'reusable', true)) && // Hide when current doesn't have permission to do that. + const _canConvert = + // Hide when this is already a reusable block. + !isReusable && + // Hide when reusable blocks are disabled. + canInsertBlockType('core/block', rootId) && blocks.every(block => + // Guard against the case where a regular block has *just* been converted. + !!block && + // Hide on invalid blocks. + block.isValid && + // Hide when block doesn't support being made reusable. + (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'reusable', true)) && + // Hide when current doesn't have permission to do that. !!canUser('create', 'blocks'); - return _canConvert; - }, [clientIds]); + }, [clientIds, rootClientId]); const { __experimentalConvertBlocksToReusable: convertBlocksToReusable } = (0,external_wp_data_namespaceObject.useDispatch)(store); @@ -319,71 +341,84 @@ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); const onConvert = (0,external_wp_element_namespaceObject.useCallback)(async function (reusableBlockTitle) { try { - await convertBlocksToReusable(clientIds, reusableBlockTitle); - createSuccessNotice((0,external_wp_i18n_namespaceObject.__)('Reusable block created.'), { - type: 'snackbar' + await convertBlocksToReusable(clientIds, reusableBlockTitle, syncType); + createSuccessNotice(!syncType ? (0,external_wp_i18n_namespaceObject.sprintf)( + // translators: %s: the name the user has given to the pattern. + (0,external_wp_i18n_namespaceObject.__)('Synced pattern created: %s'), reusableBlockTitle) : (0,external_wp_i18n_namespaceObject.sprintf)( + // translators: %s: the name the user has given to the pattern. + (0,external_wp_i18n_namespaceObject.__)('Unsynced pattern created: %s'), reusableBlockTitle), { + type: 'snackbar', + id: 'convert-to-reusable-block-success' }); } catch (error) { createErrorNotice(error.message, { - type: 'snackbar' + type: 'snackbar', + id: 'convert-to-reusable-block-error' }); } - }, [clientIds]); - + }, [convertBlocksToReusable, clientIds, syncType, createSuccessNotice, createErrorNotice]); if (!canConvert) { return null; } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, _ref2 => { - let { - onClose - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { icon: library_symbol, - onClick: () => { - setIsModalOpen(true); - } - }, (0,external_wp_i18n_namespaceObject.__)('Add to Reusable blocks')), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { - title: (0,external_wp_i18n_namespaceObject.__)('Create Reusable block'), - closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'), + onClick: () => setIsModalOpen(true), + children: showRenameHint ? (0,external_wp_i18n_namespaceObject.__)('Create pattern/reusable block') : (0,external_wp_i18n_namespaceObject.__)('Create pattern') + }), isModalOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, { + title: (0,external_wp_i18n_namespaceObject.__)('Create pattern'), onRequestClose: () => { setIsModalOpen(false); setTitle(''); }, - overlayClassName: "reusable-blocks-menu-items__convert-modal" - }, (0,external_wp_element_namespaceObject.createElement)("form", { - onSubmit: event => { - event.preventDefault(); - onConvert(title); - setIsModalOpen(false); - setTitle(''); - onClose(); - } - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Name'), - value: title, - onChange: setTitle - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { - className: "reusable-blocks-menu-items__convert-modal-actions", - justify: "flex-end" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "tertiary", - onClick: () => { - setIsModalOpen(false); - setTitle(''); - } - }, (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, { - variant: "primary", - type: "submit" - }, (0,external_wp_i18n_namespaceObject.__)('Save'))))))); + overlayClassName: "reusable-blocks-menu-items__convert-modal", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", { + onSubmit: event => { + event.preventDefault(); + onConvert(title); + setIsModalOpen(false); + setTitle(''); + onClose(); + }, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, { + spacing: "5", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReusableBlocksRenameHint, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Name'), + value: title, + onChange: setTitle, + placeholder: (0,external_wp_i18n_namespaceObject.__)('My pattern') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, { + label: (0,external_wp_i18n_namespaceObject._x)('Synced', 'pattern (singular)'), + help: (0,external_wp_i18n_namespaceObject.__)('Sync this pattern across multiple locations.'), + checked: !syncType, + onChange: () => { + setSyncType(!syncType ? 'unsynced' : undefined); + } + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, { + justify: "right", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + variant: "tertiary", + onClick: () => { + setIsModalOpen(false); + setTitle(''); + }, + children: (0,external_wp_i18n_namespaceObject.__)('Cancel') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + variant: "primary", + type: "submit", + children: (0,external_wp_i18n_namespaceObject.__)('Create') + })] + })] + }) + }) + })] }); } ;// CONCATENATED MODULE: external ["wp","url"] -var external_wp_url_namespaceObject = window["wp"]["url"]; +const external_wp_url_namespaceObject = window["wp"]["url"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js - - /** * WordPress dependencies */ @@ -394,23 +429,26 @@ + /** * Internal dependencies */ -function ReusableBlocksManageButton(_ref) { - let { - clientId - } = _ref; + +function ReusableBlocksManageButton({ + clientId +}) { const { canRemove, - isVisible + isVisible, + managePatternsUrl } = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getBlock, - canRemoveBlock + canRemoveBlock, + getBlockCount } = select(external_wp_blockEditor_namespaceObject.store); const { canUser @@ -418,31 +456,37 @@ const reusableBlock = getBlock(clientId); return { canRemove: canRemoveBlock(clientId), - isVisible: !!reusableBlock && (0,external_wp_blocks_namespaceObject.isReusableBlock)(reusableBlock) && !!canUser('update', 'blocks', reusableBlock.attributes.ref) + isVisible: !!reusableBlock && (0,external_wp_blocks_namespaceObject.isReusableBlock)(reusableBlock) && !!canUser('update', 'blocks', reusableBlock.attributes.ref), + innerBlockCount: getBlockCount(clientId), + // The site editor and templates both check whether the user + // has edit_theme_options capabilities. We can leverage that here + // and omit the manage patterns link if the user can't access it. + managePatternsUrl: canUser('create', 'templates') ? (0,external_wp_url_namespaceObject.addQueryArgs)('site-editor.php', { + path: '/patterns' + }) : (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', { + post_type: 'wp_block' + }) }; }, [clientId]); const { __experimentalConvertBlockToStatic: convertBlockToStatic } = (0,external_wp_data_namespaceObject.useDispatch)(store); - if (!isVisible) { return null; } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', { - post_type: 'wp_block' - }) - }, (0,external_wp_i18n_namespaceObject.__)('Manage Reusable blocks')), canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: () => convertBlockToStatic(clientId) - }, (0,external_wp_i18n_namespaceObject.__)('Convert to regular blocks'))); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { + href: managePatternsUrl, + children: (0,external_wp_i18n_namespaceObject.__)('Manage patterns') + }), canRemove && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => convertBlockToStatic(clientId), + children: (0,external_wp_i18n_namespaceObject.__)('Detach') + })] + }); } - -/* harmony default export */ var reusable_blocks_manage_button = (ReusableBlocksManageButton); +/* harmony default export */ const reusable_blocks_manage_button = (ReusableBlocksManageButton); ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/index.js - - /** * WordPress dependencies */ @@ -455,28 +499,26 @@ -function ReusableBlocksMenuItems(_ref) { - let { - clientIds, - rootClientId - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ReusableBlockConvertButton, { - clientIds: clientIds, - rootClientId: rootClientId - }), clientIds.length === 1 && (0,external_wp_element_namespaceObject.createElement)(reusable_blocks_manage_button, { - clientId: clientIds[0] - })); + +function ReusableBlocksMenuItems({ + rootClientId +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, { + children: ({ + onClose, + selectedClientIds + }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReusableBlockConvertButton, { + clientIds: selectedClientIds, + rootClientId: rootClientId, + onClose: onClose + }), selectedClientIds.length === 1 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(reusable_blocks_manage_button, { + clientId: selectedClientIds[0] + })] + }) + }); } -/* harmony default export */ var reusable_blocks_menu_items = ((0,external_wp_data_namespaceObject.withSelect)(select => { - const { - getSelectedBlockClientIds - } = select(external_wp_blockEditor_namespaceObject.store); - return { - clientIds: getSelectedBlockClientIds() - }; -})(ReusableBlocksMenuItems)); - ;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/index.js