Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 762 insertions, 0 deletions

diff --git a/wp-includes/js/dist/patterns.js b/wp-includes/js/dist/patterns.js
new file mode 100644
index 0000000..98cb7e5
--- /dev/null
+++ b/wp-includes/js/dist/patterns.js
@@ -0,0 +1,762 @@
+/******/ (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__, {
+  privateApis: function() { return /* reexport */ privateApis; },
+  store: function() { return /* reexport */ store; }
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/patterns/build-module/store/actions.js
+var actions_namespaceObject = {};
+__webpack_require__.r(actions_namespaceObject);
+__webpack_require__.d(actions_namespaceObject, {
+  convertSyncedPatternToStatic: function() { return convertSyncedPatternToStatic; },
+  createPattern: function() { return createPattern; },
+  createPatternFromFile: function() { return createPatternFromFile; },
+  setEditingPattern: function() { return setEditingPattern; }
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/patterns/build-module/store/selectors.js
+var selectors_namespaceObject = {};
+__webpack_require__.r(selectors_namespaceObject);
+__webpack_require__.d(selectors_namespaceObject, {
+  isEditingPattern: function() { return selectors_isEditingPattern; }
+});
+
+;// CONCATENATED MODULE: external ["wp","data"]
+var external_wp_data_namespaceObject = window["wp"]["data"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/reducer.js
+/**
+ * WordPress dependencies
+ */
+
+function isEditingPattern(state = {}, action) {
+  if (action?.type === 'SET_EDITING_PATTERN') {
+    return {
+      ...state,
+      [action.clientId]: action.isEditing
+    };
+  }
+  return state;
+}
+/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({
+  isEditingPattern
+}));
+
+;// CONCATENATED MODULE: external ["wp","blocks"]
+var external_wp_blocks_namespaceObject = window["wp"]["blocks"];
+;// CONCATENATED MODULE: external ["wp","coreData"]
+var external_wp_coreData_namespaceObject = window["wp"]["coreData"];
+;// CONCATENATED MODULE: external ["wp","blockEditor"]
+var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/constants.js
+const PATTERN_TYPES = {
+  theme: 'pattern',
+  user: 'wp_block'
+};
+const PATTERN_DEFAULT_CATEGORY = 'all-patterns';
+const PATTERN_USER_CATEGORY = 'my-patterns';
+const PATTERN_CORE_SOURCES = ['core', 'pattern-directory/core', 'pattern-directory/featured', 'pattern-directory/theme'];
+const PATTERN_SYNC_TYPES = {
+  full: 'fully',
+  unsynced: 'unsynced'
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/actions.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * Returns a generator converting one or more static blocks into a pattern, or creating a new empty pattern.
+ *
+ * @param {string}             title        Pattern title.
+ * @param {'full'|'unsynced'}  syncType     They way block is synced, 'full' or 'unsynced'.
+ * @param {string|undefined}   [content]    Optional serialized content of blocks to convert to pattern.
+ * @param {number[]|undefined} [categories] Ids of any selected categories.
+ */
+const createPattern = (title, syncType, content, categories) => async ({
+  registry
+}) => {
+  const meta = syncType === PATTERN_SYNC_TYPES.unsynced ? {
+    wp_pattern_sync_status: syncType
+  } : undefined;
+  const reusableBlock = {
+    title,
+    content,
+    status: 'publish',
+    meta,
+    wp_pattern_category: categories
+  };
+  const updatedRecord = await registry.dispatch(external_wp_coreData_namespaceObject.store).saveEntityRecord('postType', 'wp_block', reusableBlock);
+  return updatedRecord;
+};
+
+/**
+ * Create a pattern from a JSON file.
+ * @param {File}               file         The JSON file instance of the pattern.
+ * @param {number[]|undefined} [categories] Ids of any selected categories.
+ */
+const createPatternFromFile = (file, categories) => async ({
+  dispatch
+}) => {
+  const fileContent = await file.text();
+  /** @type {import('./types').PatternJSON} */
+  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;
+};
+
+/**
+ * Returns a generator converting a synced pattern block into a static block.
+ *
+ * @param {string} clientId The client ID of the block to attach.
+ */
+const convertSyncedPatternToStatic = clientId => ({
+  registry
+}) => {
+  const oldBlock = registry.select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId);
+  const pattern = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
+  const newBlocks = (0,external_wp_blocks_namespaceObject.parse)(typeof pattern.content === 'function' ? pattern.content(pattern) : pattern.content);
+  registry.dispatch(external_wp_blockEditor_namespaceObject.store).replaceBlocks(oldBlock.clientId, newBlocks);
+};
+
+/**
+ * Returns an action descriptor for SET_EDITING_PATTERN action.
+ *
+ * @param {string}  clientId  The clientID of the pattern to target.
+ * @param {boolean} isEditing Whether the block should be in editing state.
+ * @return {Object} Action descriptor.
+ */
+function setEditingPattern(clientId, isEditing) {
+  return {
+    type: 'SET_EDITING_PATTERN',
+    clientId,
+    isEditing
+  };
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/constants.js
+/**
+ * Module Constants
+ */
+const STORE_NAME = 'core/patterns';
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/selectors.js
+/**
+ * Returns true if pattern is in the editing state.
+ *
+ * @param {Object} state    Global application state.
+ * @param {number} clientId the clientID of the block.
+ * @return {boolean} Whether the pattern is in the editing state.
+ */
+function selectors_isEditingPattern(state, clientId) {
+  return state.isEditingPattern[clientId];
+}
+
+;// CONCATENATED MODULE: external ["wp","privateApis"]
+var external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/lock-unlock.js
+/**
+ * WordPress dependencies
+ */
+
+const {
+  lock,
+  unlock
+} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/patterns');
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/store/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+/**
+ * Post editor data store configuration.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore
+ *
+ * @type {Object}
+ */
+const storeConfig = {
+  reducer: reducer
+};
+
+/**
+ * Store definition for the editor 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, {
+  ...storeConfig
+});
+(0,external_wp_data_namespaceObject.register)(store);
+unlock(store).registerPrivateActions(actions_namespaceObject);
+unlock(store).registerPrivateSelectors(selectors_namespaceObject);
+
+;// 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","i18n"]
+var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+;// CONCATENATED MODULE: external ["wp","notices"]
+var external_wp_notices_namespaceObject = window["wp"]["notices"];
+;// CONCATENATED MODULE: external ["wp","compose"]
+var external_wp_compose_namespaceObject = window["wp"]["compose"];
+;// CONCATENATED MODULE: external ["wp","htmlEntities"]
+var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/category-selector.js
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const unescapeString = arg => {
+  return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(arg);
+};
+const CATEGORY_SLUG = 'wp_pattern_category';
+function CategorySelector({
+  categoryTerms,
+  onChange,
+  categoryMap
+}) {
+  const [search, setSearch] = (0,external_wp_element_namespaceObject.useState)('');
+  const debouncedSearch = (0,external_wp_compose_namespaceObject.useDebounce)(setSearch, 500);
+  const suggestions = (0,external_wp_element_namespaceObject.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 (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FormTokenField, {
+    className: "patterns-menu-items__convert-modal-categories",
+    value: categoryTerms,
+    suggestions: suggestions,
+    onChange: handleChange,
+    onInputChange: debouncedSearch,
+    label: (0,external_wp_i18n_namespaceObject.__)('Categories'),
+    tokenizeOnBlur: true,
+    __experimentalExpandOnFocus: true,
+    __next40pxDefaultSize: true
+  });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/create-pattern-modal.js
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function CreatePatternModal({
+  onSuccess,
+  onError,
+  content,
+  onClose,
+  className = 'patterns-menu-items__convert-modal'
+}) {
+  const [syncType, setSyncType] = (0,external_wp_element_namespaceObject.useState)(PATTERN_SYNC_TYPES.full);
+  const [categoryTerms, setCategoryTerms] = (0,external_wp_element_namespaceObject.useState)([]);
+  const [title, setTitle] = (0,external_wp_element_namespaceObject.useState)('');
+  const [isSaving, setIsSaving] = (0,external_wp_element_namespaceObject.useState)(false);
+  const {
+    createPattern
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
+  const {
+    saveEntityRecord,
+    invalidateResolution
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+  const {
+    createErrorNotice
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+  const {
+    corePatternCategories,
+    userPatternCategories
+  } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+    const {
+      getUserPatternCategories,
+      getBlockPatternCategories
+    } = select(external_wp_coreData_namespaceObject.store);
+    return {
+      corePatternCategories: getBlockPatternCategories(),
+      userPatternCategories: getUserPatternCategories()
+    };
+  });
+  const categoryMap = (0,external_wp_element_namespaceObject.useMemo)(() => {
+    // Merge the user and core pattern categories and remove any duplicates.
+    const uniqueCategories = new Map();
+    [...userPatternCategories, ...corePatternCategories].forEach(category => {
+      if (!uniqueCategories.has(category.label) &&
+      // There are two core categories with `Post` label so explicitly remove the one with
+      // the `query` slug to avoid any confusion.
+      category.name !== 'query') {
+        // We need to store the name separately as this is used as the slug in the
+        // taxonomy and may vary from the label.
+        uniqueCategories.set(category.label, {
+          label: category.label,
+          value: category.label,
+          name: category.name
+        });
+      }
+    });
+    return uniqueCategories;
+  }, [userPatternCategories, corePatternCategories]);
+  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 createPattern(patternTitle, sync, typeof content === 'function' ? content() : content, categories);
+      onSuccess({
+        pattern: newPattern,
+        categoryId: PATTERN_DEFAULT_CATEGORY
+      });
+    } catch (error) {
+      createErrorNotice(error.message, {
+        type: 'snackbar',
+        id: 'convert-to-pattern-error'
+      });
+      onError();
+    } finally {
+      setIsSaving(false);
+      setCategoryTerms([]);
+      setTitle('');
+    }
+  }
+
+  /**
+   * @param {string} term
+   * @return {Promise<number>} The pattern category id.
+   */
+  async function findOrCreateTerm(term) {
+    try {
+      // We need to match any existing term to the correct slug to prevent duplicates, eg.
+      // the core `Headers` category uses the singular `header` as the slug.
+      const existingTerm = categoryMap.get(term);
+      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 (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
+    title: (0,external_wp_i18n_namespaceObject.__)('Create pattern'),
+    onRequestClose: () => {
+      onClose();
+      setTitle('');
+    },
+    overlayClassName: className
+  }, (0,external_wp_element_namespaceObject.createElement)("form", {
+    onSubmit: event => {
+      event.preventDefault();
+      onCreate(title, syncType);
+    }
+  }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, {
+    spacing: "5"
+  }, (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'),
+    className: "patterns-create-modal__name-input"
+  }), (0,external_wp_element_namespaceObject.createElement)(CategorySelector, {
+    categoryTerms: categoryTerms,
+    onChange: setCategoryTerms,
+    categoryMap: categoryMap
+  }), (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 === PATTERN_SYNC_TYPES.full,
+    onChange: () => {
+      setSyncType(syncType === PATTERN_SYNC_TYPES.full ? PATTERN_SYNC_TYPES.unsynced : PATTERN_SYNC_TYPES.full);
+    }
+  }), (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: () => {
+      onClose();
+      setTitle('');
+    }
+  }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
+    variant: "primary",
+    type: "submit",
+    "aria-disabled": !title || isSaving,
+    isBusy: isSaving
+  }, (0,external_wp_i18n_namespaceObject.__)('Create'))))));
+}
+
+;// 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: ./node_modules/@wordpress/patterns/build-module/components/pattern-convert-button.js
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+/**
+ * Menu control to convert block(s) to a pattern 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.
+ * @return {import('@wordpress/element').WPComponent} The menu control or null.
+ */
+function PatternConvertButton({
+  clientIds,
+  rootClientId
+}) {
+  const {
+    createSuccessNotice
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+  const {
+    replaceBlocks
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+  // Ignore reason: false positive of the lint rule.
+  // eslint-disable-next-line @wordpress/no-unused-vars-before-return
+  const {
+    setEditingPattern
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
+  const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+  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 synced pattern.
+    !isReusable &&
+    // 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.
+    (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 {
+    getBlocksByClientId
+  } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+  const getContent = (0,external_wp_element_namespaceObject.useCallback)(() => (0,external_wp_blocks_namespaceObject.serialize)(getBlocksByClientId(clientIds)), [getBlocksByClientId, clientIds]);
+  if (!canConvert) {
+    return null;
+  }
+  const handleSuccess = ({
+    pattern
+  }) => {
+    if (pattern.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced) {
+      const newBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/block', {
+        ref: pattern.id
+      });
+      replaceBlocks(clientIds, newBlock);
+      setEditingPattern(newBlock.clientId, true);
+    }
+    createSuccessNotice(pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ? (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'), pattern.title.raw) : (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'), pattern.title.raw), {
+      type: 'snackbar',
+      id: 'convert-to-pattern-success'
+    });
+    setIsModalOpen(false);
+  };
+  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),
+    "aria-expanded": isModalOpen,
+    "aria-haspopup": "dialog"
+  }, (0,external_wp_i18n_namespaceObject.__)('Create pattern')), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(CreatePatternModal, {
+    content: getContent,
+    onSuccess: pattern => {
+      handleSuccess(pattern);
+    },
+    onError: () => {
+      setIsModalOpen(false);
+    },
+    onClose: () => {
+      setIsModalOpen(false);
+    }
+  }));
+}
+
+;// CONCATENATED MODULE: external ["wp","url"]
+var external_wp_url_namespaceObject = window["wp"]["url"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/patterns-manage-button.js
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function PatternsManageButton({
+  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]);
+
+  // Ignore reason: false positive of the lint rule.
+  // eslint-disable-next-line @wordpress/no-unused-vars-before-return
+  const {
+    convertSyncedPatternToStatic
+  } = unlock((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: () => convertSyncedPatternToStatic(clientId)
+  }, innerBlockCount > 1 ? (0,external_wp_i18n_namespaceObject.__)('Detach patterns') : (0,external_wp_i18n_namespaceObject.__)('Detach pattern')));
+}
+/* harmony default export */ var patterns_manage_button = (PatternsManageButton);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/components/index.js
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function PatternsMenuItems({
+  rootClientId
+}) {
+  return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, null, ({
+    selectedClientIds
+  }) => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(PatternConvertButton, {
+    clientIds: selectedClientIds,
+    rootClientId: rootClientId
+  }), selectedClientIds.length === 1 && (0,external_wp_element_namespaceObject.createElement)(patterns_manage_button, {
+    clientId: selectedClientIds[0]
+  })));
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/private-apis.js
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const privateApis = {};
+lock(privateApis, {
+  CreatePatternModal: CreatePatternModal,
+  PatternsMenuItems: PatternsMenuItems,
+  PATTERN_TYPES: PATTERN_TYPES,
+  PATTERN_DEFAULT_CATEGORY: PATTERN_DEFAULT_CATEGORY,
+  PATTERN_USER_CATEGORY: PATTERN_USER_CATEGORY,
+  PATTERN_CORE_SOURCES: PATTERN_CORE_SOURCES,
+  PATTERN_SYNC_TYPES: PATTERN_SYNC_TYPES
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/patterns/build-module/index.js
+/**
+ * Internal dependencies
+ */
+
+
+
+(window.wp = window.wp || {}).patterns = __webpack_exports__;
+/******/ })()
+;
\ No newline at end of file