@wordpress/patterns 1.1.0

package/README.md

@@ -0,0 +1,26 @@
+# Patterns
+
+> **Note**
+> This package is currently only used internally by the Gutenberg project to manage the creation and editing of user patterns using the `wp_block` CPT in the context of the block editor. The likes of the `PatternsMenuItems` component expect to be rendered within a `BlockEditorProvider` in order to work.
+
+## Installation
+
+Install the module
+
+```bash
+npm install @wordpress/patterns --save
+```
+
+_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for such language features and APIs, you should include [the polyfill shipped in `@wordpress/babel-preset-default`](https://github.com/WordPress/gutenberg/tree/HEAD/packages/babel-preset-default#polyfill) in your code._
+
+## Components
+
+This package doesn't currently have any publically exported components.
+
+## Contributing to this package
+
+This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to [npm](https://www.npmjs.com/) and used by [WordPress](https://make.wordpress.org/core/) as well as other software projects.
+
+To find out more about contributing to this package or Gutenberg as a whole, please read the project's main [contributor guide](https://github.com/WordPress/gutenberg/tree/HEAD/CONTRIBUTING.md).
+
+<br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

package/build/components/create-pattern-modal.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.USER_PATTERN_CATEGORY = exports.SYNC_TYPES = void 0;
+exports.default = CreatePatternModal;
+var _element = require("@wordpress/element");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _notices = require("@wordpress/notices");
+var _store = require("../store");
+/**
+ * WordPress dependencies
+ */
+
+const USER_PATTERN_CATEGORY = 'my-patterns';
+exports.USER_PATTERN_CATEGORY = USER_PATTERN_CATEGORY;
+const SYNC_TYPES = {
+  full: undefined,
+  unsynced: 'unsynced'
+};
+
+/**
+ * Internal dependencies
+ */
+exports.SYNC_TYPES = SYNC_TYPES;
+function CreatePatternModal({
+  onSuccess,
+  onError,
+  clientIds,
+  onClose,
+  className = 'patterns-menu-items__convert-modal'
+}) {
+  const [syncType, setSyncType] = (0, _element.useState)(SYNC_TYPES.full);
+  const [title, setTitle] = (0, _element.useState)('');
+  const {
+    __experimentalCreatePattern: createPattern
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const onCreate = (0, _element.useCallback)(async function (patternTitle, sync) {
+    try {
+      const newPattern = await createPattern(patternTitle, sync, clientIds);
+      onSuccess({
+        pattern: newPattern,
+        categoryId: USER_PATTERN_CATEGORY
+      });
+    } catch (error) {
+      createErrorNotice(error.message, {
+        type: 'snackbar',
+        id: 'convert-to-pattern-error'
+      });
+      onError();
+    }
+  }, [createPattern, clientIds, onSuccess, createErrorNotice, onError]);
+  return (0, _element.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Create pattern'),
+    onRequestClose: () => {
+      onClose();
+      setTitle('');
+    },
+    overlayClassName: className
+  }, (0, _element.createElement)("form", {
+    onSubmit: event => {
+      event.preventDefault();
+      onCreate(title, syncType);
+      setTitle('');
+    }
+  }, (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: "5"
+  }, (0, _element.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: (0, _i18n.__)('My pattern')
+  }), (0, _element.createElement)(_components.ToggleControl, {
+    label: (0, _i18n.__)('Synced'),
+    help: (0, _i18n.__)('Editing the pattern will update it anywhere it is used.'),
+    checked: !syncType,
+    onChange: () => {
+      setSyncType(syncType === SYNC_TYPES.full ? SYNC_TYPES.unsynced : SYNC_TYPES.full);
+    }
+  }), (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: () => {
+      onClose();
+      setTitle('');
+    }
+  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+    variant: "primary",
+    type: "submit"
+  }, (0, _i18n.__)('Create'))))));
+}
+//# sourceMappingURL=create-pattern-modal.js.map

package/build/components/create-pattern-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_components","_i18n","_data","_notices","_store","USER_PATTERN_CATEGORY","exports","SYNC_TYPES","full","undefined","unsynced","CreatePatternModal","onSuccess","onError","clientIds","onClose","className","syncType","setSyncType","useState","title","setTitle","__experimentalCreatePattern","createPattern","useDispatch","store","createErrorNotice","noticesStore","onCreate","useCallback","patternTitle","sync","newPattern","pattern","categoryId","error","message","type","id","createElement","Modal","__","onRequestClose","overlayClassName","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","placeholder","ToggleControl","help","checked","__experimentalHStack","justify","Button","variant","onClick"],"sources":["@wordpress/patterns/src/components/create-pattern-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tButton,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport const USER_PATTERN_CATEGORY = 'my-patterns';\n\nexport const SYNC_TYPES = {\n\tfull: undefined,\n\tunsynced: 'unsynced',\n};\n\n/**\n * Internal dependencies\n */\nimport { store } from '../store';\n\nexport default function CreatePatternModal( {\n\tonSuccess,\n\tonError,\n\tclientIds,\n\tonClose,\n\tclassName = 'patterns-menu-items__convert-modal',\n} ) {\n\tconst [ syncType, setSyncType ] = useState( SYNC_TYPES.full );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst { __experimentalCreatePattern: createPattern } = useDispatch( store );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onCreate = useCallback(\n\t\tasync function ( patternTitle, sync ) {\n\t\t\ttry {\n\t\t\t\tconst newPattern = await createPattern(\n\t\t\t\t\tpatternTitle,\n\t\t\t\t\tsync,\n\t\t\t\t\tclientIds\n\t\t\t\t);\n\t\t\t\tonSuccess( {\n\t\t\t\t\tpattern: newPattern,\n\t\t\t\t\tcategoryId: USER_PATTERN_CATEGORY,\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-pattern-error',\n\t\t\t\t} );\n\t\t\t\tonError();\n\t\t\t}\n\t\t},\n\t\t[ createPattern, clientIds, onSuccess, createErrorNotice, onError ]\n\t);\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tonClose();\n\t\t\t\tsetTitle( '' );\n\t\t\t} }\n\t\t\toverlayClassName={ className }\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonCreate( title, syncType );\n\t\t\t\t\tsetTitle( '' );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Synced' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Editing the pattern will update it anywhere it is used.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\tsyncType === SYNC_TYPES.full\n\t\t\t\t\t\t\t\t\t? SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t\t\t: SYNC_TYPES.full\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}

package/build/components/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PatternsMenuItems;
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _patternConvertButton = _interopRequireDefault(require("./pattern-convert-button"));
+var _patternsManageButton = _interopRequireDefault(require("./patterns-manage-button"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function PatternsMenuItems({
+  rootClientId
+}) {
+  return (0, _element.createElement)(_blockEditor.BlockSettingsMenuControls, null, ({
+    selectedClientIds
+  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_patternConvertButton.default, {
+    clientIds: selectedClientIds,
+    rootClientId: rootClientId
+  }), selectedClientIds.length === 1 && (0, _element.createElement)(_patternsManageButton.default, {
+    clientId: selectedClientIds[0]
+  })));
+}
+//# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_patternConvertButton","_interopRequireDefault","_patternsManageButton","PatternsMenuItems","rootClientId","_element","createElement","BlockSettingsMenuControls","selectedClientIds","Fragment","default","clientIds","length","clientId"],"sources":["@wordpress/patterns/src/components/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PatternConvertButton from './pattern-convert-button';\nimport PatternsManageButton from './patterns-manage-button';\n\nexport default function PatternsMenuItems( { rootClientId } ) {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { selectedClientIds } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<PatternConvertButton\n\t\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t/>\n\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t<PatternsManageButton\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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,qBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,iBAAiBA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC7D,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACR,YAAA,CAAAS,yBAAyB,QACvB,CAAE;IAAEC;EAAkB,CAAC,KACxB,IAAAH,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAI,QAAA,QACC,IAAAJ,QAAA,CAAAC,aAAA,EAACN,qBAAA,CAAAU,OAAoB;IACpBC,SAAS,EAAGH,iBAAmB;IAC/BJ,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACAI,iBAAiB,CAACI,MAAM,KAAK,CAAC,IAC/B,IAAAP,QAAA,CAAAC,aAAA,EAACJ,qBAAA,CAAAQ,OAAoB;IACpBG,QAAQ,EAAGL,iBAAiB,CAAE,CAAC;EAAI,CACnC,CAED,CAEuB,CAAC;AAE9B"}

package/build/components/pattern-convert-button.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PatternConvertButton;
+var _element = require("@wordpress/element");
+var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _icons = require("@wordpress/icons");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _i18n = require("@wordpress/i18n");
+var _notices = require("@wordpress/notices");
+var _createPatternModal = _interopRequireDefault(require("./create-pattern-modal"));
+/**
+ * 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, _data.useDispatch)(_notices.store);
+  const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
+  const canConvert = (0, _data.useSelect)(select => {
+    var _getBlocksByClientId;
+    const {
+      canUser
+    } = select(_coreData.store);
+    const {
+      getBlocksByClientId,
+      canInsertBlockType,
+      getBlockRootClientId
+    } = select(_blockEditor.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, _blocks.isReusableBlock)(blocks[0]) && !!select(_coreData.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, _blocks.hasBlockSupport)(block.name, 'reusable', true)) &&
+    // Hide when current doesn't have permission to do that.
+    !!canUser('create', 'blocks');
+    return _canConvert;
+  }, [clientIds, rootClientId]);
+  if (!canConvert) {
+    return null;
+  }
+  const handleSuccess = ({
+    pattern
+  }) => {
+    createSuccessNotice(pattern.wp_pattern_sync_status === 'unsynced' ? (0, _i18n.sprintf)(
+    // translators: %s: the name the user has given to the pattern.
+    (0, _i18n.__)('Unsynced Pattern created: %s'), pattern.title.raw) : (0, _i18n.sprintf)(
+    // translators: %s: the name the user has given to the pattern.
+    (0, _i18n.__)('Synced Pattern created: %s'), pattern.title.raw), {
+      type: 'snackbar',
+      id: 'convert-to-pattern-success'
+    });
+    setIsModalOpen(false);
+  };
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+    icon: _icons.symbol,
+    onClick: () => setIsModalOpen(true)
+  }, (0, _i18n.__)('Create pattern')), isModalOpen && (0, _element.createElement)(_createPatternModal.default, {
+    clientIds: clientIds,
+    onSuccess: pattern => {
+      handleSuccess(pattern);
+    },
+    onError: () => {
+      setIsModalOpen(false);
+    },
+    onClose: () => {
+      setIsModalOpen(false);
+    }
+  }));
+}
+//# sourceMappingURL=pattern-convert-button.js.map

package/build/components/pattern-convert-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_blocks","_blockEditor","_components","_icons","_data","_coreData","_i18n","_notices","_createPatternModal","_interopRequireDefault","PatternConvertButton","clientIds","rootClientId","createSuccessNotice","useDispatch","noticesStore","isModalOpen","setIsModalOpen","useState","canConvert","useSelect","select","_getBlocksByClientId","canUser","coreStore","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","blockEditorStore","rootId","length","undefined","blocks","isReusable","isReusableBlock","getEntityRecord","attributes","ref","_canConvert","every","block","isValid","hasBlockSupport","name","handleSuccess","pattern","wp_pattern_sync_status","sprintf","__","title","raw","type","id","createElement","Fragment","MenuItem","icon","symbol","onClick","default","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport, isReusableBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n/**\n * Internal dependencies\n */\nimport CreatePatternModal from './create-pattern-modal';\n\n/**\n * Menu control to convert block(s) to a pattern 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 * @return {import('@wordpress/element').WPComponent} The menu control or null.\n */\nexport default function PatternConvertButton( { clientIds, rootClientId } ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\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 synced pattern.\n\t\t\t\t! isReusable &&\n\t\t\t\t// Hide when patterns 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 into a pattern.\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!! canUser( 'create', 'blocks' );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === 'unsynced'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Unsynced Pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Synced Pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t  ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'convert-to-pattern-success',\n\t\t\t}\n\t\t);\n\t\tsetIsModalOpen( false );\n\t};\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<CreatePatternModal\n\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\tonSuccess={ ( pattern ) => {\n\t\t\t\t\t\thandleSuccess( pattern );\n\t\t\t\t\t} }\n\t\t\t\t\tonError={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/patterns-manage-button.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _element = require("@wordpress/element");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _blocks = require("@wordpress/blocks");
+var _data = require("@wordpress/data");
+var _blockEditor = require("@wordpress/block-editor");
+var _url = require("@wordpress/url");
+var _coreData = require("@wordpress/core-data");
+var _store = require("../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function PatternsManageButton({
+  clientId
+}) {
+  const {
+    canRemove,
+    isVisible,
+    innerBlockCount,
+    managePatternsUrl
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlock,
+      canRemoveBlock,
+      getBlockCount,
+      getSettings
+    } = select(_blockEditor.store);
+    const {
+      canUser
+    } = select(_coreData.store);
+    const reusableBlock = getBlock(clientId);
+    const isBlockTheme = getSettings().__unstableIsBlockBasedTheme;
+    return {
+      canRemove: canRemoveBlock(clientId),
+      isVisible: !!reusableBlock && (0, _blocks.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, _url.addQueryArgs)('site-editor.php', {
+        path: '/patterns'
+      }) : (0, _url.addQueryArgs)('edit.php', {
+        post_type: 'wp_block'
+      })
+    };
+  }, [clientId]);
+  const {
+    __experimentalConvertSyncedPatternToStatic: convertBlockToStatic
+  } = (0, _data.useDispatch)(_store.store);
+  if (!isVisible) {
+    return null;
+  }
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+    href: managePatternsUrl
+  }, (0, _i18n.__)('Manage patterns')), canRemove && (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => convertBlockToStatic(clientId)
+  }, innerBlockCount > 1 ? (0, _i18n.__)('Detach patterns') : (0, _i18n.__)('Detach pattern')));
+}
+var _default = PatternsManageButton;
+exports.default = _default;
+//# sourceMappingURL=patterns-manage-button.js.map

package/build/components/patterns-manage-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_blocks","_data","_blockEditor","_url","_coreData","_store","PatternsManageButton","clientId","canRemove","isVisible","innerBlockCount","managePatternsUrl","useSelect","select","getBlock","canRemoveBlock","getBlockCount","getSettings","blockEditorStore","canUser","coreStore","reusableBlock","isBlockTheme","__unstableIsBlockBasedTheme","isReusableBlock","attributes","ref","addQueryArgs","path","post_type","__experimentalConvertSyncedPatternToStatic","convertBlockToStatic","useDispatch","editorStore","_element","createElement","Fragment","MenuItem","href","__","onClick","_default","exports","default"],"sources":["@wordpress/patterns/src/components/patterns-manage-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { isReusableBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../store';\n\nfunction PatternsManageButton( { clientId } ) {\n\tconst { canRemove, isVisible, innerBlockCount, managePatternsUrl } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlock, canRemoveBlock, getBlockCount, getSettings } =\n\t\t\t\t\tselect( blockEditorStore );\n\t\t\t\tconst { canUser } = select( coreStore );\n\t\t\t\tconst reusableBlock = getBlock( clientId );\n\t\t\t\tconst isBlockTheme = getSettings().__unstableIsBlockBasedTheme;\n\n\t\t\t\treturn {\n\t\t\t\t\tcanRemove: canRemoveBlock( clientId ),\n\t\t\t\t\tisVisible:\n\t\t\t\t\t\t!! reusableBlock &&\n\t\t\t\t\t\tisReusableBlock( reusableBlock ) &&\n\t\t\t\t\t\t!! canUser(\n\t\t\t\t\t\t\t'update',\n\t\t\t\t\t\t\t'blocks',\n\t\t\t\t\t\t\treusableBlock.attributes.ref\n\t\t\t\t\t\t),\n\t\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t\t\t// The site editor and templates both check whether the user\n\t\t\t\t\t// has edit_theme_options capabilities. We can leverage that here\n\t\t\t\t\t// and omit the manage patterns link if the user can't access it.\n\t\t\t\t\tmanagePatternsUrl:\n\t\t\t\t\t\tisBlockTheme && canUser( 'read', 'templates' )\n\t\t\t\t\t\t\t? addQueryArgs( 'site-editor.php', {\n\t\t\t\t\t\t\t\t\tpath: '/patterns',\n\t\t\t\t\t\t\t  } )\n\t\t\t\t\t\t\t: addQueryArgs( 'edit.php', {\n\t\t\t\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t\t\t  } ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\tconst { __experimentalConvertSyncedPatternToStatic: convertBlockToStatic } =\n\t\tuseDispatch( editorStore );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem href={ managePatternsUrl }>\n\t\t\t\t{ __( 'Manage patterns' ) }\n\t\t\t</MenuItem>\n\t\t\t{ canRemove && (\n\t\t\t\t<MenuItem onClick={ () => convertBlockToStatic( clientId ) }>\n\t\t\t\t\t{ innerBlockCount > 1\n\t\t\t\t\t\t? __( 'Detach patterns' )\n\t\t\t\t\t\t: __( 'Detach pattern' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default PatternsManageButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGA,SAASQ,oBAAoBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC7C,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,eAAe;IAAEC;EAAkB,CAAC,GACjE,IAAAC,eAAS,EACNC,MAAM,IAAM;IACb,MAAM;MAAEC,QAAQ;MAAEC,cAAc;MAAEC,aAAa;MAAEC;IAAY,CAAC,GAC7DJ,MAAM,CAAEK,kBAAiB,CAAC;IAC3B,MAAM;MAAEC;IAAQ,CAAC,GAAGN,MAAM,CAAEO,eAAU,CAAC;IACvC,MAAMC,aAAa,GAAGP,QAAQ,CAAEP,QAAS,CAAC;IAC1C,MAAMe,YAAY,GAAGL,WAAW,CAAC,CAAC,CAACM,2BAA2B;IAE9D,OAAO;MACNf,SAAS,EAAEO,cAAc,CAAER,QAAS,CAAC;MACrCE,SAAS,EACR,CAAC,CAAEY,aAAa,IAChB,IAAAG,uBAAe,EAAEH,aAAc,CAAC,IAChC,CAAC,CAAEF,OAAO,CACT,QAAQ,EACR,QAAQ,EACRE,aAAa,CAACI,UAAU,CAACC,GAC1B,CAAC;MACFhB,eAAe,EAAEM,aAAa,CAAET,QAAS,CAAC;MAC1C;MACA;MACA;MACAI,iBAAiB,EAChBW,YAAY,IAAIH,OAAO,CAAE,MAAM,EAAE,WAAY,CAAC,GAC3C,IAAAQ,iBAAY,EAAE,iBAAiB,EAAE;QACjCC,IAAI,EAAE;MACN,CAAE,CAAC,GACH,IAAAD,iBAAY,EAAE,UAAU,EAAE;QAC1BE,SAAS,EAAE;MACX,CAAE;IACP,CAAC;EACF,CAAC,EACD,CAAEtB,QAAQ,CACX,CAAC;EAEF,MAAM;IAAEuB,0CAA0C,EAAEC;EAAqB,CAAC,GACzE,IAAAC,iBAAW,EAAEC,YAAY,CAAC;EAE3B,IAAK,CAAExB,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAyB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACtC,WAAA,CAAAwC,QAAQ;IAACC,IAAI,EAAG3B;EAAmB,GACjC,IAAA4B,QAAE,EAAE,iBAAkB,CACf,CAAC,EACT/B,SAAS,IACV,IAAA0B,QAAA,CAAAC,aAAA,EAACtC,WAAA,CAAAwC,QAAQ;IAACG,OAAO,EAAGA,CAAA,KAAMT,oBAAoB,CAAExB,QAAS;EAAG,GACzDG,eAAe,GAAG,CAAC,GAClB,IAAA6B,QAAE,EAAE,iBAAkB,CAAC,GACvB,IAAAA,QAAE,EAAE,gBAAiB,CACf,CAEV,CAAC;AAEL;AAAC,IAAAE,QAAA,GAEcnC,oBAAoB;AAAAoC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("./store");
+var _privateApis = require("./private-apis");
+Object.keys(_privateApis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _privateApis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _privateApis[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["require","_privateApis","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["@wordpress/patterns/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport './store';\n\nexport * from './private-apis';\n"],"mappings":";;;;;AAGAA,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAR,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA"}

package/build/index.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.privateApis = void 0;
+require("./store");
+var _lockUnlock = require("./lock-unlock");
+/**
+ * Internal dependencies
+ */
+
+const privateApis = {};
+exports.privateApis = privateApis;
+(0, _lockUnlock.lock)(privateApis, {
+  CreatePatternModal: () => null,
+  PatternsMenuItems: () => null
+});
+//# sourceMappingURL=index.native.js.map

package/build/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["require","_lockUnlock","privateApis","exports","lock","CreatePatternModal","PatternsMenuItems"],"sources":["@wordpress/patterns/src/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport './store';\nimport { lock } from './lock-unlock';\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreatePatternModal: () => null,\n\tPatternsMenuItems: () => null,\n} );\n"],"mappings":";;;;;;AAGAA,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,MAAME,WAAW,GAAG,CAAC,CAAC;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAC9B,IAAAE,gBAAI,EAAEF,WAAW,EAAE;EAClBG,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,iBAAiB,EAAEA,CAAA,KAAM;AAC1B,CAAE,CAAC"}

package/build/lock-unlock.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unlock = exports.lock = void 0;
+var _privateApis = require("@wordpress/private-apis");
+/**
+ * WordPress dependencies
+ */
+
+const {
+  lock,
+  unlock
+} = (0, _privateApis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.', '@wordpress/patterns');
+exports.unlock = unlock;
+exports.lock = lock;
+//# sourceMappingURL=lock-unlock.js.map

package/build/lock-unlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_privateApis","require","lock","unlock","__dangerousOptInToUnstableAPIsOnlyForCoreModules","exports"],"sources":["@wordpress/patterns/src/lock-unlock.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/patterns'\n\t);\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAEO,MAAM;EAAEC,IAAI;EAAEC;AAAO,CAAC,GAC5B,IAAAC,6DAAgD,EAC/C,8GAA8G,EAC9G,qBACD,CAAC;AAACC,OAAA,CAAAF,MAAA,GAAAA,MAAA;AAAAE,OAAA,CAAAH,IAAA,GAAAA,IAAA"}

package/build/private-apis.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.privateApis = void 0;
+var _lockUnlock = require("./lock-unlock");
+var _createPatternModal = _interopRequireDefault(require("./components/create-pattern-modal"));
+var _components = _interopRequireDefault(require("./components"));
+/**
+ * Internal dependencies
+ */
+
+const privateApis = {};
+exports.privateApis = privateApis;
+(0, _lockUnlock.lock)(privateApis, {
+  CreatePatternModal: _createPatternModal.default,
+  PatternsMenuItems: _components.default
+});
+//# sourceMappingURL=private-apis.js.map

package/build/private-apis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lockUnlock","require","_createPatternModal","_interopRequireDefault","_components","privateApis","exports","lock","CreatePatternModal","PatternsMenuItems"],"sources":["@wordpress/patterns/src/private-apis.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport CreatePatternModal from './components/create-pattern-modal';\nimport PatternsMenuItems from './components';\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreatePatternModal,\n\tPatternsMenuItems,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AALA;AACA;AACA;;AAKO,MAAMI,WAAW,GAAG,CAAC,CAAC;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAC9B,IAAAE,gBAAI,EAAEF,WAAW,EAAE;EAClBG,kBAAkB,EAAlBA,2BAAkB;EAClBC,iBAAiB,EAAjBA;AACD,CAAE,CAAC"}

package/build/store/actions.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.__experimentalCreatePattern = exports.__experimentalConvertSyncedPatternToStatic = void 0;
+exports.__experimentalSetEditingPattern = __experimentalSetEditingPattern;
+var _blocks = require("@wordpress/blocks");
+var _coreData = require("@wordpress/core-data");
+var _blockEditor = require("@wordpress/block-editor");
+/**
+ * WordPress 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} clientIds Optional client IDs of blocks to convert to pattern.
+ */
+const __experimentalCreatePattern = (title, syncType, clientIds) => async ({
+  registry,
+  dispatch
+}) => {
+  const meta = syncType === 'unsynced' ? {
+    wp_pattern_sync_status: syncType
+  } : undefined;
+  const reusableBlock = {
+    title,
+    content: clientIds ? (0, _blocks.serialize)(registry.select(_blockEditor.store).getBlocksByClientId(clientIds)) : undefined,
+    status: 'publish',
+    meta
+  };
+  const updatedRecord = await registry.dispatch(_coreData.store).saveEntityRecord('postType', 'wp_block', reusableBlock);
+  if (syncType === 'unsynced' || !clientIds) {
+    return updatedRecord;
+  }
+  const newBlock = (0, _blocks.createBlock)('core/block', {
+    ref: updatedRecord.id
+  });
+  registry.dispatch(_blockEditor.store).replaceBlocks(clientIds, newBlock);
+  dispatch.__experimentalSetEditingPattern(newBlock.clientId, true);
+  return updatedRecord;
+};
+
+/**
+ * Returns a generator converting a synced pattern block into a static block.
+ *
+ * @param {string} clientId The client ID of the block to attach.
+ */
+exports.__experimentalCreatePattern = __experimentalCreatePattern;
+const __experimentalConvertSyncedPatternToStatic = clientId => ({
+  registry
+}) => {
+  const oldBlock = registry.select(_blockEditor.store).getBlock(clientId);
+  const pattern = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
+  const newBlocks = (0, _blocks.parse)(typeof pattern.content === 'function' ? pattern.content(pattern) : pattern.content);
+  registry.dispatch(_blockEditor.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.
+ */
+exports.__experimentalConvertSyncedPatternToStatic = __experimentalConvertSyncedPatternToStatic;
+function __experimentalSetEditingPattern(clientId, isEditing) {
+  return {
+    type: 'SET_EDITING_PATTERN',
+    clientId,
+    isEditing
+  };
+}
+//# sourceMappingURL=actions.js.map

package/build/store/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blocks","require","_coreData","_blockEditor","__experimentalCreatePattern","title","syncType","clientIds","registry","dispatch","meta","wp_pattern_sync_status","undefined","reusableBlock","content","serialize","select","blockEditorStore","getBlocksByClientId","status","updatedRecord","coreStore","saveEntityRecord","newBlock","createBlock","ref","id","replaceBlocks","__experimentalSetEditingPattern","clientId","exports","__experimentalConvertSyncedPatternToStatic","oldBlock","getBlock","pattern","getEditedEntityRecord","attributes","newBlocks","parse","isEditing","type"],"sources":["@wordpress/patterns/src/store/actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { parse, serialize, createBlock } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Returns a generator converting one or more static blocks into a pattern, or creating a new empty pattern.\n *\n * @param {string}             title     Pattern title.\n * @param {'full'|'unsynced'}  syncType  They way block is synced, 'full' or 'unsynced'.\n * @param {string[]|undefined} clientIds Optional client IDs of blocks to convert to pattern.\n */\nexport const __experimentalCreatePattern =\n\t( title, syncType, clientIds ) =>\n\tasync ( { registry, dispatch } ) => {\n\t\tconst meta =\n\t\t\tsyncType === 'unsynced'\n\t\t\t\t? {\n\t\t\t\t\t\twp_pattern_sync_status: syncType,\n\t\t\t\t  }\n\t\t\t\t: undefined;\n\n\t\tconst reusableBlock = {\n\t\t\ttitle,\n\t\t\tcontent: clientIds\n\t\t\t\t? serialize(\n\t\t\t\t\t\tregistry\n\t\t\t\t\t\t\t.select( blockEditorStore )\n\t\t\t\t\t\t\t.getBlocksByClientId( clientIds )\n\t\t\t\t  )\n\t\t\t\t: undefined,\n\t\t\tstatus: 'publish',\n\t\t\tmeta,\n\t\t};\n\n\t\tconst updatedRecord = await registry\n\t\t\t.dispatch( coreStore )\n\t\t\t.saveEntityRecord( 'postType', 'wp_block', reusableBlock );\n\n\t\tif ( syncType === 'unsynced' || ! clientIds ) {\n\t\t\treturn updatedRecord;\n\t\t}\n\n\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\tref: updatedRecord.id,\n\t\t} );\n\t\tregistry\n\t\t\t.dispatch( blockEditorStore )\n\t\t\t.replaceBlocks( clientIds, newBlock );\n\t\tdispatch.__experimentalSetEditingPattern( newBlock.clientId, true );\n\t\treturn updatedRecord;\n\t};\n\n/**\n * Returns a generator converting a synced pattern block into a static block.\n *\n * @param {string} clientId The client ID of the block to attach.\n */\nexport const __experimentalConvertSyncedPatternToStatic =\n\t( clientId ) =>\n\t( { registry } ) => {\n\t\tconst oldBlock = registry\n\t\t\t.select( blockEditorStore )\n\t\t\t.getBlock( clientId );\n\t\tconst pattern = registry\n\t\t\t.select( 'core' )\n\t\t\t.getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\toldBlock.attributes.ref\n\t\t\t);\n\n\t\tconst newBlocks = parse(\n\t\t\ttypeof pattern.content === 'function'\n\t\t\t\t? pattern.content( pattern )\n\t\t\t\t: pattern.content\n\t\t);\n\t\tregistry\n\t\t\t.dispatch( blockEditorStore )\n\t\t\t.replaceBlocks( oldBlock.clientId, newBlocks );\n\t};\n\n/**\n * Returns an action descriptor for SET_EDITING_PATTERN action.\n *\n * @param {string}  clientId  The clientID of the pattern to target.\n * @param {boolean} isEditing Whether the block should be in editing state.\n * @return {Object} Action descriptor.\n */\nexport function __experimentalSetEditingPattern( clientId, isEditing ) {\n\treturn {\n\t\ttype: 'SET_EDITING_PATTERN',\n\t\tclientId,\n\t\tisEditing,\n\t};\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,2BAA2B,GACvCA,CAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,KAC5B,OAAQ;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAM;EACnC,MAAMC,IAAI,GACTJ,QAAQ,KAAK,UAAU,GACpB;IACAK,sBAAsB,EAAEL;EACxB,CAAC,GACDM,SAAS;EAEb,MAAMC,aAAa,GAAG;IACrBR,KAAK;IACLS,OAAO,EAAEP,SAAS,GACf,IAAAQ,iBAAS,EACTP,QAAQ,CACNQ,MAAM,CAAEC,kBAAiB,CAAC,CAC1BC,mBAAmB,CAAEX,SAAU,CACjC,CAAC,GACDK,SAAS;IACZO,MAAM,EAAE,SAAS;IACjBT;EACD,CAAC;EAED,MAAMU,aAAa,GAAG,MAAMZ,QAAQ,CAClCC,QAAQ,CAAEY,eAAU,CAAC,CACrBC,gBAAgB,CAAE,UAAU,EAAE,UAAU,EAAET,aAAc,CAAC;EAE3D,IAAKP,QAAQ,KAAK,UAAU,IAAI,CAAEC,SAAS,EAAG;IAC7C,OAAOa,aAAa;EACrB;EAEA,MAAMG,QAAQ,GAAG,IAAAC,mBAAW,EAAE,YAAY,EAAE;IAC3CC,GAAG,EAAEL,aAAa,CAACM;EACpB,CAAE,CAAC;EACHlB,QAAQ,CACNC,QAAQ,CAAEQ,kBAAiB,CAAC,CAC5BU,aAAa,CAAEpB,SAAS,EAAEgB,QAAS,CAAC;EACtCd,QAAQ,CAACmB,+BAA+B,CAAEL,QAAQ,CAACM,QAAQ,EAAE,IAAK,CAAC;EACnE,OAAOT,aAAa;AACrB,CAAC;;AAEF;AACA;AACA;AACA;AACA;AAJAU,OAAA,CAAA1B,2BAAA,GAAAA,2BAAA;AAKO,MAAM2B,0CAA0C,GACpDF,QAAQ,IACV,CAAE;EAAErB;AAAS,CAAC,KAAM;EACnB,MAAMwB,QAAQ,GAAGxB,QAAQ,CACvBQ,MAAM,CAAEC,kBAAiB,CAAC,CAC1BgB,QAAQ,CAAEJ,QAAS,CAAC;EACtB,MAAMK,OAAO,GAAG1B,QAAQ,CACtBQ,MAAM,CAAE,MAAO,CAAC,CAChBmB,qBAAqB,CACrB,UAAU,EACV,UAAU,EACVH,QAAQ,CAACI,UAAU,CAACX,GACrB,CAAC;EAEF,MAAMY,SAAS,GAAG,IAAAC,aAAK,EACtB,OAAOJ,OAAO,CAACpB,OAAO,KAAK,UAAU,GAClCoB,OAAO,CAACpB,OAAO,CAAEoB,OAAQ,CAAC,GAC1BA,OAAO,CAACpB,OACZ,CAAC;EACDN,QAAQ,CACNC,QAAQ,CAAEQ,kBAAiB,CAAC,CAC5BU,aAAa,CAAEK,QAAQ,CAACH,QAAQ,EAAEQ,SAAU,CAAC;AAChD,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AANAP,OAAA,CAAAC,0CAAA,GAAAA,0CAAA;AAOO,SAASH,+BAA+BA,CAAEC,QAAQ,EAAEU,SAAS,EAAG;EACtE,OAAO;IACNC,IAAI,EAAE,qBAAqB;IAC3BX,QAAQ;IACRU;EACD,CAAC;AACF"}

package/build/store/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STORE_NAME = void 0;
+/**
+ * Module Constants
+ */
+const STORE_NAME = 'core/patterns';
+exports.STORE_NAME = STORE_NAME;
+//# sourceMappingURL=constants.js.map

package/build/store/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["STORE_NAME","exports"],"sources":["@wordpress/patterns/src/store/constants.js"],"sourcesContent":["/**\n * Module Constants\n */\nexport const STORE_NAME = 'core/patterns';\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACO,MAAMA,UAAU,GAAG,eAAe;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA"}