505 lines
20 KiB
JavaScript
505 lines
20 KiB
JavaScript
var wp;
|
|
(wp ||= {}).reusableBlocks = (() => {
|
|
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/block-editor
|
|
var require_block_editor = __commonJS({
|
|
"package-external:@wordpress/block-editor"(exports, module) {
|
|
module.exports = window.wp.blockEditor;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/blocks
|
|
var require_blocks = __commonJS({
|
|
"package-external:@wordpress/blocks"(exports, module) {
|
|
module.exports = window.wp.blocks;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/i18n
|
|
var require_i18n = __commonJS({
|
|
"package-external:@wordpress/i18n"(exports, module) {
|
|
module.exports = window.wp.i18n;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/element
|
|
var require_element = __commonJS({
|
|
"package-external:@wordpress/element"(exports, module) {
|
|
module.exports = window.wp.element;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/components
|
|
var require_components = __commonJS({
|
|
"package-external:@wordpress/components"(exports, module) {
|
|
module.exports = window.wp.components;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/primitives
|
|
var require_primitives = __commonJS({
|
|
"package-external:@wordpress/primitives"(exports, module) {
|
|
module.exports = window.wp.primitives;
|
|
}
|
|
});
|
|
|
|
// 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/core-data
|
|
var require_core_data = __commonJS({
|
|
"package-external:@wordpress/core-data"(exports, module) {
|
|
module.exports = window.wp.coreData;
|
|
}
|
|
});
|
|
|
|
// package-external:@wordpress/url
|
|
var require_url = __commonJS({
|
|
"package-external:@wordpress/url"(exports, module) {
|
|
module.exports = window.wp.url;
|
|
}
|
|
});
|
|
|
|
// packages/reusable-blocks/build-module/index.mjs
|
|
var index_exports = {};
|
|
__export(index_exports, {
|
|
ReusableBlocksMenuItems: () => ReusableBlocksMenuItems,
|
|
store: () => store
|
|
});
|
|
|
|
// packages/reusable-blocks/build-module/store/index.mjs
|
|
var import_data2 = __toESM(require_data(), 1);
|
|
|
|
// packages/reusable-blocks/build-module/store/actions.mjs
|
|
var actions_exports = {};
|
|
__export(actions_exports, {
|
|
__experimentalConvertBlockToStatic: () => __experimentalConvertBlockToStatic,
|
|
__experimentalConvertBlocksToReusable: () => __experimentalConvertBlocksToReusable,
|
|
__experimentalDeleteReusableBlock: () => __experimentalDeleteReusableBlock,
|
|
__experimentalSetEditingReusableBlock: () => __experimentalSetEditingReusableBlock
|
|
});
|
|
var import_block_editor = __toESM(require_block_editor(), 1);
|
|
var import_blocks = __toESM(require_blocks(), 1);
|
|
var import_i18n = __toESM(require_i18n(), 1);
|
|
var __experimentalConvertBlockToStatic = (clientId) => ({ registry }) => {
|
|
const oldBlock = registry.select(import_block_editor.store).getBlock(clientId);
|
|
const reusableBlock = registry.select("core").getEditedEntityRecord(
|
|
"postType",
|
|
"wp_block",
|
|
oldBlock.attributes.ref
|
|
);
|
|
const newBlocks = (0, import_blocks.parse)(
|
|
typeof reusableBlock.content === "function" ? reusableBlock.content(reusableBlock) : reusableBlock.content
|
|
);
|
|
registry.dispatch(import_block_editor.store).replaceBlocks(oldBlock.clientId, newBlocks);
|
|
};
|
|
var __experimentalConvertBlocksToReusable = (clientIds, title, syncType) => async ({ registry, dispatch }) => {
|
|
const meta = syncType === "unsynced" ? {
|
|
wp_pattern_sync_status: syncType
|
|
} : void 0;
|
|
const reusableBlock = {
|
|
title: title || (0, import_i18n.__)("Untitled pattern block"),
|
|
content: (0, import_blocks.serialize)(
|
|
registry.select(import_block_editor.store).getBlocksByClientId(clientIds)
|
|
),
|
|
status: "publish",
|
|
meta
|
|
};
|
|
const updatedRecord = await registry.dispatch("core").saveEntityRecord("postType", "wp_block", reusableBlock);
|
|
if (syncType === "unsynced") {
|
|
return;
|
|
}
|
|
const newBlock = (0, import_blocks.createBlock)("core/block", {
|
|
ref: updatedRecord.id
|
|
});
|
|
registry.dispatch(import_block_editor.store).replaceBlocks(clientIds, newBlock);
|
|
dispatch.__experimentalSetEditingReusableBlock(
|
|
newBlock.clientId,
|
|
true
|
|
);
|
|
};
|
|
var __experimentalDeleteReusableBlock = (id) => async ({ registry }) => {
|
|
const reusableBlock = registry.select("core").getEditedEntityRecord("postType", "wp_block", id);
|
|
if (!reusableBlock) {
|
|
return;
|
|
}
|
|
const allBlocks = registry.select(import_block_editor.store).getBlocks();
|
|
const associatedBlocks = allBlocks.filter(
|
|
(block) => (0, import_blocks.isReusableBlock)(block) && block.attributes.ref === id
|
|
);
|
|
const associatedBlockClientIds = associatedBlocks.map(
|
|
(block) => block.clientId
|
|
);
|
|
if (associatedBlockClientIds.length) {
|
|
registry.dispatch(import_block_editor.store).removeBlocks(associatedBlockClientIds);
|
|
}
|
|
await registry.dispatch("core").deleteEntityRecord("postType", "wp_block", id);
|
|
};
|
|
function __experimentalSetEditingReusableBlock(clientId, isEditing) {
|
|
return {
|
|
type: "SET_EDITING_REUSABLE_BLOCK",
|
|
clientId,
|
|
isEditing
|
|
};
|
|
}
|
|
|
|
// packages/reusable-blocks/build-module/store/reducer.mjs
|
|
var import_data = __toESM(require_data(), 1);
|
|
function isEditingReusableBlock(state = {}, action) {
|
|
if (action?.type === "SET_EDITING_REUSABLE_BLOCK") {
|
|
return {
|
|
...state,
|
|
[action.clientId]: action.isEditing
|
|
};
|
|
}
|
|
return state;
|
|
}
|
|
var reducer_default = (0, import_data.combineReducers)({
|
|
isEditingReusableBlock
|
|
});
|
|
|
|
// packages/reusable-blocks/build-module/store/selectors.mjs
|
|
var selectors_exports = {};
|
|
__export(selectors_exports, {
|
|
__experimentalIsEditingReusableBlock: () => __experimentalIsEditingReusableBlock
|
|
});
|
|
function __experimentalIsEditingReusableBlock(state, clientId) {
|
|
return state.isEditingReusableBlock[clientId];
|
|
}
|
|
|
|
// packages/reusable-blocks/build-module/store/index.mjs
|
|
var STORE_NAME = "core/reusable-blocks";
|
|
var store = (0, import_data2.createReduxStore)(STORE_NAME, {
|
|
actions: actions_exports,
|
|
reducer: reducer_default,
|
|
selectors: selectors_exports
|
|
});
|
|
(0, import_data2.register)(store);
|
|
|
|
// packages/reusable-blocks/build-module/components/reusable-blocks-menu-items/index.mjs
|
|
var import_block_editor4 = __toESM(require_block_editor(), 1);
|
|
|
|
// packages/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.mjs
|
|
var import_blocks2 = __toESM(require_blocks(), 1);
|
|
var import_block_editor2 = __toESM(require_block_editor(), 1);
|
|
var import_element = __toESM(require_element(), 1);
|
|
var import_components = __toESM(require_components(), 1);
|
|
|
|
// packages/icons/build-module/library/symbol.mjs
|
|
var import_primitives = __toESM(require_primitives(), 1);
|
|
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
var symbol_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.mjs
|
|
var import_data3 = __toESM(require_data(), 1);
|
|
var import_i18n2 = __toESM(require_i18n(), 1);
|
|
var import_notices = __toESM(require_notices(), 1);
|
|
var import_core_data = __toESM(require_core_data(), 1);
|
|
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
|
|
function ReusableBlockConvertButton({
|
|
clientIds,
|
|
rootClientId,
|
|
onClose
|
|
}) {
|
|
const [syncType, setSyncType] = (0, import_element.useState)(void 0);
|
|
const [isModalOpen, setIsModalOpen] = (0, import_element.useState)(false);
|
|
const [title, setTitle] = (0, import_element.useState)("");
|
|
const canConvert = (0, import_data3.useSelect)(
|
|
(select) => {
|
|
const { canUser } = select(import_core_data.store);
|
|
const {
|
|
getBlocksByClientId,
|
|
canInsertBlockType,
|
|
getBlockRootClientId
|
|
} = select(import_block_editor2.store);
|
|
const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : void 0);
|
|
const blocks = getBlocksByClientId(clientIds) ?? [];
|
|
const isReusable = blocks.length === 1 && blocks[0] && (0, import_blocks2.isReusableBlock)(blocks[0]) && !!select(import_core_data.store).getEntityRecord(
|
|
"postType",
|
|
"wp_block",
|
|
blocks[0].attributes.ref
|
|
);
|
|
const _canConvert = (
|
|
// Hide when this is already a reusable block.
|
|
!isReusable && // Hide when reusable blocks are disabled.
|
|
canInsertBlockType("core/block", rootId) && blocks.every(
|
|
(block) => (
|
|
// Guard against the case where a regular block has *just* been converted.
|
|
!!block && // Hide on invalid blocks.
|
|
block.isValid && // Hide when block doesn't support being made reusable.
|
|
(0, import_blocks2.hasBlockSupport)(block.name, "reusable", true)
|
|
)
|
|
) && // 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 { __experimentalConvertBlocksToReusable: convertBlocksToReusable } = (0, import_data3.useDispatch)(store);
|
|
const { createSuccessNotice, createErrorNotice } = (0, import_data3.useDispatch)(import_notices.store);
|
|
const onConvert = (0, import_element.useCallback)(
|
|
async function(reusableBlockTitle) {
|
|
try {
|
|
await convertBlocksToReusable(
|
|
clientIds,
|
|
reusableBlockTitle,
|
|
syncType
|
|
);
|
|
createSuccessNotice(
|
|
!syncType ? (0, import_i18n2.sprintf)(
|
|
// translators: %s: the name the user has given to the pattern.
|
|
(0, import_i18n2.__)("Synced pattern created: %s"),
|
|
reusableBlockTitle
|
|
) : (0, import_i18n2.sprintf)(
|
|
// translators: %s: the name the user has given to the pattern.
|
|
(0, import_i18n2.__)("Unsynced pattern created: %s"),
|
|
reusableBlockTitle
|
|
),
|
|
{
|
|
type: "snackbar",
|
|
id: "convert-to-reusable-block-success"
|
|
}
|
|
);
|
|
} catch (error) {
|
|
createErrorNotice(error.message, {
|
|
type: "snackbar",
|
|
id: "convert-to-reusable-block-error"
|
|
});
|
|
}
|
|
},
|
|
[
|
|
convertBlocksToReusable,
|
|
clientIds,
|
|
syncType,
|
|
createSuccessNotice,
|
|
createErrorNotice
|
|
]
|
|
);
|
|
if (!canConvert) {
|
|
return null;
|
|
}
|
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components.MenuItem, { icon: symbol_default, onClick: () => setIsModalOpen(true), children: (0, import_i18n2.__)("Create pattern") }),
|
|
isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
import_components.Modal,
|
|
{
|
|
title: (0, import_i18n2.__)("Create pattern"),
|
|
onRequestClose: () => {
|
|
setIsModalOpen(false);
|
|
setTitle("");
|
|
},
|
|
overlayClassName: "reusable-blocks-menu-items__convert-modal",
|
|
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
"form",
|
|
{
|
|
onSubmit: (event) => {
|
|
event.preventDefault();
|
|
onConvert(title);
|
|
setIsModalOpen(false);
|
|
setTitle("");
|
|
onClose();
|
|
},
|
|
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components.__experimentalVStack, { spacing: "5", children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
import_components.TextControl,
|
|
{
|
|
__next40pxDefaultSize: true,
|
|
label: (0, import_i18n2.__)("Name"),
|
|
value: title,
|
|
onChange: setTitle,
|
|
placeholder: (0, import_i18n2.__)("My pattern")
|
|
}
|
|
),
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
import_components.ToggleControl,
|
|
{
|
|
label: (0, import_i18n2._x)("Synced", "pattern (singular)"),
|
|
help: (0, import_i18n2.__)(
|
|
"Sync this pattern across multiple locations."
|
|
),
|
|
checked: !syncType,
|
|
onChange: () => {
|
|
setSyncType(
|
|
!syncType ? "unsynced" : void 0
|
|
);
|
|
}
|
|
}
|
|
),
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components.__experimentalHStack, { justify: "right", children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
import_components.Button,
|
|
{
|
|
__next40pxDefaultSize: true,
|
|
variant: "tertiary",
|
|
onClick: () => {
|
|
setIsModalOpen(false);
|
|
setTitle("");
|
|
},
|
|
children: (0, import_i18n2.__)("Cancel")
|
|
}
|
|
),
|
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
import_components.Button,
|
|
{
|
|
__next40pxDefaultSize: true,
|
|
variant: "primary",
|
|
type: "submit",
|
|
children: (0, import_i18n2.__)("Create")
|
|
}
|
|
)
|
|
] })
|
|
] })
|
|
}
|
|
)
|
|
}
|
|
)
|
|
] });
|
|
}
|
|
|
|
// packages/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-blocks-manage-button.mjs
|
|
var import_components2 = __toESM(require_components(), 1);
|
|
var import_i18n3 = __toESM(require_i18n(), 1);
|
|
var import_blocks3 = __toESM(require_blocks(), 1);
|
|
var import_data4 = __toESM(require_data(), 1);
|
|
var import_element2 = __toESM(require_element(), 1);
|
|
var import_block_editor3 = __toESM(require_block_editor(), 1);
|
|
var import_url = __toESM(require_url(), 1);
|
|
var import_core_data2 = __toESM(require_core_data(), 1);
|
|
var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
|
|
function ReusableBlocksManageButton({ clientId }) {
|
|
const [showConfirmDialog, setShowConfirmDialog] = (0, import_element2.useState)(false);
|
|
const { canRemove, isVisible, managePatternsUrl } = (0, import_data4.useSelect)(
|
|
(select) => {
|
|
const { getBlock, canRemoveBlock } = select(import_block_editor3.store);
|
|
const { canUser } = select(import_core_data2.store);
|
|
const reusableBlock = getBlock(clientId);
|
|
return {
|
|
canRemove: canRemoveBlock(clientId),
|
|
isVisible: !!reusableBlock && (0, import_blocks3.isReusableBlock)(reusableBlock) && !!canUser("update", {
|
|
kind: "postType",
|
|
name: "wp_block",
|
|
id: reusableBlock.attributes.ref
|
|
}),
|
|
// 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 { __experimentalConvertBlockToStatic: convertBlockToStatic } = (0, import_data4.useDispatch)(store);
|
|
if (!isVisible) {
|
|
return null;
|
|
}
|
|
const handleDetach = () => {
|
|
convertBlockToStatic(clientId);
|
|
setShowConfirmDialog(false);
|
|
};
|
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components2.MenuItem, { href: managePatternsUrl, children: (0, import_i18n3.__)("Manage patterns") }),
|
|
canRemove && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components2.MenuItem, { onClick: () => setShowConfirmDialog(true), children: (0, import_i18n3.__)("Disconnect pattern") }),
|
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
import_components2.__experimentalConfirmDialog,
|
|
{
|
|
isOpen: showConfirmDialog,
|
|
onConfirm: handleDetach,
|
|
onCancel: () => setShowConfirmDialog(false),
|
|
confirmButtonText: (0, import_i18n3.__)("Disconnect"),
|
|
size: "medium",
|
|
title: (0, import_i18n3.__)("Disconnect pattern?"),
|
|
__experimentalHideHeader: false,
|
|
children: (0, import_i18n3.__)(
|
|
"Blocks will be separated from the original pattern and will be fully editable. Future changes to the pattern will not apply here."
|
|
)
|
|
}
|
|
)
|
|
] })
|
|
] });
|
|
}
|
|
var reusable_blocks_manage_button_default = ReusableBlocksManageButton;
|
|
|
|
// packages/reusable-blocks/build-module/components/reusable-blocks-menu-items/index.mjs
|
|
var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
|
|
function ReusableBlocksMenuItems({ rootClientId }) {
|
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_block_editor4.BlockSettingsMenuControls, { children: ({ onClose, selectedClientIds }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
ReusableBlockConvertButton,
|
|
{
|
|
clientIds: selectedClientIds,
|
|
rootClientId,
|
|
onClose
|
|
}
|
|
),
|
|
selectedClientIds.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
reusable_blocks_manage_button_default,
|
|
{
|
|
clientId: selectedClientIds[0]
|
|
}
|
|
)
|
|
] }) });
|
|
}
|
|
return __toCommonJS(index_exports);
|
|
})();
|