--- 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