File: /home/labeautef/fiestaparc.net/wp-includes/js/dist/patterns.js
var wp;
(wp ||= {}).patterns = (() => {
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __commonJS = (cb, mod) => function __require() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// package-external:@wordpress/data
var require_data = __commonJS({
"package-external:@wordpress/data"(exports, module) {
module.exports = window.wp.data;
}
});
// package-external:@wordpress/blocks
var require_blocks = __commonJS({
"package-external:@wordpress/blocks"(exports, module) {
module.exports = window.wp.blocks;
}
});
// package-external:@wordpress/core-data
var require_core_data = __commonJS({
"package-external:@wordpress/core-data"(exports, module) {
module.exports = window.wp.coreData;
}
});
// package-external:@wordpress/block-editor
var require_block_editor = __commonJS({
"package-external:@wordpress/block-editor"(exports, module) {
module.exports = window.wp.blockEditor;
}
});
// package-external:@wordpress/private-apis
var require_private_apis = __commonJS({
"package-external:@wordpress/private-apis"(exports, module) {
module.exports = window.wp.privateApis;
}
});
// package-external:@wordpress/components
var require_components = __commonJS({
"package-external:@wordpress/components"(exports, module) {
module.exports = window.wp.components;
}
});
// package-external:@wordpress/element
var require_element = __commonJS({
"package-external:@wordpress/element"(exports, module) {
module.exports = window.wp.element;
}
});
// package-external:@wordpress/i18n
var require_i18n = __commonJS({
"package-external:@wordpress/i18n"(exports, module) {
module.exports = window.wp.i18n;
}
});
// vendor-external:react/jsx-runtime
var require_jsx_runtime = __commonJS({
"vendor-external:react/jsx-runtime"(exports, module) {
module.exports = window.ReactJSXRuntime;
}
});
// package-external:@wordpress/notices
var require_notices = __commonJS({
"package-external:@wordpress/notices"(exports, module) {
module.exports = window.wp.notices;
}
});
// package-external:@wordpress/compose
var require_compose = __commonJS({
"package-external:@wordpress/compose"(exports, module) {
module.exports = window.wp.compose;
}
});
// package-external:@wordpress/html-entities
var require_html_entities = __commonJS({
"package-external:@wordpress/html-entities"(exports, module) {
module.exports = window.wp.htmlEntities;
}
});
// package-external:@wordpress/primitives
var require_primitives = __commonJS({
"package-external:@wordpress/primitives"(exports, module) {
module.exports = window.wp.primitives;
}
});
// package-external:@wordpress/url
var require_url = __commonJS({
"package-external:@wordpress/url"(exports, module) {
module.exports = window.wp.url;
}
});
// package-external:@wordpress/a11y
var require_a11y = __commonJS({
"package-external:@wordpress/a11y"(exports, module) {
module.exports = window.wp.a11y;
}
});
// packages/patterns/build-module/index.mjs
var index_exports = {};
__export(index_exports, {
privateApis: () => privateApis,
store: () => store
});
// packages/patterns/build-module/store/index.mjs
var import_data2 = __toESM(require_data(), 1);
// packages/patterns/build-module/store/reducer.mjs
var import_data = __toESM(require_data(), 1);
function isEditingPattern(state = {}, action) {
if (action?.type === "SET_EDITING_PATTERN") {
return {
...state,
[action.clientId]: action.isEditing
};
}
return state;
}
var reducer_default = (0, import_data.combineReducers)({
isEditingPattern
});
// packages/patterns/build-module/store/actions.mjs
var actions_exports = {};
__export(actions_exports, {
convertSyncedPatternToStatic: () => convertSyncedPatternToStatic,
createPattern: () => createPattern,
createPatternFromFile: () => createPatternFromFile,
setEditingPattern: () => setEditingPattern
});
var import_blocks = __toESM(require_blocks(), 1);
var import_core_data = __toESM(require_core_data(), 1);
var import_block_editor = __toESM(require_block_editor(), 1);
// packages/patterns/build-module/constants.mjs
var PATTERN_TYPES = {
theme: "pattern",
user: "wp_block"
};
var PATTERN_DEFAULT_CATEGORY = "all-patterns";
var PATTERN_USER_CATEGORY = "my-patterns";
var EXCLUDED_PATTERN_SOURCES = [
"core",
"pattern-directory/core",
"pattern-directory/featured"
];
var PATTERN_SYNC_TYPES = {
full: "fully",
unsynced: "unsynced"
};
var PATTERN_OVERRIDES_BINDING_SOURCE = "core/pattern-overrides";
// packages/patterns/build-module/store/actions.mjs
var createPattern = (title, syncType, content, categories) => async ({ registry }) => {
const meta = syncType === PATTERN_SYNC_TYPES.unsynced ? {
wp_pattern_sync_status: syncType
} : void 0;
const reusableBlock = {
title,
content,
status: "publish",
meta,
wp_pattern_category: categories
};
const updatedRecord = await registry.dispatch(import_core_data.store).saveEntityRecord("postType", "wp_block", reusableBlock);
return updatedRecord;
};
var createPatternFromFile = (file, categories) => async ({ dispatch }) => {
const fileContent = await file.text();
let parsedContent;
try {
parsedContent = JSON.parse(fileContent);
} catch (e) {
throw new Error("Invalid JSON file");
}
if (parsedContent.__file !== "wp_block" || !parsedContent.title || !parsedContent.content || typeof parsedContent.title !== "string" || typeof parsedContent.content !== "string" || parsedContent.syncStatus && typeof parsedContent.syncStatus !== "string") {
throw new Error("Invalid pattern JSON file");
}
const pattern = await dispatch.createPattern(
parsedContent.title,
parsedContent.syncStatus,
parsedContent.content,
categories
);
return pattern;
};
var convertSyncedPatternToStatic = (clientId) => ({ registry }) => {
const patternBlock = registry.select(import_block_editor.store).getBlock(clientId);
const existingOverrides = patternBlock.attributes?.content;
function cloneBlocksAndRemoveBindings(blocks) {
return blocks.map((block) => {
let metadata = block.attributes.metadata;
if (metadata) {
metadata = { ...metadata };
delete metadata.id;
delete metadata.bindings;
if (existingOverrides?.[metadata.name]) {
for (const [attributeName, value] of Object.entries(
existingOverrides[metadata.name]
)) {
if (!(0, import_blocks.getBlockType)(block.name)?.attributes[attributeName]) {
continue;
}
block.attributes[attributeName] = value;
}
}
}
return (0, import_blocks.cloneBlock)(
block,
{
metadata: metadata && Object.keys(metadata).length > 0 ? metadata : void 0
},
cloneBlocksAndRemoveBindings(block.innerBlocks)
);
});
}
const patternInnerBlocks = registry.select(import_block_editor.store).getBlocks(patternBlock.clientId);
registry.dispatch(import_block_editor.store).replaceBlocks(
patternBlock.clientId,
cloneBlocksAndRemoveBindings(patternInnerBlocks)
);
};
function setEditingPattern(clientId, isEditing) {
return {
type: "SET_EDITING_PATTERN",
clientId,
isEditing
};
}
// packages/patterns/build-module/store/constants.mjs
var STORE_NAME = "core/patterns";
// packages/patterns/build-module/store/selectors.mjs
var selectors_exports = {};
__export(selectors_exports, {
isEditingPattern: () => isEditingPattern2
});
function isEditingPattern2(state, clientId) {
return state.isEditingPattern[clientId];
}
// packages/patterns/build-module/lock-unlock.mjs
var import_private_apis = __toESM(require_private_apis(), 1);
var { lock, unlock } = (0, import_private_apis.__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"
);
// packages/patterns/build-module/store/index.mjs
var storeConfig = {
reducer: reducer_default
};
var store = (0, import_data2.createReduxStore)(STORE_NAME, {
...storeConfig
});
(0, import_data2.register)(store);
unlock(store).registerPrivateActions(actions_exports);
unlock(store).registerPrivateSelectors(selectors_exports);
// packages/patterns/build-module/components/overrides-panel.mjs
var import_block_editor2 = __toESM(require_block_editor(), 1);
var import_components = __toESM(require_components(), 1);
var import_data3 = __toESM(require_data(), 1);
var import_element = __toESM(require_element(), 1);
var import_i18n = __toESM(require_i18n(), 1);
// packages/patterns/build-module/api/index.mjs
function isOverridableBlock(block) {
return !!block.attributes.metadata?.name && !!block.attributes.metadata?.bindings && Object.values(block.attributes.metadata.bindings).some(
(binding) => binding.source === "core/pattern-overrides"
);
}
// packages/patterns/build-module/components/overrides-panel.mjs
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
var { BlockQuickNavigation } = unlock(import_block_editor2.privateApis);
function OverridesPanel() {
const { allClientIds, supportedBlockTypesRaw } = (0, import_data3.useSelect)(
(select) => ({
allClientIds: select(import_block_editor2.store).getClientIdsWithDescendants(),
supportedBlockTypesRaw: select(import_block_editor2.store).getSettings()?.__experimentalBlockBindingsSupportedAttributes
}),
[]
);
const { getBlock } = (0, import_data3.useSelect)(import_block_editor2.store);
const clientIdsWithOverrides = (0, import_element.useMemo)(() => {
const supportedBlockTypes = Object.keys(supportedBlockTypesRaw ?? {});
return allClientIds.filter((clientId) => {
const block = getBlock(clientId);
return supportedBlockTypes.includes(block.name) && isOverridableBlock(block);
});
}, [allClientIds, getBlock, supportedBlockTypesRaw]);
if (!clientIdsWithOverrides?.length) {
return null;
}
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.PanelBody, { title: (0, import_i18n.__)("Overrides"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockQuickNavigation, { clientIds: clientIdsWithOverrides }) });
}
// packages/patterns/build-module/components/create-pattern-modal.mjs
var import_components3 = __toESM(require_components(), 1);
var import_i18n3 = __toESM(require_i18n(), 1);
var import_element4 = __toESM(require_element(), 1);
var import_data5 = __toESM(require_data(), 1);
var import_notices = __toESM(require_notices(), 1);
var import_core_data3 = __toESM(require_core_data(), 1);
// packages/patterns/build-module/components/category-selector.mjs
var import_i18n2 = __toESM(require_i18n(), 1);
var import_element2 = __toESM(require_element(), 1);
var import_components2 = __toESM(require_components(), 1);
var import_compose = __toESM(require_compose(), 1);
var import_html_entities = __toESM(require_html_entities(), 1);
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
var unescapeString = (arg) => {
return (0, import_html_entities.decodeEntities)(arg);
};
var CATEGORY_SLUG = "wp_pattern_category";
function CategorySelector({
categoryTerms,
onChange,
categoryMap
}) {
const [search, setSearch] = (0, import_element2.useState)("");
const debouncedSearch = (0, import_compose.useDebounce)(setSearch, 500);
const suggestions = (0, import_element2.useMemo)(() => {
return Array.from(categoryMap.values()).map((category) => unescapeString(category.label)).filter((category) => {
if (search !== "") {
return category.toLowerCase().includes(search.toLowerCase());
}
return true;
}).sort((a, b) => a.localeCompare(b));
}, [search, categoryMap]);
function handleChange(termNames) {
const uniqueTerms = termNames.reduce((terms, newTerm) => {
if (!terms.some(
(term) => term.toLowerCase() === newTerm.toLowerCase()
)) {
terms.push(newTerm);
}
return terms;
}, []);
onChange(uniqueTerms);
}
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
import_components2.FormTokenField,
{
className: "patterns-menu-items__convert-modal-categories",
value: categoryTerms,
suggestions,
onChange: handleChange,
onInputChange: debouncedSearch,
label: (0, import_i18n2.__)("Categories"),
tokenizeOnBlur: true,
__experimentalExpandOnFocus: true,
__next40pxDefaultSize: true
}
);
}
// packages/patterns/build-module/private-hooks.mjs
var import_data4 = __toESM(require_data(), 1);
var import_core_data2 = __toESM(require_core_data(), 1);
var import_element3 = __toESM(require_element(), 1);
function useAddPatternCategory() {
const { saveEntityRecord, invalidateResolution } = (0, import_data4.useDispatch)(import_core_data2.store);
const { corePatternCategories, userPatternCategories } = (0, import_data4.useSelect)(
(select) => {
const { getUserPatternCategories, getBlockPatternCategories } = select(import_core_data2.store);
return {
corePatternCategories: getBlockPatternCategories(),
userPatternCategories: getUserPatternCategories()
};
},
[]
);
const categoryMap = (0, import_element3.useMemo)(() => {
const uniqueCategories = /* @__PURE__ */ new Map();
userPatternCategories.forEach((category) => {
uniqueCategories.set(category.label.toLowerCase(), {
label: category.label,
name: category.name,
id: category.id
});
});
corePatternCategories.forEach((category) => {
if (!uniqueCategories.has(category.label.toLowerCase()) && // There are two core categories with `Post` label so explicitly remove the one with
// the `query` slug to avoid any confusion.
category.name !== "query") {
uniqueCategories.set(category.label.toLowerCase(), {
label: category.label,
name: category.name
});
}
});
return uniqueCategories;
}, [userPatternCategories, corePatternCategories]);
async function findOrCreateTerm(term) {
try {
const existingTerm = categoryMap.get(term.toLowerCase());
if (existingTerm?.id) {
return existingTerm.id;
}
const termData = existingTerm ? { name: existingTerm.label, slug: existingTerm.name } : { name: term };
const newTerm = await saveEntityRecord(
"taxonomy",
CATEGORY_SLUG,
termData,
{ throwOnError: true }
);
invalidateResolution("getUserPatternCategories");
return newTerm.id;
} catch (error) {
if (error.code !== "term_exists") {
throw error;
}
return error.data.term_id;
}
}
return { categoryMap, findOrCreateTerm };
}
// packages/patterns/build-module/components/create-pattern-modal.mjs
var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
function CreatePatternModal({
className = "patterns-menu-items__convert-modal",
modalTitle,
...restProps
}) {
const defaultModalTitle = (0, import_data5.useSelect)(
(select) => select(import_core_data3.store).getPostType(PATTERN_TYPES.user)?.labels?.add_new_item,
[]
);
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
import_components3.Modal,
{
title: modalTitle || defaultModalTitle,
onRequestClose: restProps.onClose,
overlayClassName: className,
focusOnMount: "firstContentElement",
size: "small",
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreatePatternModalContents, { ...restProps })
}
);
}
function CreatePatternModalContents({
confirmLabel = (0, import_i18n3.__)("Add"),
defaultCategories = [],
content,
onClose,
onError,
onSuccess,
defaultSyncType = PATTERN_SYNC_TYPES.full,
defaultTitle = ""
}) {
const [syncType, setSyncType] = (0, import_element4.useState)(defaultSyncType);
const [categoryTerms, setCategoryTerms] = (0, import_element4.useState)(defaultCategories);
const [title, setTitle] = (0, import_element4.useState)(defaultTitle);
const [isSaving, setIsSaving] = (0, import_element4.useState)(false);
const { createPattern: createPattern2 } = unlock((0, import_data5.useDispatch)(store));
const { createErrorNotice } = (0, import_data5.useDispatch)(import_notices.store);
const { categoryMap, findOrCreateTerm } = useAddPatternCategory();
async function onCreate(patternTitle, sync) {
if (!title || isSaving) {
return;
}
try {
setIsSaving(true);
const categories = await Promise.all(
categoryTerms.map(
(termName) => findOrCreateTerm(termName)
)
);
const newPattern = await createPattern2(
patternTitle,
sync,
typeof content === "function" ? content() : content,
categories
);
onSuccess({
pattern: newPattern,
categoryId: PATTERN_DEFAULT_CATEGORY
});
} catch (error) {
createErrorNotice(error.message, {
type: "snackbar",
id: "pattern-create"
});
onError?.();
} finally {
setIsSaving(false);
setCategoryTerms([]);
setTitle("");
}
}
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"form",
{
onSubmit: (event) => {
event.preventDefault();
onCreate(title, syncType);
},
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_components3.__experimentalVStack, { spacing: "5", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
import_components3.TextControl,
{
label: (0, import_i18n3.__)("Name"),
value: title,
onChange: setTitle,
placeholder: (0, import_i18n3.__)("My pattern"),
className: "patterns-create-modal__name-input",
__next40pxDefaultSize: true
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
CategorySelector,
{
categoryTerms,
onChange: setCategoryTerms,
categoryMap
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
import_components3.ToggleControl,
{
label: (0, import_i18n3._x)("Synced", "pattern (singular)"),
help: (0, import_i18n3.__)(
"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, import_jsx_runtime3.jsxs)(import_components3.__experimentalHStack, { justify: "right", children: [
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
import_components3.Button,
{
__next40pxDefaultSize: true,
variant: "tertiary",
onClick: () => {
onClose();
setTitle("");
},
children: (0, import_i18n3.__)("Cancel")
}
),
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
import_components3.Button,
{
__next40pxDefaultSize: true,
variant: "primary",
type: "submit",
"aria-disabled": !title || isSaving,
isBusy: isSaving,
children: confirmLabel
}
)
] })
] })
}
);
}
// packages/patterns/build-module/components/duplicate-pattern-modal.mjs
var import_core_data4 = __toESM(require_core_data(), 1);
var import_data6 = __toESM(require_data(), 1);
var import_i18n4 = __toESM(require_i18n(), 1);
var import_notices2 = __toESM(require_notices(), 1);
var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
function getTermLabels(pattern, categories) {
if (pattern.type !== PATTERN_TYPES.user) {
return categories.core?.filter(
(category) => pattern.categories?.includes(category.name)
).map((category) => category.label);
}
return categories.user?.filter(
(category) => pattern.wp_pattern_category?.includes(category.id)
).map((category) => category.label);
}
function useDuplicatePatternProps({ pattern, onSuccess }) {
const { createSuccessNotice } = (0, import_data6.useDispatch)(import_notices2.store);
const categories = (0, import_data6.useSelect)((select) => {
const { getUserPatternCategories, getBlockPatternCategories } = select(import_core_data4.store);
return {
core: getBlockPatternCategories(),
user: getUserPatternCategories()
};
});
if (!pattern) {
return null;
}
return {
content: pattern.content,
defaultCategories: getTermLabels(pattern, categories),
defaultSyncType: pattern.type !== PATTERN_TYPES.user ? PATTERN_SYNC_TYPES.unsynced : pattern.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full,
defaultTitle: (0, import_i18n4.sprintf)(
/* translators: %s: Existing pattern title */
(0, import_i18n4._x)("%s (Copy)", "pattern"),
typeof pattern.title === "string" ? pattern.title : pattern.title.raw
),
onSuccess: ({ pattern: newPattern }) => {
createSuccessNotice(
(0, import_i18n4.sprintf)(
// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.
(0, import_i18n4._x)('"%s" duplicated.', "pattern"),
newPattern.title.raw
),
{
type: "snackbar",
id: "patterns-create"
}
);
onSuccess?.({ pattern: newPattern });
}
};
}
function DuplicatePatternModal({
pattern,
onClose,
onSuccess
}) {
const duplicatedProps = useDuplicatePatternProps({ pattern, onSuccess });
if (!pattern) {
return null;
}
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
CreatePatternModal,
{
modalTitle: (0, import_i18n4.__)("Duplicate pattern"),
confirmLabel: (0, import_i18n4.__)("Duplicate"),
onClose,
onError: onClose,
...duplicatedProps
}
);
}
// packages/patterns/build-module/components/rename-pattern-modal.mjs
var import_components4 = __toESM(require_components(), 1);
var import_core_data5 = __toESM(require_core_data(), 1);
var import_data7 = __toESM(require_data(), 1);
var import_element5 = __toESM(require_element(), 1);
var import_html_entities2 = __toESM(require_html_entities(), 1);
var import_i18n5 = __toESM(require_i18n(), 1);
var import_notices3 = __toESM(require_notices(), 1);
var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
function RenamePatternModal({
onClose,
onError,
onSuccess,
pattern,
...props
}) {
const originalName = (0, import_html_entities2.decodeEntities)(pattern.title);
const [name, setName] = (0, import_element5.useState)(originalName);
const [isSaving, setIsSaving] = (0, import_element5.useState)(false);
const {
editEntityRecord,
__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits
} = (0, import_data7.useDispatch)(import_core_data5.store);
const { createSuccessNotice, createErrorNotice } = (0, import_data7.useDispatch)(import_notices3.store);
const onRename = async (event) => {
event.preventDefault();
if (!name || name === pattern.title || isSaving) {
return;
}
try {
await editEntityRecord("postType", pattern.type, pattern.id, {
title: name
});
setIsSaving(true);
setName("");
onClose?.();
const savedRecord = await saveSpecifiedEntityEdits(
"postType",
pattern.type,
pattern.id,
["title"],
{ throwOnError: true }
);
onSuccess?.(savedRecord);
createSuccessNotice((0, import_i18n5.__)("Pattern renamed"), {
type: "snackbar",
id: "pattern-update"
});
} catch (error) {
onError?.();
const errorMessage = error.message && error.code !== "unknown_error" ? error.message : (0, import_i18n5.__)("An error occurred while renaming the pattern.");
createErrorNotice(errorMessage, {
type: "snackbar",
id: "pattern-update"
});
} finally {
setIsSaving(false);
setName("");
}
};
const onRequestClose = () => {
onClose?.();
setName("");
};
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
import_components4.Modal,
{
title: (0, import_i18n5.__)("Rename"),
...props,
onRequestClose: onClose,
focusOnMount: "firstContentElement",
size: "small",
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("form", { onSubmit: onRename, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_components4.__experimentalVStack, { spacing: "5", children: [
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
import_components4.TextControl,
{
__next40pxDefaultSize: true,
label: (0, import_i18n5.__)("Name"),
value: name,
onChange: setName,
required: true
}
),
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_components4.__experimentalHStack, { justify: "right", children: [
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
import_components4.Button,
{
__next40pxDefaultSize: true,
variant: "tertiary",
onClick: onRequestClose,
children: (0, import_i18n5.__)("Cancel")
}
),
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
import_components4.Button,
{
__next40pxDefaultSize: true,
variant: "primary",
type: "submit",
children: (0, import_i18n5.__)("Save")
}
)
] })
] }) })
}
);
}
// packages/patterns/build-module/components/index.mjs
var import_block_editor5 = __toESM(require_block_editor(), 1);
// packages/patterns/build-module/components/pattern-convert-button.mjs
var import_blocks2 = __toESM(require_blocks(), 1);
var import_block_editor3 = __toESM(require_block_editor(), 1);
var import_element6 = __toESM(require_element(), 1);
var import_components5 = __toESM(require_components(), 1);
// packages/icons/build-module/library/symbol.mjs
var import_primitives = __toESM(require_primitives(), 1);
var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
var symbol_default = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives.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" }) });
// packages/patterns/build-module/components/pattern-convert-button.mjs
var import_data8 = __toESM(require_data(), 1);
var import_core_data6 = __toESM(require_core_data(), 1);
var import_i18n6 = __toESM(require_i18n(), 1);
var import_notices4 = __toESM(require_notices(), 1);
var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
function PatternConvertButton({
clientIds,
rootClientId,
closeBlockSettingsMenu
}) {
const { createSuccessNotice } = (0, import_data8.useDispatch)(import_notices4.store);
const { replaceBlocks, updateBlockAttributes } = (0, import_data8.useDispatch)(import_block_editor3.store);
const { setEditingPattern: setEditingPattern2 } = unlock((0, import_data8.useDispatch)(store));
const [isModalOpen, setIsModalOpen] = (0, import_element6.useState)(false);
const { getBlockAttributes } = (0, import_data8.useSelect)(import_block_editor3.store);
const canConvert = (0, import_data8.useSelect)(
(select) => {
const { canUser } = select(import_core_data6.store);
const {
getBlocksByClientId: getBlocksByClientId2,
canInsertBlockType,
getBlockRootClientId
} = select(import_block_editor3.store);
const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : void 0);
const blocks = getBlocksByClientId2(clientIds) ?? [];
const hasReusableBlockSupport = (blockName) => {
const blockType = (0, import_blocks2.getBlockType)(blockName);
const hasParent = blockType && "parent" in blockType;
return (0, import_blocks2.hasBlockSupport)(blockName, "reusable", !hasParent);
};
const isSyncedPattern = blocks.length === 1 && blocks[0] && (0, import_blocks2.isReusableBlock)(blocks[0]) && !!select(import_core_data6.store).getEntityRecord(
"postType",
"wp_block",
blocks[0].attributes.ref
);
const isUnsyncedPattern = blocks.length === 1 && blocks?.[0]?.attributes?.metadata?.patternName;
const _canConvert = (
// Hide when this is already a pattern.
!isUnsyncedPattern && !isSyncedPattern && // Hide when patterns 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 into a pattern.
hasReusableBlockSupport(block.name)
)
) && // Hide when current doesn't have permission to do that.
// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.
!!canUser("create", {
kind: "postType",
name: "wp_block"
})
);
return _canConvert;
},
[clientIds, rootClientId]
);
const { getBlocksByClientId } = (0, import_data8.useSelect)(import_block_editor3.store);
const getContent = (0, import_element6.useCallback)(
() => (0, import_blocks2.serialize)(getBlocksByClientId(clientIds)),
[getBlocksByClientId, clientIds]
);
if (!canConvert) {
return null;
}
const handleSuccess = ({ pattern }) => {
if (pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced) {
if (clientIds?.length === 1) {
const existingAttributes = getBlockAttributes(clientIds[0]);
updateBlockAttributes(clientIds[0], {
metadata: {
...existingAttributes?.metadata ? existingAttributes.metadata : {},
patternName: `core/block/${pattern.id}`,
name: pattern.title.raw
}
});
}
} else {
const newBlock = (0, import_blocks2.createBlock)("core/block", {
ref: pattern.id
});
replaceBlocks(clientIds, newBlock);
setEditingPattern2(newBlock.clientId, true);
}
createSuccessNotice(
pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ? (0, import_i18n6.sprintf)(
// translators: %s: the name the user has given to the pattern.
(0, import_i18n6.__)("Unsynced pattern created: %s"),
pattern.title.raw
) : (0, import_i18n6.sprintf)(
// translators: %s: the name the user has given to the pattern.
(0, import_i18n6.__)("Synced pattern created: %s"),
pattern.title.raw
),
{
type: "snackbar",
id: "convert-to-pattern-success"
}
);
setIsModalOpen(false);
closeBlockSettingsMenu();
};
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
import_components5.MenuItem,
{
icon: symbol_default,
onClick: () => setIsModalOpen(true),
"aria-expanded": isModalOpen,
"aria-haspopup": "dialog",
children: (0, import_i18n6.__)("Create pattern")
}
),
isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
CreatePatternModal,
{
content: getContent,
onSuccess: (pattern) => {
handleSuccess(pattern);
},
onError: () => {
setIsModalOpen(false);
},
onClose: () => {
setIsModalOpen(false);
closeBlockSettingsMenu();
}
}
)
] });
}
// packages/patterns/build-module/components/patterns-manage-button.mjs
var import_components6 = __toESM(require_components(), 1);
var import_i18n7 = __toESM(require_i18n(), 1);
var import_blocks3 = __toESM(require_blocks(), 1);
var import_data9 = __toESM(require_data(), 1);
var import_element7 = __toESM(require_element(), 1);
var import_block_editor4 = __toESM(require_block_editor(), 1);
var import_url = __toESM(require_url(), 1);
var import_core_data7 = __toESM(require_core_data(), 1);
var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
function PatternsManageButton({ clientId, onClose }) {
const [showConfirmDialog, setShowConfirmDialog] = (0, import_element7.useState)(false);
const {
attributes,
canDetach,
isVisible,
managePatternsUrl,
isSyncedPattern,
isUnsyncedPattern,
canEdit
} = (0, import_data9.useSelect)(
(select) => {
const { canRemoveBlock, getBlock, canEditBlock } = select(import_block_editor4.store);
const { canUser } = select(import_core_data7.store);
const block = getBlock(clientId);
const _isUnsyncedPattern = !!block?.attributes?.metadata?.patternName;
const _isSyncedPattern = !!block && (0, import_blocks3.isReusableBlock)(block) && !!canUser("update", {
kind: "postType",
name: "wp_block",
id: block.attributes.ref
});
return {
attributes: block.attributes,
canEdit: canEditBlock(clientId),
// For unsynced patterns, detaching is simply removing the `patternName` attribute.
// For synced patterns, the `core:block` block is replaced with its inner blocks,
// so checking whether `canRemoveBlock` is possible is required.
canDetach: _isUnsyncedPattern || _isSyncedPattern && canRemoveBlock(clientId),
isUnsyncedPattern: _isUnsyncedPattern,
isSyncedPattern: _isSyncedPattern,
isVisible: _isUnsyncedPattern || _isSyncedPattern,
// 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", {
kind: "postType",
name: "wp_template"
}) ? (0, import_url.addQueryArgs)("site-editor.php", {
p: "/pattern"
}) : (0, import_url.addQueryArgs)("edit.php", {
post_type: "wp_block"
})
};
},
[clientId]
);
const { updateBlockAttributes } = (0, import_data9.useDispatch)(import_block_editor4.store);
const { convertSyncedPatternToStatic: convertSyncedPatternToStatic2 } = unlock(
(0, import_data9.useDispatch)(store)
);
if (!isVisible || !canEdit) {
return null;
}
const handleDetach = () => {
if (isSyncedPattern) {
convertSyncedPatternToStatic2(clientId);
}
if (isUnsyncedPattern) {
const { patternName, ...attributesWithoutPatternName } = attributes?.metadata ?? {};
updateBlockAttributes(clientId, {
metadata: attributesWithoutPatternName
});
}
onClose?.();
setShowConfirmDialog(false);
};
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
canDetach && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components6.MenuItem, { onClick: () => setShowConfirmDialog(true), children: (0, import_i18n7.__)("Detach") }),
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
import_components6.__experimentalConfirmDialog,
{
isOpen: showConfirmDialog,
onConfirm: handleDetach,
onCancel: () => setShowConfirmDialog(false),
confirmButtonText: (0, import_i18n7.__)("Detach"),
size: "medium",
title: (0, import_i18n7.__)("Detach pattern?"),
__experimentalHideHeader: false,
children: isSyncedPattern ? (0, import_i18n7.__)(
"The blocks will be separated from the original pattern and will be fully editable. Future changes to the pattern will not apply here."
) : (0, import_i18n7.__)(
"Blocks will no longer be associated with this pattern and will be fully editable."
)
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components6.MenuItem, { href: managePatternsUrl, children: (0, import_i18n7.__)("Manage patterns") })
] });
}
var patterns_manage_button_default = PatternsManageButton;
// packages/patterns/build-module/components/index.mjs
var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
function PatternsMenuItems({ rootClientId }) {
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_block_editor5.BlockSettingsMenuControls, { children: ({ selectedClientIds, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
PatternConvertButton,
{
clientIds: selectedClientIds,
rootClientId,
closeBlockSettingsMenu: onClose
}
),
selectedClientIds.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
patterns_manage_button_default,
{
clientId: selectedClientIds[0],
onClose
}
)
] }) });
}
// packages/patterns/build-module/components/rename-pattern-category-modal.mjs
var import_components7 = __toESM(require_components(), 1);
var import_core_data8 = __toESM(require_core_data(), 1);
var import_data10 = __toESM(require_data(), 1);
var import_element8 = __toESM(require_element(), 1);
var import_html_entities3 = __toESM(require_html_entities(), 1);
var import_i18n8 = __toESM(require_i18n(), 1);
var import_notices5 = __toESM(require_notices(), 1);
var import_a11y = __toESM(require_a11y(), 1);
var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
function RenamePatternCategoryModal({
category,
existingCategories,
onClose,
onError,
onSuccess,
...props
}) {
const id = (0, import_element8.useId)();
const textControlRef = (0, import_element8.useRef)();
const [name, setName] = (0, import_element8.useState)((0, import_html_entities3.decodeEntities)(category.name));
const [isSaving, setIsSaving] = (0, import_element8.useState)(false);
const [validationMessage, setValidationMessage] = (0, import_element8.useState)(false);
const validationMessageId = validationMessage ? `patterns-rename-pattern-category-modal__validation-message-${id}` : void 0;
const { saveEntityRecord, invalidateResolution } = (0, import_data10.useDispatch)(import_core_data8.store);
const { createErrorNotice, createSuccessNotice } = (0, import_data10.useDispatch)(import_notices5.store);
const onChange = (newName) => {
if (validationMessage) {
setValidationMessage(void 0);
}
setName(newName);
};
const onSave = async (event) => {
event.preventDefault();
if (isSaving) {
return;
}
if (!name || name === category.name) {
const message = (0, import_i18n8.__)("Please enter a new name for this category.");
(0, import_a11y.speak)(message, "assertive");
setValidationMessage(message);
textControlRef.current?.focus();
return;
}
if (existingCategories.patternCategories.find((existingCategory) => {
return existingCategory.id !== category.id && existingCategory.label.toLowerCase() === name.toLowerCase();
})) {
const message = (0, import_i18n8.__)(
"This category already exists. Please use a different name."
);
(0, import_a11y.speak)(message, "assertive");
setValidationMessage(message);
textControlRef.current?.focus();
return;
}
try {
setIsSaving(true);
const savedRecord = await saveEntityRecord(
"taxonomy",
CATEGORY_SLUG,
{
id: category.id,
slug: category.slug,
name
}
);
invalidateResolution("getUserPatternCategories");
onSuccess?.(savedRecord);
onClose();
createSuccessNotice((0, import_i18n8.__)("Pattern category renamed."), {
type: "snackbar",
id: "pattern-category-update"
});
} catch (error) {
onError?.();
createErrorNotice(error.message, {
type: "snackbar",
id: "pattern-category-update"
});
} finally {
setIsSaving(false);
setName("");
}
};
const onRequestClose = () => {
onClose();
setName("");
};
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
import_components7.Modal,
{
title: (0, import_i18n8.__)("Rename"),
onRequestClose,
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("form", { onSubmit: onSave, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_components7.__experimentalVStack, { spacing: "5", children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_components7.__experimentalVStack, { spacing: "2", children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
import_components7.TextControl,
{
ref: textControlRef,
__next40pxDefaultSize: true,
label: (0, import_i18n8.__)("Name"),
value: name,
onChange,
"aria-describedby": validationMessageId,
required: true
}
),
validationMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
"span",
{
className: "patterns-rename-pattern-category-modal__validation-message",
id: validationMessageId,
children: validationMessage
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_components7.__experimentalHStack, { justify: "right", children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
import_components7.Button,
{
__next40pxDefaultSize: true,
variant: "tertiary",
onClick: onRequestClose,
children: (0, import_i18n8.__)("Cancel")
}
),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
import_components7.Button,
{
__next40pxDefaultSize: true,
variant: "primary",
type: "submit",
"aria-disabled": !name || name === category.name || isSaving,
isBusy: isSaving,
children: (0, import_i18n8.__)("Save")
}
)
] })
] }) })
}
);
}
// packages/patterns/build-module/components/pattern-overrides-controls.mjs
var import_element10 = __toESM(require_element(), 1);
var import_block_editor6 = __toESM(require_block_editor(), 1);
var import_components9 = __toESM(require_components(), 1);
var import_i18n10 = __toESM(require_i18n(), 1);
// packages/patterns/build-module/components/allow-overrides-modal.mjs
var import_components8 = __toESM(require_components(), 1);
var import_i18n9 = __toESM(require_i18n(), 1);
var import_element9 = __toESM(require_element(), 1);
var import_a11y2 = __toESM(require_a11y(), 1);
var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
function AllowOverridesModal({
placeholder,
initialName = "",
onClose,
onSave
}) {
const [editedBlockName, setEditedBlockName] = (0, import_element9.useState)(initialName);
const descriptionId = (0, import_element9.useId)();
const isNameValid = !!editedBlockName.trim();
const handleSubmit = () => {
if (editedBlockName !== initialName) {
const message = (0, import_i18n9.sprintf)(
/* translators: %s: new name/label for the block */
(0, import_i18n9.__)('Block name changed to: "%s".'),
editedBlockName
);
(0, import_a11y2.speak)(message, "assertive");
}
onSave(editedBlockName);
onClose();
};
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Modal,
{
title: (0, import_i18n9.__)("Enable overrides"),
onRequestClose: onClose,
focusOnMount: "firstContentElement",
aria: { describedby: descriptionId },
size: "small",
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
"form",
{
onSubmit: (event) => {
event.preventDefault();
if (!isNameValid) {
return;
}
handleSubmit();
},
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_components8.__experimentalVStack, { spacing: "6", children: [
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_components8.__experimentalText, { id: descriptionId, children: (0, import_i18n9.__)(
"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, import_jsx_runtime11.jsx)(
import_components8.TextControl,
{
__next40pxDefaultSize: true,
value: editedBlockName,
label: (0, import_i18n9.__)("Name"),
help: (0, import_i18n9.__)(
'For example, if you are creating a recipe pattern, you use "Recipe Title", "Recipe Description", etc.'
),
placeholder,
onChange: setEditedBlockName
}
),
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_components8.__experimentalHStack, { justify: "right", children: [
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Button,
{
__next40pxDefaultSize: true,
variant: "tertiary",
onClick: onClose,
children: (0, import_i18n9.__)("Cancel")
}
),
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Button,
{
__next40pxDefaultSize: true,
"aria-disabled": !isNameValid,
variant: "primary",
type: "submit",
children: (0, import_i18n9.__)("Enable")
}
)
] })
] })
}
)
}
);
}
function DisallowOverridesModal({ onClose, onSave }) {
const descriptionId = (0, import_element9.useId)();
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Modal,
{
title: (0, import_i18n9.__)("Disable overrides"),
onRequestClose: onClose,
aria: { describedby: descriptionId },
size: "small",
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
"form",
{
onSubmit: (event) => {
event.preventDefault();
onSave();
onClose();
},
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_components8.__experimentalVStack, { spacing: "6", children: [
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_components8.__experimentalText, { id: descriptionId, children: (0, import_i18n9.__)(
"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, import_jsx_runtime11.jsxs)(import_components8.__experimentalHStack, { justify: "right", children: [
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Button,
{
__next40pxDefaultSize: true,
variant: "tertiary",
onClick: onClose,
children: (0, import_i18n9.__)("Cancel")
}
),
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
import_components8.Button,
{
__next40pxDefaultSize: true,
variant: "primary",
type: "submit",
children: (0, import_i18n9.__)("Disable")
}
)
] })
] })
}
)
}
);
}
// packages/patterns/build-module/components/pattern-overrides-controls.mjs
var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
function PatternOverridesControls({
attributes,
setAttributes,
name: blockName
}) {
const controlId = (0, import_element10.useId)();
const [showAllowOverridesModal, setShowAllowOverridesModal] = (0, import_element10.useState)(false);
const [showDisallowOverridesModal, setShowDisallowOverridesModal] = (0, import_element10.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;
const { updateBlockBindings } = (0, import_block_editor6.useBlockBindingsUtils)();
function updateBindings(isChecked, customName) {
if (customName) {
setAttributes({
metadata: {
...attributes.metadata,
name: customName
}
});
}
updateBlockBindings({
__default: isChecked ? { source: PATTERN_OVERRIDES_BINDING_SOURCE } : void 0
});
}
if (isConnectedToOtherSources) {
return null;
}
const hasUnsupportedImageAttributes = blockName === "core/image" && !!attributes.href?.length;
const helpText = !hasOverrides && hasUnsupportedImageAttributes ? (0, import_i18n10.__)(
`Overrides currently don't support image links. Remove the link first before enabling overrides.`
) : (0, import_i18n10.__)(
"Allow changes to this block throughout instances of this pattern."
);
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_block_editor6.InspectorControls, { group: "advanced", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
import_components9.BaseControl,
{
id: controlId,
label: (0, import_i18n10.__)("Overrides"),
help: helpText,
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
import_components9.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,
accessibleWhenDisabled: true,
children: hasOverrides ? (0, import_i18n10.__)("Disable overrides") : (0, import_i18n10.__)("Enable overrides")
}
)
}
) }),
showAllowOverridesModal && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
AllowOverridesModal,
{
initialName: attributes.metadata?.name,
onClose: () => setShowAllowOverridesModal(false),
onSave: (newName) => {
updateBindings(true, newName);
}
}
),
showDisallowOverridesModal && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
DisallowOverridesModal,
{
onClose: () => setShowDisallowOverridesModal(false),
onSave: () => updateBindings(false)
}
)
] });
}
var pattern_overrides_controls_default = PatternOverridesControls;
// packages/patterns/build-module/components/reset-overrides-control.mjs
var import_block_editor7 = __toESM(require_block_editor(), 1);
var import_components10 = __toESM(require_components(), 1);
var import_data11 = __toESM(require_data(), 1);
var import_i18n11 = __toESM(require_i18n(), 1);
var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
var CONTENT = "content";
function ResetOverridesControl(props) {
const name = props.attributes.metadata?.name;
const registry = (0, import_data11.useRegistry)();
const isOverridden = (0, import_data11.useSelect)(
(select) => {
if (!name) {
return;
}
const { getBlockAttributes, getBlockParentsByBlockName } = select(import_block_editor7.store);
const [patternClientId] = getBlockParentsByBlockName(
props.clientId,
"core/block",
true
);
if (!patternClientId) {
return;
}
const overrides = getBlockAttributes(patternClientId)[CONTENT];
if (!overrides) {
return;
}
return overrides.hasOwnProperty(name);
},
[props.clientId, name]
);
function onClick() {
const { getBlockAttributes, getBlockParentsByBlockName } = registry.select(import_block_editor7.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(import_block_editor7.store);
__unstableMarkLastChangeAsPersistent();
let newOverrides = { ...overrides };
delete newOverrides[name];
if (!Object.keys(newOverrides).length) {
newOverrides = void 0;
}
updateBlockAttributes(patternClientId, {
[CONTENT]: newOverrides
});
}
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_block_editor7.__unstableBlockToolbarLastItem, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components10.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components10.ToolbarButton, { onClick, disabled: !isOverridden, children: (0, import_i18n11.__)("Reset") }) }) });
}
// packages/patterns/build-module/private-apis.mjs
var privateApis = {};
lock(privateApis, {
OverridesPanel,
CreatePatternModal,
CreatePatternModalContents,
DuplicatePatternModal,
isOverridableBlock,
useDuplicatePatternProps,
RenamePatternModal,
PatternsMenuItems,
RenamePatternCategoryModal,
PatternOverridesControls: pattern_overrides_controls_default,
ResetOverridesControl,
useAddPatternCategory,
PATTERN_TYPES,
PATTERN_DEFAULT_CATEGORY,
PATTERN_USER_CATEGORY,
EXCLUDED_PATTERN_SOURCES,
PATTERN_SYNC_TYPES
});
return __toCommonJS(index_exports);
})();