: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
function PatternsManageButton({
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
} = select(external_wp_blockEditor_namespaceObject.store);
} = select(external_wp_coreData_namespaceObject.store);
const reusableBlock = getBlock(clientId);
canRemove: canRemoveBlock(clientId),
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', {
}) : (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
// Ignore reason: false positive of the lint rule.
// eslint-disable-next-line @wordpress/no-unused-vars-before-return
convertSyncedPatternToStatic
} = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
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, {
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
function PatternsMenuItems({
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, {
}) => /*#__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
function RenamePatternCategoryModal({
const id = (0,external_wp_element_namespaceObject.useId)();
const textControlRef = (0,external_wp_element_namespaceObject.useRef)();
const [name, setName] = (0,external_wp_element_namespaceObject.useState)((0,external_wp_htmlEntities_namespaceObject.decodeEntities)(category.name));
const [isSaving, setIsSaving] = (0,external_wp_element_namespaceObject.useState)(false);
const [validationMessage, setValidationMessage] = (0,external_wp_element_namespaceObject.useState)(false);
const validationMessageId = validationMessage ? `patterns-rename-pattern-category-modal__validation-message-${id}` : undefined;
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
const onChange = newName => {
setValidationMessage(undefined);
const onSave = async event => {
if (!name || name === category.name) {
const message = (0,external_wp_i18n_namespaceObject.__)('Please enter a new name for this category.');
(0,external_wp_a11y_namespaceObject.speak)(message, 'assertive');
setValidationMessage(message);
textControlRef.current?.focus();
// Check existing categories to avoid creating duplicates.
if (existingCategories.patternCategories.find(existingCategory => {
// Compare the id so that the we don't disallow the user changing the case of their current category
// (i.e. renaming 'test' to 'Test').
return existingCategory.id !== category.id && existingCategory.label.toLowerCase() === name.toLowerCase();
const message = (0,external_wp_i18n_namespaceObject.__)('This category already exists. Please use a different name.');
(0,external_wp_a11y_namespaceObject.speak)(message, 'assertive');
setValidationMessage(message);
textControlRef.current?.focus();
// User pattern category properties may differ as they can be
// normalized for use alongside template part areas, core pattern
// categories etc. As a result we won't just destructure the passed
const savedRecord = await saveEntityRecord('taxonomy', CATEGORY_SLUG, {
invalidateResolution('getUserPatternCategories');
onSuccess?.(savedRecord);
createSuccessNotice((0,external_wp_i18n_namespaceObject.__)('Pattern category renamed.'), {
id: 'pattern-category-update'
createErrorNotice(error.message, {
id: 'pattern-category-update'
const onRequestClose = () => {
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
title: (0,external_wp_i18n_namespaceObject.__)('Rename'),
onRequestClose: onRequestClose,
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
__nextHasNoMarginBottom: true,
__next40pxDefaultSize: true,
label: (0,external_wp_i18n_namespaceObject.__)('Name'),
"aria-describedby": validationMessageId,
}), validationMessage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
className: "patterns-rename-pattern-category-modal__validation-message",
children: validationMessage
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
"aria-disabled": !name || name === category.name || isSaving,
children: (0,external_wp_i18n_namespaceObject.__)('Save')
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/allow-overrides-modal.js
function AllowOverridesModal({
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');
// Immediate close avoids ability to hit save multiple times.
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
title: (0,external_wp_i18n_namespaceObject.__)('Enable overrides'),
focusOnMount: "firstContentElement",
describedby: descriptionId
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
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,
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, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
"aria-disabled": !isNameValid,
children: (0,external_wp_i18n_namespaceObject.__)('Enable')
function DisallowOverridesModal({
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'),
describedby: descriptionId
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
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, {
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
children: (0,external_wp_i18n_namespaceObject.__)('Disable')
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/pattern-overrides-controls.js
function removeBindings(bindings) {
delete updatedBindings.__default;
if (!Object.keys(updatedBindings).length) {
updatedBindings = undefined;
function addBindings(bindings) {
source: PATTERN_OVERRIDES_BINDING_SOURCE
function PatternOverridesControls({
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 = {
bindings: updatedBindings
updatedMetadata.name = customName;
metadata: updatedMetadata
// Avoid overwriting other (e.g. meta) bindings.
if (isConnectedToOtherSources) {
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, {
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
label: (0,external_wp_i18n_namespaceObject.__)('Overrides'),
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
__next40pxDefaultSize: true,
className: "pattern-overrides-control__allow-overrides-button",
"aria-haspopup": "dialog",
setShowDisallowOverridesModal(true);
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),
updateBindings(true, newName);
}), showDisallowOverridesModal && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DisallowOverridesModal, {
onClose: () => setShowDisallowOverridesModal(false),
onSave: () => updateBindings(false)
/* harmony default export */ const pattern_overrides_controls = (PatternOverridesControls);
;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/reset-overrides-control.js
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 => {