@wordpress/reusable-blocks 5.32.0 → 5.32.1-next.47f435fc9.0

package/build/store/reducer.js

@@ -1,17 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var reducer_exports = {};
+__export(reducer_exports, {
+  default: () => reducer_default,
+  isEditingReusableBlock: () => isEditingReusableBlock
 });
-exports.default = void 0;
-exports.isEditingReusableBlock = isEditingReusableBlock;
-var _data = require("@wordpress/data");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(reducer_exports);
+var import_data = require("@wordpress/data");
 function isEditingReusableBlock(state = {}, action) {
-  if (action?.type === 'SET_EDITING_REUSABLE_BLOCK') {
+  if (action?.type === "SET_EDITING_REUSABLE_BLOCK") {
     return {
       ...state,
       [action.clientId]: action.isEditing
@@ -19,7 +31,11 @@ function isEditingReusableBlock(state = {}, action) {
   }
   return state;
 }
-var _default = exports.default = (0, _data.combineReducers)({
+var reducer_default = (0, import_data.combineReducers)({
+  isEditingReusableBlock
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   isEditingReusableBlock
 });
-//# sourceMappingURL=reducer.js.map
+//# sourceMappingURL=reducer.js.map

package/build/store/reducer.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","isEditingReusableBlock","state","action","type","clientId","isEditing","_default","exports","default","combineReducers"],"sources":["@wordpress/reusable-blocks/src/store/reducer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\nexport function isEditingReusableBlock( state = {}, action ) {\n\tif ( action?.type === 'SET_EDITING_REUSABLE_BLOCK' ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t[ action.clientId ]: action.isEditing,\n\t\t};\n\t}\n\n\treturn state;\n}\n\nexport default combineReducers( {\n\tisEditingReusableBlock,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,SAASC,sBAAsBA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAC5D,IAAKA,MAAM,EAAEC,IAAI,KAAK,4BAA4B,EAAG;IACpD,OAAO;MACN,GAAGF,KAAK;MACR,CAAEC,MAAM,CAACE,QAAQ,GAAIF,MAAM,CAACG;IAC7B,CAAC;EACF;EAEA,OAAOJ,KAAK;AACb;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,qBAAe,EAAE;EAC/BT;AACD,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/store/reducer.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\nexport function isEditingReusableBlock( state = {}, action ) {\n\tif ( action?.type === 'SET_EDITING_REUSABLE_BLOCK' ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t[ action.clientId ]: action.isEditing,\n\t\t};\n\t}\n\n\treturn state;\n}\n\nexport default combineReducers( {\n\tisEditingReusableBlock,\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAgC;AAEzB,SAAS,uBAAwB,QAAQ,CAAC,GAAG,QAAS;AAC5D,MAAK,QAAQ,SAAS,8BAA+B;AACpD,WAAO;AAAA,MACN,GAAG;AAAA,MACH,CAAE,OAAO,QAAS,GAAG,OAAO;AAAA,IAC7B;AAAA,EACD;AAEA,SAAO;AACR;AAEA,IAAO,sBAAQ,6BAAiB;AAAA,EAC/B;AACD,CAAE;",
+  "names": []
+}

package/build/store/selectors.js

@@ -1,17 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var selectors_exports = {};
+__export(selectors_exports, {
+  __experimentalIsEditingReusableBlock: () => __experimentalIsEditingReusableBlock
 });
-exports.__experimentalIsEditingReusableBlock = __experimentalIsEditingReusableBlock;
-/**
- * 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.
- */
+module.exports = __toCommonJS(selectors_exports);
 function __experimentalIsEditingReusableBlock(state, clientId) {
   return state.isEditingReusableBlock[clientId];
 }
-//# sourceMappingURL=selectors.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  __experimentalIsEditingReusableBlock
+});
+//# sourceMappingURL=selectors.js.map

package/build/store/selectors.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalIsEditingReusableBlock","state","clientId","isEditingReusableBlock"],"sources":["@wordpress/reusable-blocks/src/store/selectors.js"],"sourcesContent":["/**\n * Returns true if reusable block is in the editing state.\n *\n * @param {Object} state    Global application state.\n * @param {number} clientId the clientID of the block.\n * @return {boolean} Whether the reusable block is in the editing state.\n */\nexport function __experimentalIsEditingReusableBlock( state, clientId ) {\n\treturn state.isEditingReusableBlock[ clientId ];\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oCAAoCA,CAAEC,KAAK,EAAEC,QAAQ,EAAG;EACvE,OAAOD,KAAK,CAACE,sBAAsB,CAAED,QAAQ,CAAE;AAChD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/store/selectors.js"],
+  "sourcesContent": ["/**\n * Returns true if reusable block is in the editing state.\n *\n * @param {Object} state    Global application state.\n * @param {number} clientId the clientID of the block.\n * @return {boolean} Whether the reusable block is in the editing state.\n */\nexport function __experimentalIsEditingReusableBlock( state, clientId ) {\n\treturn state.isEditingReusableBlock[ clientId ];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,qCAAsC,OAAO,UAAW;AACvE,SAAO,MAAM,uBAAwB,QAAS;AAC/C;",
+  "names": []
+}

package/build-module/components/index.js

@@ -1,2 +1,5 @@
-export { default as ReusableBlocksMenuItems } from './reusable-blocks-menu-items';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./reusable-blocks-menu-items";
+export {
+  default2 as ReusableBlocksMenuItems
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","ReusableBlocksMenuItems"],"sources":["@wordpress/reusable-blocks/src/components/index.js"],"sourcesContent":["export { default as ReusableBlocksMenuItems } from './reusable-blocks-menu-items';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,8BAA8B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/components/index.js"],
+  "sourcesContent": ["export { default as ReusableBlocksMenuItems } from './reusable-blocks-menu-items';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA0C;",
+  "names": ["default"]
+}

package/build-module/components/reusable-blocks-menu-items/index.js

@@ -1,30 +1,26 @@
-/**
- * WordPress dependencies
- */
-import { BlockSettingsMenuControls } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ReusableBlockConvertButton from './reusable-block-convert-button';
-import ReusableBlocksManageButton from './reusable-blocks-manage-button';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ReusableBlocksMenuItems({
-  rootClientId
-}) {
-  return /*#__PURE__*/_jsx(BlockSettingsMenuControls, {
-    children: ({
-      onClose,
-      selectedClientIds
-    }) => /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(ReusableBlockConvertButton, {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BlockSettingsMenuControls } from "@wordpress/block-editor";
+import ReusableBlockConvertButton from "./reusable-block-convert-button";
+import ReusableBlocksManageButton from "./reusable-blocks-manage-button";
+function ReusableBlocksMenuItems({ rootClientId }) {
+  return /* @__PURE__ */ jsx(BlockSettingsMenuControls, { children: ({ onClose, selectedClientIds }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ReusableBlockConvertButton,
+      {
         clientIds: selectedClientIds,
-        rootClientId: rootClientId,
-        onClose: onClose
-      }), selectedClientIds.length === 1 && /*#__PURE__*/_jsx(ReusableBlocksManageButton, {
+        rootClientId,
+        onClose
+      }
+    ),
+    selectedClientIds.length === 1 && /* @__PURE__ */ jsx(
+      ReusableBlocksManageButton,
+      {
         clientId: selectedClientIds[0]
-      })]
-    })
-  });
+      }
+    )
+  ] }) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  ReusableBlocksMenuItems as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/reusable-blocks-menu-items/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BlockSettingsMenuControls","ReusableBlockConvertButton","ReusableBlocksManageButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ReusableBlocksMenuItems","rootClientId","children","onClose","selectedClientIds","clientIds","length","clientId"],"sources":["@wordpress/reusable-blocks/src/components/reusable-blocks-menu-items/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ReusableBlockConvertButton from './reusable-block-convert-button';\nimport ReusableBlocksManageButton from './reusable-blocks-manage-button';\n\nexport default function ReusableBlocksMenuItems( { rootClientId } ) {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { onClose, selectedClientIds } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<ReusableBlockConvertButton\n\t\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t<ReusableBlocksManageButton\n\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,yBAAyB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA,OAAOC,0BAA0B,MAAM,iCAAiC;AACxE,OAAOC,0BAA0B,MAAM,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEzE,eAAe,SAASC,uBAAuBA,CAAE;EAAEC;AAAa,CAAC,EAAG;EACnE,oBACCN,IAAA,CAACJ,yBAAyB;IAAAW,QAAA,EACvBA,CAAE;MAAEC,OAAO;MAAEC;IAAkB,CAAC,kBACjCL,KAAA,CAAAF,SAAA;MAAAK,QAAA,gBACCP,IAAA,CAACH,0BAA0B;QAC1Ba,SAAS,EAAGD,iBAAmB;QAC/BH,YAAY,EAAGA,YAAc;QAC7BE,OAAO,EAAGA;MAAS,CACnB,CAAC,EACAC,iBAAiB,CAACE,MAAM,KAAK,CAAC,iBAC/BX,IAAA,CAACF,0BAA0B;QAC1Bc,QAAQ,EAAGH,iBAAiB,CAAE,CAAC;MAAI,CACnC,CACD;IAAA,CACA;EACF,CACyB,CAAC;AAE9B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/reusable-blocks-menu-items/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ReusableBlockConvertButton from './reusable-block-convert-button';\nimport ReusableBlocksManageButton from './reusable-blocks-manage-button';\n\nexport default function ReusableBlocksMenuItems( { rootClientId } ) {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { onClose, selectedClientIds } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<ReusableBlockConvertButton\n\t\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t<ReusableBlocksManageButton\n\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n"],
+  "mappings": "AAeI,mBACC,KADD;AAZJ,SAAS,iCAAiC;AAK1C,OAAO,gCAAgC;AACvC,OAAO,gCAAgC;AAExB,SAAR,wBAA0C,EAAE,aAAa,GAAI;AACnE,SACC,oBAAC,6BACE,WAAE,EAAE,SAAS,kBAAkB,MAChC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IACE,kBAAkB,WAAW,KAC9B;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,kBAAmB,CAAE;AAAA;AAAA,IACjC;AAAA,KAEF,GAEF;AAEF;",
+  "names": []
+}

package/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js

@@ -1,156 +1,189 @@
-/**
- * WordPress dependencies
- */
-import { hasBlockSupport, isReusableBlock } from '@wordpress/blocks';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useCallback, useState } from '@wordpress/element';
-import { MenuItem, Modal, Button, TextControl, __experimentalHStack as HStack, __experimentalVStack as VStack, ToggleControl } from '@wordpress/components';
-import { symbol } from '@wordpress/icons';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store } from '../../store';
-
-/**
- * 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('react').ComponentType} The menu control or null.
- */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function ReusableBlockConvertButton({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { hasBlockSupport, isReusableBlock } from "@wordpress/blocks";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { useCallback, useState } from "@wordpress/element";
+import {
+  MenuItem,
+  Modal,
+  Button,
+  TextControl,
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack,
+  ToggleControl
+} from "@wordpress/components";
+import { symbol } from "@wordpress/icons";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { __, _x, sprintf } from "@wordpress/i18n";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as coreStore } from "@wordpress/core-data";
+import { store } from "../../store";
+function ReusableBlockConvertButton({
   clientIds,
   rootClientId,
   onClose
 }) {
-  const [syncType, setSyncType] = useState(undefined);
+  const [syncType, setSyncType] = useState(void 0);
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [title, setTitle] = useState('');
-  const canConvert = useSelect(select => {
-    var _getBlocksByClientId;
-    const {
-      canUser
-    } = select(coreStore);
-    const {
-      getBlocksByClientId,
-      canInsertBlockType,
-      getBlockRootClientId
-    } = select(blockEditorStore);
-    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] && isReusableBlock(blocks[0]) && !!select(coreStore).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.
-    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
-  } = useDispatch(store);
-  const {
-    createSuccessNotice,
-    createErrorNotice
-  } = useDispatch(noticesStore);
-  const onConvert = useCallback(async function (reusableBlockTitle) {
-    try {
-      await convertBlocksToReusable(clientIds, reusableBlockTitle, syncType);
-      createSuccessNotice(!syncType ? sprintf(
-      // translators: %s: the name the user has given to the pattern.
-      __('Synced pattern created: %s'), reusableBlockTitle) : sprintf(
-      // translators: %s: the name the user has given to the pattern.
-      __('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]);
+  const [title, setTitle] = useState("");
+  const canConvert = useSelect(
+    (select) => {
+      const { canUser } = select(coreStore);
+      const {
+        getBlocksByClientId,
+        canInsertBlockType,
+        getBlockRootClientId
+      } = select(blockEditorStore);
+      const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : void 0);
+      const blocks = getBlocksByClientId(clientIds) ?? [];
+      const isReusable = blocks.length === 1 && blocks[0] && isReusableBlock(blocks[0]) && !!select(coreStore).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.
+            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 } = useDispatch(store);
+  const { createSuccessNotice, createErrorNotice } = useDispatch(noticesStore);
+  const onConvert = useCallback(
+    async function(reusableBlockTitle) {
+      try {
+        await convertBlocksToReusable(
+          clientIds,
+          reusableBlockTitle,
+          syncType
+        );
+        createSuccessNotice(
+          !syncType ? sprintf(
+            // translators: %s: the name the user has given to the pattern.
+            __("Synced pattern created: %s"),
+            reusableBlockTitle
+          ) : sprintf(
+            // translators: %s: the name the user has given to the pattern.
+            __("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__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MenuItem, {
-      icon: symbol,
-      onClick: () => setIsModalOpen(true),
-      children: __('Create pattern')
-    }), isModalOpen && /*#__PURE__*/_jsx(Modal, {
-      title: __('Create pattern'),
-      onRequestClose: () => {
-        setIsModalOpen(false);
-        setTitle('');
-      },
-      overlayClassName: "reusable-blocks-menu-items__convert-modal",
-      children: /*#__PURE__*/_jsx("form", {
-        onSubmit: event => {
-          event.preventDefault();
-          onConvert(title);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MenuItem, { icon: symbol, onClick: () => setIsModalOpen(true), children: __("Create pattern") }),
+    isModalOpen && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        title: __("Create pattern"),
+        onRequestClose: () => {
           setIsModalOpen(false);
-          setTitle('');
-          onClose();
+          setTitle("");
         },
-        children: /*#__PURE__*/_jsxs(VStack, {
-          spacing: "5",
-          children: [/*#__PURE__*/_jsx(TextControl, {
-            __next40pxDefaultSize: true,
-            __nextHasNoMarginBottom: true,
-            label: __('Name'),
-            value: title,
-            onChange: setTitle,
-            placeholder: __('My pattern')
-          }), /*#__PURE__*/_jsx(ToggleControl, {
-            __nextHasNoMarginBottom: true,
-            label: _x('Synced', 'pattern (singular)'),
-            help: __('Sync this pattern across multiple locations.'),
-            checked: !syncType,
-            onChange: () => {
-              setSyncType(!syncType ? 'unsynced' : undefined);
-            }
-          }), /*#__PURE__*/_jsxs(HStack, {
-            justify: "right",
-            children: [/*#__PURE__*/_jsx(Button, {
-              __next40pxDefaultSize: true,
-              variant: "tertiary",
-              onClick: () => {
-                setIsModalOpen(false);
-                setTitle('');
-              },
-              children: __('Cancel')
-            }), /*#__PURE__*/_jsx(Button, {
-              __next40pxDefaultSize: true,
-              variant: "primary",
-              type: "submit",
-              children: __('Create')
-            })]
-          })]
-        })
-      })
-    })]
-  });
+        overlayClassName: "reusable-blocks-menu-items__convert-modal",
+        children: /* @__PURE__ */ jsx(
+          "form",
+          {
+            onSubmit: (event) => {
+              event.preventDefault();
+              onConvert(title);
+              setIsModalOpen(false);
+              setTitle("");
+              onClose();
+            },
+            children: /* @__PURE__ */ jsxs(VStack, { spacing: "5", children: [
+              /* @__PURE__ */ jsx(
+                TextControl,
+                {
+                  __next40pxDefaultSize: true,
+                  __nextHasNoMarginBottom: true,
+                  label: __("Name"),
+                  value: title,
+                  onChange: setTitle,
+                  placeholder: __("My pattern")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToggleControl,
+                {
+                  __nextHasNoMarginBottom: true,
+                  label: _x("Synced", "pattern (singular)"),
+                  help: __(
+                    "Sync this pattern across multiple locations."
+                  ),
+                  checked: !syncType,
+                  onChange: () => {
+                    setSyncType(
+                      !syncType ? "unsynced" : void 0
+                    );
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs(HStack, { justify: "right", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    __next40pxDefaultSize: true,
+                    variant: "tertiary",
+                    onClick: () => {
+                      setIsModalOpen(false);
+                      setTitle("");
+                    },
+                    children: __("Cancel")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    __next40pxDefaultSize: true,
+                    variant: "primary",
+                    type: "submit",
+                    children: __("Create")
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=reusable-block-convert-button.js.map
+export {
+  ReusableBlockConvertButton as default
+};
+//# sourceMappingURL=reusable-block-convert-button.js.map

package/build-module/components/reusable-blocks-menu-items/reusable-block-convert-button.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["hasBlockSupport","isReusableBlock","store","blockEditorStore","useCallback","useState","MenuItem","Modal","Button","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","ToggleControl","symbol","useDispatch","useSelect","__","_x","sprintf","noticesStore","coreStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ReusableBlockConvertButton","clientIds","rootClientId","onClose","syncType","setSyncType","undefined","isModalOpen","setIsModalOpen","title","setTitle","canConvert","select","_getBlocksByClientId","canUser","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","blocks","isReusable","getEntityRecord","attributes","ref","_canConvert","every","block","isValid","name","kind","__experimentalConvertBlocksToReusable","convertBlocksToReusable","createSuccessNotice","createErrorNotice","onConvert","reusableBlockTitle","type","id","error","message","children","icon","onClick","onRequestClose","overlayClassName","onSubmit","event","preventDefault","spacing","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","placeholder","help","checked","justify","variant"],"sources":["@wordpress/reusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport, isReusableBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useCallback, useState } from '@wordpress/element';\nimport {\n\tMenuItem,\n\tModal,\n\tButton,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n} from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store } from '../../store';\n\n/**\n * Menu control to convert block(s) to reusable block.\n *\n * @param {Object}   props              Component props.\n * @param {string[]} props.clientIds    Client ids of selected blocks.\n * @param {string}   props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.onClose      Callback to close the menu.\n * @return {import('react').ComponentType} The menu control or null.\n */\nexport default function ReusableBlockConvertButton( {\n\tclientIds,\n\trootClientId,\n\tonClose,\n} ) {\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId ||\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\tconst isReusable =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a reusable block.\n\t\t\t\t! isReusable &&\n\t\t\t\t// Hide when reusable blocks are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has *just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made reusable.\n\t\t\t\t\t\thasBlockSupport( block.name, 'reusable', true )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\n\tconst { __experimentalConvertBlocksToReusable: convertBlocksToReusable } =\n\t\tuseDispatch( store );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst onConvert = useCallback(\n\t\tasync function ( reusableBlockTitle ) {\n\t\t\ttry {\n\t\t\t\tawait convertBlocksToReusable(\n\t\t\t\t\tclientIds,\n\t\t\t\t\treusableBlockTitle,\n\t\t\t\t\tsyncType\n\t\t\t\t);\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t! syncType\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\t\t\treusableBlockTitle\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\t\t\treusableBlockTitle\n\t\t\t\t\t\t  ),\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\tid: 'convert-to-reusable-block-success',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t} catch ( error ) {\n\t\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'convert-to-reusable-block-error',\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tconvertBlocksToReusable,\n\t\t\tclientIds,\n\t\t\tsyncType,\n\t\t\tcreateSuccessNotice,\n\t\t\tcreateErrorNotice,\n\t\t]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem icon={ symbol } onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonConvert( title );\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/reusable-blocks-menu-items/reusable-block-convert-button.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport, isReusableBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useCallback, useState } from '@wordpress/element';\nimport {\n\tMenuItem,\n\tModal,\n\tButton,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n} from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store } from '../../store';\n\n/**\n * Menu control to convert block(s) to reusable block.\n *\n * @param {Object}   props              Component props.\n * @param {string[]} props.clientIds    Client ids of selected blocks.\n * @param {string}   props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.onClose      Callback to close the menu.\n * @return {import('react').ComponentType} The menu control or null.\n */\nexport default function ReusableBlockConvertButton( {\n\tclientIds,\n\trootClientId,\n\tonClose,\n} ) {\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId ||\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\tconst isReusable =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a reusable block.\n\t\t\t\t! isReusable &&\n\t\t\t\t// Hide when reusable blocks are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has *just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made reusable.\n\t\t\t\t\t\thasBlockSupport( block.name, 'reusable', true )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\n\tconst { __experimentalConvertBlocksToReusable: convertBlocksToReusable } =\n\t\tuseDispatch( store );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst onConvert = useCallback(\n\t\tasync function ( reusableBlockTitle ) {\n\t\t\ttry {\n\t\t\t\tawait convertBlocksToReusable(\n\t\t\t\t\tclientIds,\n\t\t\t\t\treusableBlockTitle,\n\t\t\t\t\tsyncType\n\t\t\t\t);\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t! syncType\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\t\t\treusableBlockTitle\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\t\t\treusableBlockTitle\n\t\t\t\t\t\t  ),\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\tid: 'convert-to-reusable-block-success',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t} catch ( error ) {\n\t\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'convert-to-reusable-block-error',\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tconvertBlocksToReusable,\n\t\t\tclientIds,\n\t\t\tsyncType,\n\t\t\tcreateSuccessNotice,\n\t\t\tcreateErrorNotice,\n\t\t]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem icon={ symbol } onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonConvert( title );\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}