diff options
Diffstat (limited to 'wp-includes/js/dist/reusable-blocks.js')
| -rw-r--r-- | wp-includes/js/dist/reusable-blocks.js | 508 |
1 files changed, 508 insertions, 0 deletions
diff --git a/wp-includes/js/dist/reusable-blocks.js b/wp-includes/js/dist/reusable-blocks.js new file mode 100644 index 0000000..0e15b9a --- /dev/null +++ b/wp-includes/js/dist/reusable-blocks.js @@ -0,0 +1,508 @@ +/******/ (function() { // webpackBootstrap +/******/ "use strict"; +/******/ // The require scope +/******/ var __webpack_require__ = {}; +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/define property getters */ +/******/ !function() { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = function(exports, definition) { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ !function() { +/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } +/******/ }(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ !function() { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ }(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// ESM COMPAT FLAG +__webpack_require__.r(__webpack_exports__); + +// EXPORTS +__webpack_require__.d(__webpack_exports__, { + ReusableBlocksMenuItems: function() { return /* reexport */ ReusableBlocksMenuItems; }, + store: function() { return /* reexport */ store; } +}); + +// NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js +var actions_namespaceObject = {}; +__webpack_require__.r(actions_namespaceObject); +__webpack_require__.d(actions_namespaceObject, { + __experimentalConvertBlockToStatic: function() { return __experimentalConvertBlockToStatic; }, + __experimentalConvertBlocksToReusable: function() { return __experimentalConvertBlocksToReusable; }, + __experimentalDeleteReusableBlock: function() { return __experimentalDeleteReusableBlock; }, + __experimentalSetEditingReusableBlock: function() { return __experimentalSetEditingReusableBlock; } +}); + +// NAMESPACE OBJECT: ./node_modules/@wordpress/reusable-blocks/build-module/store/selectors.js +var selectors_namespaceObject = {}; +__webpack_require__.r(selectors_namespaceObject); +__webpack_require__.d(selectors_namespaceObject, { + __experimentalIsEditingReusableBlock: function() { return __experimentalIsEditingReusableBlock; } +}); + +;// CONCATENATED MODULE: external ["wp","data"] +var external_wp_data_namespaceObject = window["wp"]["data"]; +;// CONCATENATED MODULE: external ["wp","blockEditor"] +var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; +;// CONCATENATED MODULE: external ["wp","blocks"] +var external_wp_blocks_namespaceObject = window["wp"]["blocks"]; +;// CONCATENATED MODULE: external ["wp","i18n"] +var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/actions.js +/** + * WordPress dependencies + */ + + + + +/** + * Returns a generator converting a reusable block into a static block. + * + * @param {string} clientId The client ID of the block to attach. + */ +const __experimentalConvertBlockToStatic = clientId => ({ + registry +}) => { + const oldBlock = registry.select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId); + const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref); + const newBlocks = (0,external_wp_blocks_namespaceObject.parse)(typeof reusableBlock.content === 'function' ? reusableBlock.content(reusableBlock) : reusableBlock.content); + registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(oldBlock.clientId, newBlocks); +}; + +/** + * Returns a generator converting one or more static blocks into a pattern. + * + * @param {string[]} clientIds The client IDs of the block to detach. + * @param {string} title Pattern title. + * @param {undefined|'unsynced'} syncType They way block is synced, current undefined (synced) and 'unsynced'. + */ +const __experimentalConvertBlocksToReusable = (clientIds, title, syncType) => async ({ + registry, + dispatch +}) => { + const meta = syncType === 'unsynced' ? { + wp_pattern_sync_status: syncType + } : undefined; + const reusableBlock = { + title: title || (0,external_wp_i18n_namespaceObject.__)('Untitled pattern block'), + content: (0,external_wp_blocks_namespaceObject.serialize)(registry.select(external_wp_blockEditor_namespaceObject.store).getBlocksByClientId(clientIds)), + status: 'publish', + meta + }; + const updatedRecord = await registry.dispatch('core').saveEntityRecord('postType', 'wp_block', reusableBlock); + if (syncType === 'unsynced') { + return; + } + const newBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/block', { + ref: updatedRecord.id + }); + registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(clientIds, newBlock); + dispatch.__experimentalSetEditingReusableBlock(newBlock.clientId, true); +}; + +/** + * Returns a generator deleting a reusable block. + * + * @param {string} id The ID of the reusable block to delete. + */ +const __experimentalDeleteReusableBlock = id => async ({ + registry +}) => { + const reusableBlock = registry.select('core').getEditedEntityRecord('postType', 'wp_block', id); + + // Don't allow a reusable block with a temporary ID to be deleted. + if (!reusableBlock) { + return; + } + + // Remove any other blocks that reference this reusable block. + const allBlocks = registry.select(external_wp_blockEditor_namespaceObject.store).getBlocks(); + const associatedBlocks = allBlocks.filter(block => (0,external_wp_blocks_namespaceObject.isReusableBlock)(block) && block.attributes.ref === id); + const associatedBlockClientIds = associatedBlocks.map(block => block.clientId); + + // Remove the parsed block. + if (associatedBlockClientIds.length) { + registry.dispatch(external_wp_blockEditor_namespaceObject.store).removeBlocks(associatedBlockClientIds); + } + await registry.dispatch('core').deleteEntityRecord('postType', 'wp_block', id); +}; + +/** + * Returns an action descriptor for SET_EDITING_REUSABLE_BLOCK action. + * + * @param {string} clientId The clientID of the reusable block to target. + * @param {boolean} isEditing Whether the block should be in editing state. + * @return {Object} Action descriptor. + */ +function __experimentalSetEditingReusableBlock(clientId, isEditing) { + return { + type: 'SET_EDITING_REUSABLE_BLOCK', + clientId, + isEditing + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/reducer.js +/** + * WordPress dependencies + */ + +function isEditingReusableBlock(state = {}, action) { + if (action?.type === 'SET_EDITING_REUSABLE_BLOCK') { + return { + ...state, + [action.clientId]: action.isEditing + }; + } + return state; +} +/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ + isEditingReusableBlock +})); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/selectors.js +/** + * Returns true if reusable block is in the editing state. + * + * @param {Object} state Global application state. + * @param {number} clientId the clientID of the block. + * @return {boolean} Whether the reusable block is in the editing state. + */ +function __experimentalIsEditingReusableBlock(state, clientId) { + return state.isEditingReusableBlock[clientId]; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/store/index.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const STORE_NAME = 'core/reusable-blocks'; + +/** + * Store definition for the reusable blocks namespace. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore + * + * @type {Object} + */ +const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { + actions: actions_namespaceObject, + reducer: reducer, + selectors: selectors_namespaceObject +}); +(0,external_wp_data_namespaceObject.register)(store); + +;// CONCATENATED MODULE: external ["wp","element"] +var external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: external ["wp","components"] +var external_wp_components_namespaceObject = window["wp"]["components"]; +;// CONCATENATED MODULE: external ["wp","primitives"] +var external_wp_primitives_namespaceObject = window["wp"]["primitives"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol.js + +/** + * WordPress dependencies + */ + +const symbol = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" +})); +/* harmony default export */ var library_symbol = (symbol); + +;// CONCATENATED MODULE: external ["wp","notices"] +var external_wp_notices_namespaceObject = window["wp"]["notices"]; +;// CONCATENATED MODULE: external ["wp","coreData"] +var external_wp_coreData_namespaceObject = window["wp"]["coreData"]; +;// CONCATENATED MODULE: external ["wp","privateApis"] +var external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/lock-unlock.js +/** + * WordPress dependencies + */ + +const { + unlock +} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/reusable-blocks'); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js + +/** + * WordPress dependencies + */ + + + + + + + + + + +/** + * Internal dependencies + */ + + + +/** + * Menu control to convert block(s) to reusable block. + * + * @param {Object} props Component props. + * @param {string[]} props.clientIds Client ids of selected blocks. + * @param {string} props.rootClientId ID of the currently selected top-level block. + * @param {()=>void} props.onClose Callback to close the menu. + * @return {import('@wordpress/element').WPComponent} The menu control or null. + */ +function ReusableBlockConvertButton({ + clientIds, + rootClientId, + onClose +}) { + const { + useReusableBlocksRenameHint, + ReusableBlocksRenameHint + } = unlock(external_wp_blockEditor_namespaceObject.privateApis); + const showRenameHint = useReusableBlocksRenameHint(); + const [syncType, setSyncType] = (0,external_wp_element_namespaceObject.useState)(undefined); + const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false); + const [title, setTitle] = (0,external_wp_element_namespaceObject.useState)(''); + const canConvert = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlocksByClientId; + const { + canUser + } = select(external_wp_coreData_namespaceObject.store); + const { + getBlocksByClientId, + canInsertBlockType, + getBlockRootClientId + } = select(external_wp_blockEditor_namespaceObject.store); + const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : undefined); + const blocks = (_getBlocksByClientId = getBlocksByClientId(clientIds)) !== null && _getBlocksByClientId !== void 0 ? _getBlocksByClientId : []; + const isReusable = blocks.length === 1 && blocks[0] && (0,external_wp_blocks_namespaceObject.isReusableBlock)(blocks[0]) && !!select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref); + const _canConvert = + // Hide when this is already a reusable block. + !isReusable && + // Hide when reusable blocks are disabled. + canInsertBlockType('core/block', rootId) && blocks.every(block => + // Guard against the case where a regular block has *just* been converted. + !!block && + // Hide on invalid blocks. + block.isValid && + // Hide when block doesn't support being made reusable. + (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'reusable', true)) && + // Hide when current doesn't have permission to do that. + !!canUser('create', 'blocks'); + return _canConvert; + }, [clientIds, rootClientId]); + const { + __experimentalConvertBlocksToReusable: convertBlocksToReusable + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + createSuccessNotice, + createErrorNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + const onConvert = (0,external_wp_element_namespaceObject.useCallback)(async function (reusableBlockTitle) { + try { + await convertBlocksToReusable(clientIds, reusableBlockTitle, syncType); + createSuccessNotice(!syncType ? (0,external_wp_i18n_namespaceObject.sprintf)( + // translators: %s: the name the user has given to the pattern. + (0,external_wp_i18n_namespaceObject.__)('Synced pattern created: %s'), reusableBlockTitle) : (0,external_wp_i18n_namespaceObject.sprintf)( + // translators: %s: the name the user has given to the pattern. + (0,external_wp_i18n_namespaceObject.__)('Unsynced pattern created: %s'), reusableBlockTitle), { + type: 'snackbar', + id: 'convert-to-reusable-block-success' + }); + } catch (error) { + createErrorNotice(error.message, { + type: 'snackbar', + id: 'convert-to-reusable-block-error' + }); + } + }, [convertBlocksToReusable, clientIds, syncType, createSuccessNotice, createErrorNotice]); + if (!canConvert) { + return null; + } + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + icon: library_symbol, + onClick: () => setIsModalOpen(true) + }, showRenameHint ? (0,external_wp_i18n_namespaceObject.__)('Create pattern/reusable block') : (0,external_wp_i18n_namespaceObject.__)('Create pattern')), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { + title: (0,external_wp_i18n_namespaceObject.__)('Create pattern'), + onRequestClose: () => { + setIsModalOpen(false); + setTitle(''); + }, + overlayClassName: "reusable-blocks-menu-items__convert-modal" + }, (0,external_wp_element_namespaceObject.createElement)("form", { + onSubmit: event => { + event.preventDefault(); + onConvert(title); + setIsModalOpen(false); + setTitle(''); + onClose(); + } + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { + spacing: "5" + }, (0,external_wp_element_namespaceObject.createElement)(ReusableBlocksRenameHint, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Name'), + value: title, + onChange: setTitle, + placeholder: (0,external_wp_i18n_namespaceObject.__)('My pattern') + }), (0,external_wp_element_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.__)('Editing the pattern will update it anywhere it is used.'), + checked: !syncType, + onChange: () => { + setSyncType(!syncType ? 'unsynced' : undefined); + } + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { + justify: "right" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "tertiary", + onClick: () => { + setIsModalOpen(false); + setTitle(''); + } + }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "primary", + type: "submit" + }, (0,external_wp_i18n_namespaceObject.__)('Create'))))))); +} + +;// CONCATENATED MODULE: external ["wp","url"] +var external_wp_url_namespaceObject = window["wp"]["url"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/reusable-blocks-manage-button.js + +/** + * WordPress dependencies + */ + + + + + + + + +/** + * Internal dependencies + */ + +function ReusableBlocksManageButton({ + clientId +}) { + const { + canRemove, + isVisible, + innerBlockCount, + managePatternsUrl + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlock, + canRemoveBlock, + getBlockCount, + getSettings + } = 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), + 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: isBlockTheme && canUser('read', 'templates') ? (0,external_wp_url_namespaceObject.addQueryArgs)('site-editor.php', { + path: '/patterns' + }) : (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', { + post_type: 'wp_block' + }) + }; + }, [clientId]); + const { + __experimentalConvertBlockToStatic: convertBlockToStatic + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + if (!isVisible) { + return null; + } + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + href: managePatternsUrl + }, (0,external_wp_i18n_namespaceObject.__)('Manage patterns')), canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => convertBlockToStatic(clientId) + }, innerBlockCount > 1 ? (0,external_wp_i18n_namespaceObject.__)('Detach patterns') : (0,external_wp_i18n_namespaceObject.__)('Detach pattern'))); +} +/* harmony default export */ var reusable_blocks_manage_button = (ReusableBlocksManageButton); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/reusable-blocks-menu-items/index.js + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function ReusableBlocksMenuItems({ + rootClientId +}) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, ({ + onClose, + selectedClientIds + }) => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ReusableBlockConvertButton, { + clientIds: selectedClientIds, + rootClientId: rootClientId, + onClose: onClose + }), selectedClientIds.length === 1 && (0,external_wp_element_namespaceObject.createElement)(reusable_blocks_manage_button, { + clientId: selectedClientIds[0] + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/components/index.js + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/reusable-blocks/build-module/index.js + + + +(window.wp = window.wp || {}).reusableBlocks = __webpack_exports__; +/******/ })() +;
\ No newline at end of file |