summaryrefslogtreecommitdiffstats
path: root/wp-includes/js/dist/patterns.js
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-09-19 04:51:18 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-09-19 04:51:18 +0000
commit0e41b5d52fdc6af6442816b5f465c9db9f84e126 (patch)
treee139a90049b158d4eed892d1662ee7f5c358fa31 /wp-includes/js/dist/patterns.js
parentAdding upstream version 6.5.5+dfsg1. (diff)
downloadwordpress-0e41b5d52fdc6af6442816b5f465c9db9f84e126.tar.xz
wordpress-0e41b5d52fdc6af6442816b5f465c9db9f84e126.zip
Adding upstream version 6.6.1+dfsg1.upstream/6.6.1+dfsg1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-includes/js/dist/patterns.js')
-rw-r--r--wp-includes/js/dist/patterns.js966
1 files changed, 693 insertions, 273 deletions
diff --git a/wp-includes/js/dist/patterns.js b/wp-includes/js/dist/patterns.js
index 51de108..99d64f9 100644
--- a/wp-includes/js/dist/patterns.js
+++ b/wp-includes/js/dist/patterns.js
@@ -106,6 +106,7 @@ const PARTIAL_SYNCING_SUPPORTED_BLOCKS = {
'core/button': ['text', 'url', 'linkTarget', 'rel'],
'core/image': ['id', 'url', 'title', 'alt']
};
+const PATTERN_OVERRIDES_BINDING_SOURCE = 'core/pattern-overrides';
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/actions.js
/**
@@ -178,6 +179,7 @@ const convertSyncedPatternToStatic = clientId => ({
registry
}) => {
const patternBlock = registry.select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId);
+ const existingOverrides = patternBlock.attributes?.content;
function cloneBlocksAndRemoveBindings(blocks) {
return blocks.map(block => {
let metadata = block.attributes.metadata;
@@ -187,13 +189,26 @@ const convertSyncedPatternToStatic = clientId => ({
};
delete metadata.id;
delete metadata.bindings;
+ // Use overridden values of the pattern block if they exist.
+ if (existingOverrides?.[metadata.name]) {
+ // Iterate over each overriden attribute.
+ for (const [attributeName, value] of Object.entries(existingOverrides[metadata.name])) {
+ // Skip if the attribute does not exist in the block type.
+ if (!(0,external_wp_blocks_namespaceObject.getBlockType)(block.name)?.attributes[attributeName]) {
+ continue;
+ }
+ // Update the block attribute with the override value.
+ block.attributes[attributeName] = value;
+ }
+ }
}
return (0,external_wp_blocks_namespaceObject.cloneBlock)(block, {
metadata: metadata && Object.keys(metadata).length > 0 ? metadata : undefined
}, cloneBlocksAndRemoveBindings(block.innerBlocks));
});
}
- registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(patternBlock.clientId, cloneBlocksAndRemoveBindings(patternBlock.innerBlocks));
+ const patternInnerBlocks = registry.select(external_wp_blockEditor_namespaceObject.store).getBlocks(patternBlock.clientId);
+ registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(patternBlock.clientId, cloneBlocksAndRemoveBindings(patternInnerBlocks));
};
/**
@@ -239,7 +254,7 @@ const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
const {
lock,
unlock
-} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/patterns');
+} = (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/patterns');
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/index.js
/**
@@ -281,14 +296,86 @@ const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME,
unlock(store).registerPrivateActions(actions_namespaceObject);
unlock(store).registerPrivateSelectors(selectors_namespaceObject);
-;// CONCATENATED MODULE: external "React"
-const external_React_namespaceObject = window["React"];
;// CONCATENATED MODULE: external ["wp","components"]
const external_wp_components_namespaceObject = window["wp"]["components"];
-;// CONCATENATED MODULE: external ["wp","i18n"]
-const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
;// CONCATENATED MODULE: external ["wp","element"]
const external_wp_element_namespaceObject = window["wp"]["element"];
+;// CONCATENATED MODULE: external ["wp","i18n"]
+const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/api/index.js
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * Determines whether a block is overridable.
+ *
+ * @param {WPBlock} block The block to test.
+ *
+ * @return {boolean} `true` if a block is overridable, `false` otherwise.
+ */
+function isOverridableBlock(block) {
+ return Object.keys(PARTIAL_SYNCING_SUPPORTED_BLOCKS).includes(block.name) && !!block.attributes.metadata?.name && !!block.attributes.metadata?.bindings && Object.values(block.attributes.metadata.bindings).some(binding => binding.source === 'core/pattern-overrides');
+}
+
+/**
+ * Determines whether the blocks list has overridable blocks.
+ *
+ * @param {WPBlock[]} blocks The blocks list.
+ *
+ * @return {boolean} `true` if the list has overridable blocks, `false` otherwise.
+ */
+function hasOverridableBlocks(blocks) {
+ return blocks.some(block => {
+ if (isOverridableBlock(block)) {
+ return true;
+ }
+ return hasOverridableBlocks(block.innerBlocks);
+ });
+}
+
+;// CONCATENATED MODULE: external "ReactJSXRuntime"
+const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/overrides-panel.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const {
+ BlockQuickNavigation
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function OverridesPanel() {
+ const allClientIds = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getClientIdsWithDescendants(), []);
+ const {
+ getBlock
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const clientIdsWithOverrides = (0,external_wp_element_namespaceObject.useMemo)(() => allClientIds.filter(clientId => {
+ const block = getBlock(clientId);
+ return isOverridableBlock(block);
+ }), [allClientIds, getBlock]);
+ if (!clientIdsWithOverrides?.length) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Overrides'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockQuickNavigation, {
+ clientIds: clientIdsWithOverrides
+ })
+ });
+}
+
;// CONCATENATED MODULE: external ["wp","notices"]
const external_wp_notices_namespaceObject = window["wp"]["notices"];
;// CONCATENATED MODULE: external ["wp","compose"]
@@ -296,7 +383,6 @@ const external_wp_compose_namespaceObject = window["wp"]["compose"];
;// CONCATENATED MODULE: external ["wp","htmlEntities"]
const external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/category-selector.js
-
/**
* WordPress dependencies
*/
@@ -305,6 +391,7 @@ const external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
+
const unescapeString = arg => {
return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(arg);
};
@@ -333,7 +420,7 @@ function CategorySelector({
}, []);
onChange(uniqueTerms);
}
- return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.FormTokenField, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FormTokenField, {
className: "patterns-menu-items__convert-modal-categories",
value: categoryTerms,
suggestions: suggestions,
@@ -443,7 +530,6 @@ function useAddPatternCategory() {
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/create-pattern-modal.js
-
/**
* WordPress dependencies
*/
@@ -453,6 +539,7 @@ function useAddPatternCategory() {
+
/**
* Internal dependencies
*/
@@ -461,21 +548,25 @@ function useAddPatternCategory() {
+
+
function CreatePatternModal({
className = 'patterns-menu-items__convert-modal',
- modalTitle = (0,external_wp_i18n_namespaceObject.__)('Create pattern'),
+ modalTitle,
...restProps
}) {
- return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- title: modalTitle,
+ const defaultModalTitle = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).getPostType(PATTERN_TYPES.user)?.labels?.add_new_item, []);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ title: modalTitle || defaultModalTitle,
onRequestClose: restProps.onClose,
- overlayClassName: className
- }, (0,external_React_namespaceObject.createElement)(CreatePatternModalContents, {
- ...restProps
- }));
+ overlayClassName: className,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CreatePatternModalContents, {
+ ...restProps
+ })
+ });
}
function CreatePatternModalContents({
- confirmLabel = (0,external_wp_i18n_namespaceObject.__)('Create'),
+ confirmLabel = (0,external_wp_i18n_namespaceObject.__)('Add'),
defaultCategories = [],
content,
onClose,
@@ -522,52 +613,56 @@ function CreatePatternModalContents({
setTitle('');
}
}
- return (0,external_React_namespaceObject.createElement)("form", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
onSubmit: event => {
event.preventDefault();
onCreate(title, syncType);
- }
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
- spacing: "5"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Name'),
- value: title,
- onChange: setTitle,
- placeholder: (0,external_wp_i18n_namespaceObject.__)('My pattern'),
- className: "patterns-create-modal__name-input",
- __nextHasNoMarginBottom: true,
- __next40pxDefaultSize: true
- }), (0,external_React_namespaceObject.createElement)(CategorySelector, {
- categoryTerms: categoryTerms,
- onChange: setCategoryTerms,
- categoryMap: categoryMap
- }), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject._x)('Synced', 'Option that makes an individual pattern synchronized'),
- help: (0,external_wp_i18n_namespaceObject.__)('Sync this pattern across multiple locations.'),
- checked: syncType === PATTERN_SYNC_TYPES.full,
- onChange: () => {
- setSyncType(syncType === PATTERN_SYNC_TYPES.full ? PATTERN_SYNC_TYPES.unsynced : PATTERN_SYNC_TYPES.full);
- }
- }), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, {
- justify: "right"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "tertiary",
- onClick: () => {
- onClose();
- setTitle('');
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "primary",
- type: "submit",
- "aria-disabled": !title || isSaving,
- isBusy: isSaving
- }, confirmLabel))));
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "5",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ value: title,
+ onChange: setTitle,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('My pattern'),
+ className: "patterns-create-modal__name-input",
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CategorySelector, {
+ categoryTerms: categoryTerms,
+ onChange: setCategoryTerms,
+ categoryMap: categoryMap
+ }), /*#__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 === PATTERN_SYNC_TYPES.full,
+ onChange: () => {
+ setSyncType(syncType === PATTERN_SYNC_TYPES.full ? PATTERN_SYNC_TYPES.unsynced : PATTERN_SYNC_TYPES.full);
+ }
+ }), /*#__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, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ onClick: () => {
+ onClose();
+ setTitle('');
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ "aria-disabled": !title || isSaving,
+ isBusy: isSaving,
+ children: confirmLabel
+ })]
+ })]
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/duplicate-pattern-modal.js
-
/**
* WordPress dependencies
*/
@@ -581,6 +676,7 @@ function CreatePatternModalContents({
*/
+
function getTermLabels(pattern, categories) {
// Theme patterns rely on core pattern categories.
if (pattern.type !== PATTERN_TYPES.user) {
@@ -642,7 +738,7 @@ function DuplicatePatternModal({
if (!pattern) {
return null;
}
- return (0,external_React_namespaceObject.createElement)(CreatePatternModal, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CreatePatternModal, {
modalTitle: (0,external_wp_i18n_namespaceObject.__)('Duplicate pattern'),
confirmLabel: (0,external_wp_i18n_namespaceObject.__)('Duplicate'),
onClose: onClose,
@@ -652,7 +748,6 @@ function DuplicatePatternModal({
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/rename-pattern-modal.js
-
/**
* WordPress dependencies
*/
@@ -663,6 +758,8 @@ function DuplicatePatternModal({
+
+
function RenamePatternModal({
onClose,
onError,
@@ -717,52 +814,58 @@ function RenamePatternModal({
onClose?.();
setName('');
};
- return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
title: (0,external_wp_i18n_namespaceObject.__)('Rename'),
...props,
- onRequestClose: onClose
- }, (0,external_React_namespaceObject.createElement)("form", {
- onSubmit: onRename
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
- spacing: "5"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- __nextHasNoMarginBottom: true,
- __next40pxDefaultSize: true,
- label: (0,external_wp_i18n_namespaceObject.__)('Name'),
- value: name,
- onChange: setName,
- required: true
- }), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, {
- justify: "right"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "tertiary",
- onClick: onRequestClose
- }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "primary",
- type: "submit"
- }, (0,external_wp_i18n_namespaceObject.__)('Save'))))));
+ onRequestClose: onClose,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ onSubmit: onRename,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "5",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ value: name,
+ onChange: setName,
+ required: true
+ }), /*#__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, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ onClick: onRequestClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject.__)('Save')
+ })]
+ })]
+ })
+ })
+ });
}
;// CONCATENATED MODULE: external ["wp","primitives"]
const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol.js
-
/**
* WordPress dependencies
*/
-const symbol = (0,external_React_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_React_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"
-}));
+ 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: ./node_modules/@wordpress/patterns/build-module/components/pattern-convert-button.js
-
/**
* WordPress dependencies
*/
@@ -792,6 +895,9 @@ const symbol = (0,external_React_namespaceObject.createElement)(external_wp_prim
* @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.
* @return {import('react').ComponentType} The menu control or null.
*/
+
+
+
function PatternConvertButton({
clientIds,
rootClientId,
@@ -865,29 +971,31 @@ function PatternConvertButton({
});
setIsModalOpen(false);
};
- return (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- icon: library_symbol,
- onClick: () => setIsModalOpen(true),
- "aria-expanded": isModalOpen,
- "aria-haspopup": "dialog"
- }, (0,external_wp_i18n_namespaceObject.__)('Create pattern')), isModalOpen && (0,external_React_namespaceObject.createElement)(CreatePatternModal, {
- content: getContent,
- onSuccess: pattern => {
- handleSuccess(pattern);
- },
- onError: () => {
- setIsModalOpen(false);
- },
- onClose: () => {
- setIsModalOpen(false);
- }
- }));
+ 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),
+ "aria-expanded": isModalOpen,
+ "aria-haspopup": "dialog",
+ children: (0,external_wp_i18n_namespaceObject.__)('Create pattern')
+ }), isModalOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CreatePatternModal, {
+ content: getContent,
+ onSuccess: pattern => {
+ handleSuccess(pattern);
+ },
+ onError: () => {
+ setIsModalOpen(false);
+ },
+ onClose: () => {
+ setIsModalOpen(false);
+ }
+ })]
+ });
}
;// CONCATENATED MODULE: external ["wp","url"]
const external_wp_url_namespaceObject = window["wp"]["url"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/patterns-manage-button.js
-
/**
* WordPress dependencies
*/
@@ -904,6 +1012,9 @@ const external_wp_url_namespaceObject = window["wp"]["url"];
*/
+
+
+
function PatternsManageButton({
clientId
}) {
@@ -915,14 +1026,12 @@ function PatternsManageButton({
const {
getBlock,
canRemoveBlock,
- getBlockCount,
- getSettings
+ getBlockCount
} = select(external_wp_blockEditor_namespaceObject.store);
const {
canUser
} = select(external_wp_coreData_namespaceObject.store);
const reusableBlock = getBlock(clientId);
- const isBlockTheme = getSettings().__unstableIsBlockBasedTheme;
return {
canRemove: canRemoveBlock(clientId),
isVisible: !!reusableBlock && (0,external_wp_blocks_namespaceObject.isReusableBlock)(reusableBlock) && !!canUser('update', 'blocks', reusableBlock.attributes.ref),
@@ -930,7 +1039,7 @@ function PatternsManageButton({
// 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: isBlockTheme && canUser('read', 'templates') ? (0,external_wp_url_namespaceObject.addQueryArgs)('site-editor.php', {
+ 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'
@@ -946,16 +1055,19 @@ function PatternsManageButton({
if (!isVisible) {
return null;
}
- return (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, canRemove && (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- onClick: () => convertSyncedPatternToStatic(clientId)
- }, (0,external_wp_i18n_namespaceObject.__)('Detach')), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- href: managePatternsUrl
- }, (0,external_wp_i18n_namespaceObject.__)('Manage patterns')));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [canRemove && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: () => convertSyncedPatternToStatic(clientId),
+ children: (0,external_wp_i18n_namespaceObject.__)('Detach')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ href: managePatternsUrl,
+ children: (0,external_wp_i18n_namespaceObject.__)('Manage patterns')
+ })]
+ });
}
/* harmony default export */ const patterns_manage_button = (PatternsManageButton);
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/index.js
-
/**
* WordPress dependencies
*/
@@ -966,25 +1078,31 @@ function PatternsManageButton({
*/
+
+
+
function PatternsMenuItems({
rootClientId
}) {
- return (0,external_React_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, ({
- selectedClientIds,
- onClose
- }) => (0,external_React_namespaceObject.createElement)(external_React_namespaceObject.Fragment, null, (0,external_React_namespaceObject.createElement)(PatternConvertButton, {
- clientIds: selectedClientIds,
- rootClientId: rootClientId,
- closeBlockSettingsMenu: onClose
- }), selectedClientIds.length === 1 && (0,external_React_namespaceObject.createElement)(patterns_manage_button, {
- clientId: selectedClientIds[0]
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, {
+ children: ({
+ selectedClientIds,
+ onClose
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PatternConvertButton, {
+ clientIds: selectedClientIds,
+ rootClientId: rootClientId,
+ closeBlockSettingsMenu: onClose
+ }), selectedClientIds.length === 1 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(patterns_manage_button, {
+ clientId: selectedClientIds[0]
+ })]
+ })
+ });
}
;// CONCATENATED MODULE: external ["wp","a11y"]
const external_wp_a11y_namespaceObject = window["wp"]["a11y"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/rename-pattern-category-modal.js
-
/**
* WordPress dependencies
*/
@@ -1001,6 +1119,8 @@ const external_wp_a11y_namespaceObject = window["wp"]["a11y"];
* Internal dependencies
*/
+
+
function RenamePatternCategoryModal({
category,
existingCategories,
@@ -1088,44 +1208,174 @@ function RenamePatternCategoryModal({
onClose();
setName('');
};
- return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
title: (0,external_wp_i18n_namespaceObject.__)('Rename'),
onRequestClose: onRequestClose,
- ...props
- }, (0,external_React_namespaceObject.createElement)("form", {
- onSubmit: onSave
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
- spacing: "5"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
- spacing: "2"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- ref: textControlRef,
- __nextHasNoMarginBottom: true,
- __next40pxDefaultSize: true,
- label: (0,external_wp_i18n_namespaceObject.__)('Name'),
- value: name,
- onChange: onChange,
- "aria-describedby": validationMessageId,
- required: true
- }), validationMessage && (0,external_React_namespaceObject.createElement)("span", {
- className: "patterns-rename-pattern-category-modal__validation-message",
- id: validationMessageId
- }, validationMessage)), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, {
- justify: "right"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "tertiary",
- onClick: onRequestClose
- }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- __next40pxDefaultSize: true,
- variant: "primary",
- type: "submit",
- "aria-disabled": !name || name === category.name || isSaving,
- isBusy: isSaving
- }, (0,external_wp_i18n_namespaceObject.__)('Save'))))));
+ ...props,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ onSubmit: onSave,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "5",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "2",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ ref: textControlRef,
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ value: name,
+ onChange: onChange,
+ "aria-describedby": validationMessageId,
+ required: true
+ }), validationMessage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "patterns-rename-pattern-category-modal__validation-message",
+ id: validationMessageId,
+ children: validationMessage
+ })]
+ }), /*#__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, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ onClick: onRequestClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ "aria-disabled": !name || name === category.name || isSaving,
+ isBusy: isSaving,
+ children: (0,external_wp_i18n_namespaceObject.__)('Save')
+ })]
+ })]
+ })
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/allow-overrides-modal.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function AllowOverridesModal({
+ placeholder,
+ initialName = '',
+ onClose,
+ onSave
+}) {
+ const [editedBlockName, setEditedBlockName] = (0,external_wp_element_namespaceObject.useState)(initialName);
+ const descriptionId = (0,external_wp_element_namespaceObject.useId)();
+ const isNameValid = !!editedBlockName.trim();
+ const handleSubmit = () => {
+ if (editedBlockName !== initialName) {
+ const message = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: new name/label for the block */
+ (0,external_wp_i18n_namespaceObject.__)('Block name changed to: "%s".'), editedBlockName);
+
+ // Must be assertive to immediately announce change.
+ (0,external_wp_a11y_namespaceObject.speak)(message, 'assertive');
+ }
+ onSave(editedBlockName);
+
+ // Immediate close avoids ability to hit save multiple times.
+ onClose();
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Enable overrides'),
+ onRequestClose: onClose,
+ focusOnMount: "firstContentElement",
+ aria: {
+ describedby: descriptionId
+ },
+ size: "small",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ onSubmit: event => {
+ event.preventDefault();
+ if (!isNameValid) {
+ return;
+ }
+ handleSubmit();
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "6",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
+ id: descriptionId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: editedBlockName,
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ help: (0,external_wp_i18n_namespaceObject.__)('For example, if you are creating a recipe pattern, you use "Recipe Title", "Recipe Description", etc.'),
+ placeholder: placeholder,
+ onChange: setEditedBlockName
+ }), /*#__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, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ onClick: onClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ "aria-disabled": !isNameValid,
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject.__)('Enable')
+ })]
+ })]
+ })
+ })
+ });
+}
+function DisallowOverridesModal({
+ onClose,
+ onSave
+}) {
+ const descriptionId = (0,external_wp_element_namespaceObject.useId)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Disable overrides'),
+ onRequestClose: onClose,
+ aria: {
+ describedby: descriptionId
+ },
+ size: "small",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ onSubmit: event => {
+ event.preventDefault();
+ onSave();
+ onClose();
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "6",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
+ id: descriptionId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern.')
+ }), /*#__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, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ onClick: onClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject.__)('Disable')
+ })]
+ })]
+ })
+ })
+ });
}
-;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/use-set-pattern-bindings.js
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/pattern-overrides-controls.js
/**
* WordPress dependencies
*/
@@ -1139,91 +1389,188 @@ function RenamePatternCategoryModal({
*/
-function removeBindings(bindings, syncedAttributes) {
- let updatedBindings = {};
- for (const attributeName of syncedAttributes) {
- // Omit any pattern override bindings from the `updatedBindings` object.
- if (bindings?.[attributeName]?.source !== 'core/pattern-overrides' && bindings?.[attributeName]?.source !== undefined) {
- updatedBindings[attributeName] = bindings[attributeName];
- }
- }
+
+
+
+function removeBindings(bindings) {
+ let updatedBindings = {
+ ...bindings
+ };
+ delete updatedBindings.__default;
if (!Object.keys(updatedBindings).length) {
updatedBindings = undefined;
}
return updatedBindings;
}
-function addBindings(bindings, syncedAttributes) {
- const updatedBindings = {
- ...bindings
+function addBindings(bindings) {
+ return {
+ ...bindings,
+ __default: {
+ source: PATTERN_OVERRIDES_BINDING_SOURCE
+ }
};
- for (const attributeName of syncedAttributes) {
- if (!bindings?.[attributeName]) {
- updatedBindings[attributeName] = {
- source: 'core/pattern-overrides'
- };
+}
+function PatternOverridesControls({
+ attributes,
+ setAttributes,
+ name: blockName
+}) {
+ const controlId = (0,external_wp_element_namespaceObject.useId)();
+ const [showAllowOverridesModal, setShowAllowOverridesModal] = (0,external_wp_element_namespaceObject.useState)(false);
+ const [showDisallowOverridesModal, setShowDisallowOverridesModal] = (0,external_wp_element_namespaceObject.useState)(false);
+ const hasName = !!attributes.metadata?.name;
+ const defaultBindings = attributes.metadata?.bindings?.__default;
+ const hasOverrides = hasName && defaultBindings?.source === PATTERN_OVERRIDES_BINDING_SOURCE;
+ const isConnectedToOtherSources = defaultBindings?.source && defaultBindings.source !== PATTERN_OVERRIDES_BINDING_SOURCE;
+ function updateBindings(isChecked, customName) {
+ const prevBindings = attributes?.metadata?.bindings;
+ const updatedBindings = isChecked ? addBindings(prevBindings) : removeBindings(prevBindings);
+ const updatedMetadata = {
+ ...attributes.metadata,
+ bindings: updatedBindings
+ };
+ if (customName) {
+ updatedMetadata.name = customName;
}
+ setAttributes({
+ metadata: updatedMetadata
+ });
}
- return updatedBindings;
+
+ // Avoid overwriting other (e.g. meta) bindings.
+ if (isConnectedToOtherSources) {
+ return null;
+ }
+ const hasUnsupportedImageAttributes = blockName === 'core/image' && (!!attributes.caption?.length || !!attributes.href?.length);
+ const helpText = !hasOverrides && hasUnsupportedImageAttributes ? (0,external_wp_i18n_namespaceObject.__)(`Overrides currently don't support image captions or links. Remove the caption or link first before enabling overrides.`) : (0,external_wp_i18n_namespaceObject.__)('Allow changes to this block throughout instances of this pattern.');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
+ id: controlId,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overrides'),
+ help: helpText,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ className: "pattern-overrides-control__allow-overrides-button",
+ variant: "secondary",
+ "aria-haspopup": "dialog",
+ onClick: () => {
+ if (hasOverrides) {
+ setShowDisallowOverridesModal(true);
+ } else {
+ setShowAllowOverridesModal(true);
+ }
+ },
+ disabled: !hasOverrides && hasUnsupportedImageAttributes,
+ __experimentalIsFocusable: true,
+ children: hasOverrides ? (0,external_wp_i18n_namespaceObject.__)('Disable overrides') : (0,external_wp_i18n_namespaceObject.__)('Enable overrides')
+ })
+ })
+ }), showAllowOverridesModal && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AllowOverridesModal, {
+ initialName: attributes.metadata?.name,
+ onClose: () => setShowAllowOverridesModal(false),
+ onSave: newName => {
+ updateBindings(true, newName);
+ }
+ }), showDisallowOverridesModal && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DisallowOverridesModal, {
+ onClose: () => setShowDisallowOverridesModal(false),
+ onSave: () => updateBindings(false)
+ })]
+ });
}
-function useSetPatternBindings({
- name,
- attributes,
- setAttributes
-}, currentPostType) {
- var _attributes$metadata$, _usePrevious;
- const hasPatternOverridesSource = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getBlockBindingsSource
- } = unlock(select(external_wp_blocks_namespaceObject.store));
+/* harmony default export */ const pattern_overrides_controls = (PatternOverridesControls);
- // For editing link to the site editor if the theme and user permissions support it.
- return !!getBlockBindingsSource('core/pattern-overrides');
- }, []);
- const metadataName = (_attributes$metadata$ = attributes?.metadata?.name) !== null && _attributes$metadata$ !== void 0 ? _attributes$metadata$ : '';
- const prevMetadataName = (_usePrevious = (0,external_wp_compose_namespaceObject.usePrevious)(metadataName)) !== null && _usePrevious !== void 0 ? _usePrevious : '';
- const bindings = attributes?.metadata?.bindings;
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // Bindings should only be created when editing a wp_block post type,
- // and also when there's a change to the user-given name for the block.
- // Also check that the pattern overrides source is registered.
- if (!hasPatternOverridesSource || currentPostType !== 'wp_block' || metadataName === prevMetadataName) {
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/reset-overrides-control.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const CONTENT = 'content';
+function ResetOverridesControl(props) {
+ const name = props.attributes.metadata?.name;
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const isOverriden = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!name) {
return;
}
- const syncedAttributes = PARTIAL_SYNCING_SUPPORTED_BLOCKS[name];
- const attributeSources = syncedAttributes.map(attributeName => attributes.metadata?.bindings?.[attributeName]?.source);
- const isConnectedToOtherSources = attributeSources.every(source => source && source !== 'core/pattern-overrides');
-
- // Avoid overwriting other (e.g. meta) bindings.
- if (isConnectedToOtherSources) {
+ const {
+ getBlockAttributes,
+ getBlockParentsByBlockName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const [patternClientId] = getBlockParentsByBlockName(props.clientId, 'core/block', true);
+ if (!patternClientId) {
return;
}
-
- // The user-given name for the block was deleted, remove the bindings.
- if (!metadataName?.length && prevMetadataName?.length) {
- const updatedBindings = removeBindings(bindings, syncedAttributes);
- setAttributes({
- metadata: {
- ...attributes.metadata,
- bindings: updatedBindings
- }
- });
+ const overrides = getBlockAttributes(patternClientId)[CONTENT];
+ if (!overrides) {
+ return;
}
-
- // The user-given name for the block was set, set the bindings.
- if (!prevMetadataName?.length && metadataName.length) {
- const updatedBindings = addBindings(bindings, syncedAttributes);
- setAttributes({
- metadata: {
- ...attributes.metadata,
- bindings: updatedBindings
- }
- });
+ return overrides.hasOwnProperty(name);
+ }, [props.clientId, name]);
+ function onClick() {
+ const {
+ getBlockAttributes,
+ getBlockParentsByBlockName
+ } = registry.select(external_wp_blockEditor_namespaceObject.store);
+ const [patternClientId] = getBlockParentsByBlockName(props.clientId, 'core/block', true);
+ if (!patternClientId) {
+ return;
+ }
+ const overrides = getBlockAttributes(patternClientId)[CONTENT];
+ if (!overrides.hasOwnProperty(name)) {
+ return;
+ }
+ const {
+ updateBlockAttributes,
+ __unstableMarkLastChangeAsPersistent
+ } = registry.dispatch(external_wp_blockEditor_namespaceObject.store);
+ __unstableMarkLastChangeAsPersistent();
+ let newOverrides = {
+ ...overrides
+ };
+ delete newOverrides[name];
+ if (!Object.keys(newOverrides).length) {
+ newOverrides = undefined;
}
- }, [hasPatternOverridesSource, bindings, prevMetadataName, metadataName, currentPostType, name, attributes.metadata, setAttributes]);
+ updateBlockAttributes(patternClientId, {
+ [CONTENT]: newOverrides
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableBlockToolbarLastItem, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: onClick,
+ disabled: !isOverriden,
+ __experimentalIsFocusable: true,
+ children: (0,external_wp_i18n_namespaceObject.__)('Reset')
+ })
+ })
+ });
}
-;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/reset-overrides-control.js
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/copy.js
+/**
+ * WordPress dependencies
+ */
+
+
+const copy = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M5 4.5h11a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5ZM3 5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm17 3v10.75c0 .69-.56 1.25-1.25 1.25H6v1.5h12.75a2.75 2.75 0 0 0 2.75-2.75V8H20Z"
+ })
+});
+/* harmony default export */ const library_copy = (copy);
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/pattern-overrides-block-controls.js
/**
* WordPress dependencies
*/
@@ -1233,53 +1580,119 @@ function useSetPatternBindings({
-function recursivelyFindBlockWithName(blocks, name) {
- for (const block of blocks) {
- if (block.attributes.metadata?.name === name) {
- return block;
- }
- const found = recursivelyFindBlockWithName(block.innerBlocks, name);
- if (found) {
- return found;
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const {
+ useBlockDisplayTitle
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function PatternOverridesToolbarIndicator({
+ clientIds
+}) {
+ const isSingleBlockSelected = clientIds.length === 1;
+ const {
+ icon,
+ firstBlockName
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockAttributes,
+ getBlockNamesByClientId
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockType,
+ getActiveBlockVariation
+ } = select(external_wp_blocks_namespaceObject.store);
+ const blockTypeNames = getBlockNamesByClientId(clientIds);
+ const _firstBlockTypeName = blockTypeNames[0];
+ const firstBlockType = getBlockType(_firstBlockTypeName);
+ let _icon;
+ if (isSingleBlockSelected) {
+ const match = getActiveBlockVariation(_firstBlockTypeName, getBlockAttributes(clientIds[0]));
+ // Take into account active block variations.
+ _icon = match?.icon || firstBlockType.icon;
+ } else {
+ const isSelectionOfSameType = new Set(blockTypeNames).size === 1;
+ // When selection consists of blocks of multiple types, display an
+ // appropriate icon to communicate the non-uniformity.
+ _icon = isSelectionOfSameType ? firstBlockType.icon : library_copy;
}
- }
+ return {
+ icon: _icon,
+ firstBlockName: getBlockAttributes(clientIds[0]).metadata.name
+ };
+ }, [clientIds, isSingleBlockSelected]);
+ const firstBlockTitle = useBlockDisplayTitle({
+ clientId: clientIds[0],
+ maximumLength: 35
+ });
+ const blockDescription = isSingleBlockSelected ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %1s: The block type's name; %2s: The block's user-provided name (the same as the override name). */
+ (0,external_wp_i18n_namespaceObject.__)('This %1$s is editable using the "%2$s" override.'), firstBlockTitle.toLowerCase(), firstBlockName) : (0,external_wp_i18n_namespaceObject.__)('These blocks are editable using overrides.');
+ const descriptionId = (0,external_wp_element_namespaceObject.useId)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarItem, {
+ children: toggleProps => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DropdownMenu, {
+ className: "patterns-pattern-overrides-toolbar-indicator",
+ label: firstBlockTitle,
+ popoverProps: {
+ placement: 'bottom-start',
+ className: 'patterns-pattern-overrides-toolbar-indicator__popover'
+ },
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: icon,
+ className: "patterns-pattern-overrides-toolbar-indicator-icon",
+ showColors: true
+ })
+ }),
+ toggleProps: {
+ describedBy: blockDescription,
+ ...toggleProps
+ },
+ menuProps: {
+ orientation: 'both',
+ 'aria-describedby': descriptionId
+ },
+ children: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
+ id: descriptionId,
+ children: blockDescription
+ })
+ })
+ });
}
-function ResetOverridesControl(props) {
- const registry = (0,external_wp_data_namespaceObject.useRegistry)();
- const name = props.attributes.metadata?.name;
- const patternWithOverrides = (0,external_wp_data_namespaceObject.useSelect)(select => {
- if (!name) {
- return undefined;
- }
+function PatternOverridesBlockControls() {
+ const {
+ clientIds,
+ hasPatternOverrides,
+ hasParentPattern
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
- getBlockParentsByBlockName,
- getBlocksByClientId
+ getBlockAttributes,
+ getSelectedBlockClientIds,
+ getBlockParentsByBlockName
} = select(external_wp_blockEditor_namespaceObject.store);
- const patternBlock = getBlocksByClientId(getBlockParentsByBlockName(props.clientId, 'core/block'))[0];
- if (!patternBlock?.attributes.content?.[name]) {
- return undefined;
- }
- return patternBlock;
- }, [props.clientId, name]);
- const resetOverrides = async () => {
- var _editedRecord$blocks;
- const editedRecord = await registry.resolveSelect(external_wp_coreData_namespaceObject.store).getEditedEntityRecord('postType', 'wp_block', patternWithOverrides.attributes.ref);
- const blocks = (_editedRecord$blocks = editedRecord.blocks) !== null && _editedRecord$blocks !== void 0 ? _editedRecord$blocks : (0,external_wp_blocks_namespaceObject.parse)(editedRecord.content);
- const block = recursivelyFindBlockWithName(blocks, name);
- const newAttributes = Object.assign(
- // Reset every existing attribute to undefined.
- Object.fromEntries(Object.keys(props.attributes).map(key => [key, undefined])),
- // Then assign the original attributes.
- block.attributes);
- props.setAttributes(newAttributes);
- };
- return (0,external_React_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: resetOverrides,
- disabled: !patternWithOverrides,
- __experimentalIsFocusable: true
- }, (0,external_wp_i18n_namespaceObject.__)('Reset'))));
+ const selectedClientIds = getSelectedBlockClientIds();
+ const _hasPatternOverrides = selectedClientIds.every(clientId => {
+ var _getBlockAttributes$m;
+ return Object.values((_getBlockAttributes$m = getBlockAttributes(clientId)?.metadata?.bindings) !== null && _getBlockAttributes$m !== void 0 ? _getBlockAttributes$m : {}).some(binding => binding?.source === PATTERN_OVERRIDES_BINDING_SOURCE);
+ });
+ const _hasParentPattern = selectedClientIds.every(clientId => getBlockParentsByBlockName(clientId, 'core/block', true).length > 0);
+ return {
+ clientIds: selectedClientIds,
+ hasPatternOverrides: _hasPatternOverrides,
+ hasParentPattern: _hasParentPattern
+ };
+ }, []);
+ return hasPatternOverrides && hasParentPattern ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "parent",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PatternOverridesToolbarIndicator, {
+ clientIds: clientIds
+ })
+ }) : null;
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/private-apis.js
@@ -1296,17 +1709,24 @@ function ResetOverridesControl(props) {
+
+
+
const privateApis = {};
lock(privateApis, {
+ OverridesPanel: OverridesPanel,
CreatePatternModal: CreatePatternModal,
CreatePatternModalContents: CreatePatternModalContents,
DuplicatePatternModal: DuplicatePatternModal,
+ isOverridableBlock: isOverridableBlock,
+ hasOverridableBlocks: hasOverridableBlocks,
useDuplicatePatternProps: useDuplicatePatternProps,
RenamePatternModal: RenamePatternModal,
PatternsMenuItems: PatternsMenuItems,
RenamePatternCategoryModal: RenamePatternCategoryModal,
- useSetPatternBindings: useSetPatternBindings,
+ PatternOverridesControls: pattern_overrides_controls,
ResetOverridesControl: ResetOverridesControl,
+ PatternOverridesBlockControls: PatternOverridesBlockControls,
useAddPatternCategory: useAddPatternCategory,
PATTERN_TYPES: PATTERN_TYPES,
PATTERN_DEFAULT_CATEGORY: PATTERN_DEFAULT_CATEGORY,