@wordpress/patterns 1.1.0

package/build/store/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.storeConfig = exports.store = void 0;
+var _data = require("@wordpress/data");
+var _reducer = _interopRequireDefault(require("./reducer"));
+var actions = _interopRequireWildcard(require("./actions"));
+var _constants = require("./constants");
+var selectors = _interopRequireWildcard(require("./selectors"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * 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.default,
+  selectors,
+  actions
+};
+
+/**
+ * Store definition for the editor namespace.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
+ *
+ * @type {Object}
+ */
+exports.storeConfig = storeConfig;
+const store = (0, _data.createReduxStore)(_constants.STORE_NAME, {
+  ...storeConfig
+});
+exports.store = store;
+(0, _data.register)(store);
+//# sourceMappingURL=index.js.map

package/build/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_reducer","_interopRequireDefault","actions","_interopRequireWildcard","_constants","selectors","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","storeConfig","reducer","exports","store","createReduxStore","STORE_NAME","register"],"sources":["@wordpress/patterns/src/store/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport reducer from './reducer';\nimport * as actions from './actions';\nimport { STORE_NAME } from './constants';\nimport * as selectors from './selectors';\n\n/**\n * Post editor data store configuration.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore\n *\n * @type {Object}\n */\nexport const storeConfig = {\n\treducer,\n\tselectors,\n\tactions,\n};\n\n/**\n * Store definition for the editor namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\t...storeConfig,\n} );\n\nregister( store );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAF,uBAAA,CAAAJ,OAAA;AAAyC,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAXzC;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,WAAW,GAAG;EAC1BC,OAAO,EAAPA,gBAAO;EACPxB,SAAS;EACTH;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANA4B,OAAA,CAAAF,WAAA,GAAAA,WAAA;AAOO,MAAMG,KAAK,GAAG,IAAAC,sBAAgB,EAAEC,qBAAU,EAAE;EAClD,GAAGL;AACJ,CAAE,CAAC;AAACE,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEJ,IAAAG,cAAQ,EAAEH,KAAM,CAAC"}

package/build/store/reducer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.isEditingPattern = isEditingPattern;
+var _data = require("@wordpress/data");
+/**
+ * WordPress dependencies
+ */
+
+function isEditingPattern(state = {}, action) {
+  if (action?.type === 'SET_EDITING_PATTERN') {
+    return {
+      ...state,
+      [action.clientId]: action.isEditing
+    };
+  }
+  return state;
+}
+var _default = (0, _data.combineReducers)({
+  isEditingPattern
+});
+exports.default = _default;
+//# sourceMappingURL=reducer.js.map

package/build/store/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","isEditingPattern","state","action","type","clientId","isEditing","_default","combineReducers","exports","default"],"sources":["@wordpress/patterns/src/store/reducer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\nexport function isEditingPattern( state = {}, action ) {\n\tif ( action?.type === 'SET_EDITING_PATTERN' ) {\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\tisEditingPattern,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,SAASC,gBAAgBA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EACtD,IAAKA,MAAM,EAAEC,IAAI,KAAK,qBAAqB,EAAG;IAC7C,OAAO;MACN,GAAGF,KAAK;MACR,CAAEC,MAAM,CAACE,QAAQ,GAAIF,MAAM,CAACG;IAC7B,CAAC;EACF;EAEA,OAAOJ,KAAK;AACb;AAAC,IAAAK,QAAA,GAEc,IAAAC,qBAAe,EAAE;EAC/BP;AACD,CAAE,CAAC;AAAAQ,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/store/selectors.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.__experimentalIsEditingPattern = __experimentalIsEditingPattern;
+/**
+ * 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 __experimentalIsEditingPattern(state, clientId) {
+  return state.isEditingPattern[clientId];
+}
+//# sourceMappingURL=selectors.js.map

package/build/store/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__experimentalIsEditingPattern","state","clientId","isEditingPattern"],"sources":["@wordpress/patterns/src/store/selectors.js"],"sourcesContent":["/**\n * Returns true if pattern 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 pattern is in the editing state.\n */\nexport function __experimentalIsEditingPattern( state, clientId ) {\n\treturn state.isEditingPattern[ clientId ];\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,8BAA8BA,CAAEC,KAAK,EAAEC,QAAQ,EAAG;EACjE,OAAOD,KAAK,CAACE,gBAAgB,CAAED,QAAQ,CAAE;AAC1C"}

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

@@ -0,0 +1,91 @@
+import { createElement } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { Modal, Button, TextControl, __experimentalHStack as HStack, __experimentalVStack as VStack, ToggleControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useState, useCallback } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import { store as noticesStore } from '@wordpress/notices';
+export const USER_PATTERN_CATEGORY = 'my-patterns';
+export const SYNC_TYPES = {
+  full: undefined,
+  unsynced: 'unsynced'
+};
+
+/**
+ * Internal dependencies
+ */
+import { store } from '../store';
+export default function CreatePatternModal({
+  onSuccess,
+  onError,
+  clientIds,
+  onClose,
+  className = 'patterns-menu-items__convert-modal'
+}) {
+  const [syncType, setSyncType] = useState(SYNC_TYPES.full);
+  const [title, setTitle] = useState('');
+  const {
+    __experimentalCreatePattern: createPattern
+  } = useDispatch(store);
+  const {
+    createErrorNotice
+  } = useDispatch(noticesStore);
+  const onCreate = 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 createElement(Modal, {
+    title: __('Create pattern'),
+    onRequestClose: () => {
+      onClose();
+      setTitle('');
+    },
+    overlayClassName: className
+  }, createElement("form", {
+    onSubmit: event => {
+      event.preventDefault();
+      onCreate(title, syncType);
+      setTitle('');
+    }
+  }, createElement(VStack, {
+    spacing: "5"
+  }, createElement(TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: __('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: __('My pattern')
+  }), createElement(ToggleControl, {
+    label: __('Synced'),
+    help: __('Editing the pattern will update it anywhere it is used.'),
+    checked: !syncType,
+    onChange: () => {
+      setSyncType(syncType === SYNC_TYPES.full ? SYNC_TYPES.unsynced : SYNC_TYPES.full);
+    }
+  }), createElement(HStack, {
+    justify: "right"
+  }, createElement(Button, {
+    variant: "tertiary",
+    onClick: () => {
+      onClose();
+      setTitle('');
+    }
+  }, __('Cancel')), createElement(Button, {
+    variant: "primary",
+    type: "submit"
+  }, __('Create'))))));
+}
+//# sourceMappingURL=create-pattern-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","Button","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","ToggleControl","__","useState","useCallback","useDispatch","store","noticesStore","USER_PATTERN_CATEGORY","SYNC_TYPES","full","undefined","unsynced","CreatePatternModal","onSuccess","onError","clientIds","onClose","className","syncType","setSyncType","title","setTitle","__experimentalCreatePattern","createPattern","createErrorNotice","onCreate","patternTitle","sync","newPattern","pattern","categoryId","error","message","type","id","createElement","onRequestClose","overlayClassName","onSubmit","event","preventDefault","spacing","__nextHasNoMarginBottom","label","value","onChange","placeholder","help","checked","justify","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-module/components/index.js

@@ -0,0 +1,24 @@
+import { createElement, Fragment } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { BlockSettingsMenuControls } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import PatternConvertButton from './pattern-convert-button';
+import PatternsManageButton from './patterns-manage-button';
+export default function PatternsMenuItems({
+  rootClientId
+}) {
+  return createElement(BlockSettingsMenuControls, null, ({
+    selectedClientIds
+  }) => createElement(Fragment, null, createElement(PatternConvertButton, {
+    clientIds: selectedClientIds,
+    rootClientId: rootClientId
+  }), selectedClientIds.length === 1 && createElement(PatternsManageButton, {
+    clientId: selectedClientIds[0]
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlockSettingsMenuControls","PatternConvertButton","PatternsManageButton","PatternsMenuItems","rootClientId","createElement","selectedClientIds","Fragment","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":";AAAA;AACA;AACA;AACA,SAASA,yBAAyB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,oBAAoB,MAAM,0BAA0B;AAE3D,eAAe,SAASC,iBAAiBA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC7D,OACCC,aAAA,CAACL,yBAAyB,QACvB,CAAE;IAAEM;EAAkB,CAAC,KACxBD,aAAA,CAAAE,QAAA,QACCF,aAAA,CAACJ,oBAAoB;IACpBO,SAAS,EAAGF,iBAAmB;IAC/BF,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACAE,iBAAiB,CAACG,MAAM,KAAK,CAAC,IAC/BJ,aAAA,CAACH,oBAAoB;IACpBQ,QAAQ,EAAGJ,iBAAiB,CAAE,CAAC;EAAI,CACnC,CAED,CAEuB,CAAC;AAE9B"}

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

@@ -0,0 +1,95 @@
+import { createElement, Fragment } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { hasBlockSupport, isReusableBlock } from '@wordpress/blocks';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { useState } from '@wordpress/element';
+import { MenuItem } from '@wordpress/components';
+import { symbol } from '@wordpress/icons';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { __, sprintf } from '@wordpress/i18n';
+import { store as noticesStore } from '@wordpress/notices';
+/**
+ * Internal dependencies
+ */
+import CreatePatternModal from './create-pattern-modal';
+
+/**
+ * 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.
+ */
+export default function PatternConvertButton({
+  clientIds,
+  rootClientId
+}) {
+  const {
+    createSuccessNotice
+  } = useDispatch(noticesStore);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  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 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.
+    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' ? sprintf(
+    // translators: %s: the name the user has given to the pattern.
+    __('Unsynced Pattern created: %s'), pattern.title.raw) : sprintf(
+    // translators: %s: the name the user has given to the pattern.
+    __('Synced Pattern created: %s'), pattern.title.raw), {
+      type: 'snackbar',
+      id: 'convert-to-pattern-success'
+    });
+    setIsModalOpen(false);
+  };
+  return createElement(Fragment, null, createElement(MenuItem, {
+    icon: symbol,
+    onClick: () => setIsModalOpen(true)
+  }, __('Create pattern')), isModalOpen && createElement(CreatePatternModal, {
+    clientIds: clientIds,
+    onSuccess: pattern => {
+      handleSuccess(pattern);
+    },
+    onError: () => {
+      setIsModalOpen(false);
+    },
+    onClose: () => {
+      setIsModalOpen(false);
+    }
+  }));
+}
+//# sourceMappingURL=pattern-convert-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hasBlockSupport","isReusableBlock","store","blockEditorStore","useState","MenuItem","symbol","useSelect","useDispatch","coreStore","__","sprintf","noticesStore","CreatePatternModal","PatternConvertButton","clientIds","rootClientId","createSuccessNotice","isModalOpen","setIsModalOpen","canConvert","select","_getBlocksByClientId","canUser","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","isReusable","getEntityRecord","attributes","ref","_canConvert","every","block","isValid","name","handleSuccess","pattern","wp_pattern_sync_status","title","raw","type","id","createElement","Fragment","icon","onClick","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-module/components/patterns-manage-button.js

@@ -0,0 +1,64 @@
+import { createElement, Fragment } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { MenuItem } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { isReusableBlock } from '@wordpress/blocks';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { addQueryArgs } from '@wordpress/url';
+import { store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import { store as editorStore } from '../store';
+function PatternsManageButton({
+  clientId
+}) {
+  const {
+    canRemove,
+    isVisible,
+    innerBlockCount,
+    managePatternsUrl
+  } = useSelect(select => {
+    const {
+      getBlock,
+      canRemoveBlock,
+      getBlockCount,
+      getSettings
+    } = select(blockEditorStore);
+    const {
+      canUser
+    } = select(coreStore);
+    const reusableBlock = getBlock(clientId);
+    const isBlockTheme = getSettings().__unstableIsBlockBasedTheme;
+    return {
+      canRemove: canRemoveBlock(clientId),
+      isVisible: !!reusableBlock && 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') ? addQueryArgs('site-editor.php', {
+        path: '/patterns'
+      }) : addQueryArgs('edit.php', {
+        post_type: 'wp_block'
+      })
+    };
+  }, [clientId]);
+  const {
+    __experimentalConvertSyncedPatternToStatic: convertBlockToStatic
+  } = useDispatch(editorStore);
+  if (!isVisible) {
+    return null;
+  }
+  return createElement(Fragment, null, createElement(MenuItem, {
+    href: managePatternsUrl
+  }, __('Manage patterns')), canRemove && createElement(MenuItem, {
+    onClick: () => convertBlockToStatic(clientId)
+  }, innerBlockCount > 1 ? __('Detach patterns') : __('Detach pattern')));
+}
+export default PatternsManageButton;
+//# sourceMappingURL=patterns-manage-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MenuItem","__","isReusableBlock","useSelect","useDispatch","store","blockEditorStore","addQueryArgs","coreStore","editorStore","PatternsManageButton","clientId","canRemove","isVisible","innerBlockCount","managePatternsUrl","select","getBlock","canRemoveBlock","getBlockCount","getSettings","canUser","reusableBlock","isBlockTheme","__unstableIsBlockBasedTheme","attributes","ref","path","post_type","__experimentalConvertSyncedPatternToStatic","convertBlockToStatic","createElement","Fragment","href","onClick"],"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":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASF,KAAK,IAAIG,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASH,KAAK,IAAII,WAAW,QAAQ,UAAU;AAE/C,SAASC,oBAAoBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC7C,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,eAAe;IAAEC;EAAkB,CAAC,GACjEZ,SAAS,CACNa,MAAM,IAAM;IACb,MAAM;MAAEC,QAAQ;MAAEC,cAAc;MAAEC,aAAa;MAAEC;IAAY,CAAC,GAC7DJ,MAAM,CAAEV,gBAAiB,CAAC;IAC3B,MAAM;MAAEe;IAAQ,CAAC,GAAGL,MAAM,CAAER,SAAU,CAAC;IACvC,MAAMc,aAAa,GAAGL,QAAQ,CAAEN,QAAS,CAAC;IAC1C,MAAMY,YAAY,GAAGH,WAAW,CAAC,CAAC,CAACI,2BAA2B;IAE9D,OAAO;MACNZ,SAAS,EAAEM,cAAc,CAAEP,QAAS,CAAC;MACrCE,SAAS,EACR,CAAC,CAAES,aAAa,IAChBpB,eAAe,CAAEoB,aAAc,CAAC,IAChC,CAAC,CAAED,OAAO,CACT,QAAQ,EACR,QAAQ,EACRC,aAAa,CAACG,UAAU,CAACC,GAC1B,CAAC;MACFZ,eAAe,EAAEK,aAAa,CAAER,QAAS,CAAC;MAC1C;MACA;MACA;MACAI,iBAAiB,EAChBQ,YAAY,IAAIF,OAAO,CAAE,MAAM,EAAE,WAAY,CAAC,GAC3Cd,YAAY,CAAE,iBAAiB,EAAE;QACjCoB,IAAI,EAAE;MACN,CAAE,CAAC,GACHpB,YAAY,CAAE,UAAU,EAAE;QAC1BqB,SAAS,EAAE;MACX,CAAE;IACP,CAAC;EACF,CAAC,EACD,CAAEjB,QAAQ,CACX,CAAC;EAEF,MAAM;IAAEkB,0CAA0C,EAAEC;EAAqB,CAAC,GACzE1B,WAAW,CAAEK,WAAY,CAAC;EAE3B,IAAK,CAAEI,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACCkB,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAC/B,QAAQ;IAACiC,IAAI,EAAGlB;EAAmB,GACjCd,EAAE,CAAE,iBAAkB,CACf,CAAC,EACTW,SAAS,IACVmB,aAAA,CAAC/B,QAAQ;IAACkC,OAAO,EAAGA,CAAA,KAAMJ,oBAAoB,CAAEnB,QAAS;EAAG,GACzDG,eAAe,GAAG,CAAC,GAClBb,EAAE,CAAE,iBAAkB,CAAC,GACvBA,EAAE,CAAE,gBAAiB,CACf,CAEV,CAAC;AAEL;AAEA,eAAeS,oBAAoB"}

package/build-module/index.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import './store';
+export * from './private-apis';
+//# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/patterns/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport './store';\n\nexport * from './private-apis';\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,SAAS;AAEhB,cAAc,gBAAgB"}

package/build-module/index.native.js

@@ -0,0 +1,11 @@
+/**
+ * Internal dependencies
+ */
+import './store';
+import { lock } from './lock-unlock';
+export const privateApis = {};
+lock(privateApis, {
+  CreatePatternModal: () => null,
+  PatternsMenuItems: () => null
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["lock","privateApis","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":"AAAA;AACA;AACA;AACA,OAAO,SAAS;AAChB,SAASA,IAAI,QAAQ,eAAe;AAEpC,OAAO,MAAMC,WAAW,GAAG,CAAC,CAAC;AAC7BD,IAAI,CAAEC,WAAW,EAAE;EAClBC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,iBAAiB,EAAEA,CAAA,KAAM;AAC1B,CAAE,CAAC"}

package/build-module/lock-unlock.js

@@ -0,0 +1,9 @@
+/**
+ * WordPress dependencies
+ */
+import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
+export const {
+  lock,
+  unlock
+} = __dangerousOptInToUnstableAPIsOnlyForCoreModules('I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.', '@wordpress/patterns');
+//# sourceMappingURL=lock-unlock.js.map

package/build-module/lock-unlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","lock","unlock"],"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":"AAAA;AACA;AACA;AACA,SAASA,gDAAgD,QAAQ,yBAAyB;AAC1F,OAAO,MAAM;EAAEC,IAAI;EAAEC;AAAO,CAAC,GAC5BF,gDAAgD,CAC/C,8GAA8G,EAC9G,qBACD,CAAC"}

package/build-module/private-apis.js

@@ -0,0 +1,12 @@
+/**
+ * Internal dependencies
+ */
+import { lock } from './lock-unlock';
+import CreatePatternModal from './components/create-pattern-modal';
+import PatternsMenuItems from './components';
+export const privateApis = {};
+lock(privateApis, {
+  CreatePatternModal,
+  PatternsMenuItems
+});
+//# sourceMappingURL=private-apis.js.map

package/build-module/private-apis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lock","CreatePatternModal","PatternsMenuItems","privateApis"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,eAAe;AACpC,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,OAAOC,iBAAiB,MAAM,cAAc;AAE5C,OAAO,MAAMC,WAAW,GAAG,CAAC,CAAC;AAC7BH,IAAI,CAAEG,WAAW,EAAE;EAClBF,kBAAkB;EAClBC;AACD,CAAE,CAAC"}

package/build-module/store/actions.js

@@ -0,0 +1,69 @@
+/**
+ * WordPress dependencies
+ */
+
+import { parse, serialize, createBlock } from '@wordpress/blocks';
+import { store as coreStore } from '@wordpress/core-data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+
+/**
+ * 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.
+ */
+export const __experimentalCreatePattern = (title, syncType, clientIds) => async ({
+  registry,
+  dispatch
+}) => {
+  const meta = syncType === 'unsynced' ? {
+    wp_pattern_sync_status: syncType
+  } : undefined;
+  const reusableBlock = {
+    title,
+    content: clientIds ? serialize(registry.select(blockEditorStore).getBlocksByClientId(clientIds)) : undefined,
+    status: 'publish',
+    meta
+  };
+  const updatedRecord = await registry.dispatch(coreStore).saveEntityRecord('postType', 'wp_block', reusableBlock);
+  if (syncType === 'unsynced' || !clientIds) {
+    return updatedRecord;
+  }
+  const newBlock = createBlock('core/block', {
+    ref: updatedRecord.id
+  });
+  registry.dispatch(blockEditorStore).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.
+ */
+export const __experimentalConvertSyncedPatternToStatic = clientId => ({
+  registry
+}) => {
+  const oldBlock = registry.select(blockEditorStore).getBlock(clientId);
+  const pattern = registry.select('core').getEditedEntityRecord('postType', 'wp_block', oldBlock.attributes.ref);
+  const newBlocks = parse(typeof pattern.content === 'function' ? pattern.content(pattern) : pattern.content);
+  registry.dispatch(blockEditorStore).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.
+ */
+export function __experimentalSetEditingPattern(clientId, isEditing) {
+  return {
+    type: 'SET_EDITING_PATTERN',
+    clientId,
+    isEditing
+  };
+}
+//# sourceMappingURL=actions.js.map

package/build-module/store/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parse","serialize","createBlock","store","coreStore","blockEditorStore","__experimentalCreatePattern","title","syncType","clientIds","registry","dispatch","meta","wp_pattern_sync_status","undefined","reusableBlock","content","select","getBlocksByClientId","status","updatedRecord","saveEntityRecord","newBlock","ref","id","replaceBlocks","__experimentalSetEditingPattern","clientId","__experimentalConvertSyncedPatternToStatic","oldBlock","getBlock","pattern","getEditedEntityRecord","attributes","newBlocks","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":"AAAA;AACA;AACA;;AAEA,SAASA,KAAK,EAAEC,SAAS,EAAEC,WAAW,QAAQ,mBAAmB;AACjE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,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,GACfR,SAAS,CACTS,QAAQ,CACNO,MAAM,CAAEZ,gBAAiB,CAAC,CAC1Ba,mBAAmB,CAAET,SAAU,CACjC,CAAC,GACDK,SAAS;IACZK,MAAM,EAAE,SAAS;IACjBP;EACD,CAAC;EAED,MAAMQ,aAAa,GAAG,MAAMV,QAAQ,CAClCC,QAAQ,CAAEP,SAAU,CAAC,CACrBiB,gBAAgB,CAAE,UAAU,EAAE,UAAU,EAAEN,aAAc,CAAC;EAE3D,IAAKP,QAAQ,KAAK,UAAU,IAAI,CAAEC,SAAS,EAAG;IAC7C,OAAOW,aAAa;EACrB;EAEA,MAAME,QAAQ,GAAGpB,WAAW,CAAE,YAAY,EAAE;IAC3CqB,GAAG,EAAEH,aAAa,CAACI;EACpB,CAAE,CAAC;EACHd,QAAQ,CACNC,QAAQ,CAAEN,gBAAiB,CAAC,CAC5BoB,aAAa,CAAEhB,SAAS,EAAEa,QAAS,CAAC;EACtCX,QAAQ,CAACe,+BAA+B,CAAEJ,QAAQ,CAACK,QAAQ,EAAE,IAAK,CAAC;EACnE,OAAOP,aAAa;AACrB,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMQ,0CAA0C,GACpDD,QAAQ,IACV,CAAE;EAAEjB;AAAS,CAAC,KAAM;EACnB,MAAMmB,QAAQ,GAAGnB,QAAQ,CACvBO,MAAM,CAAEZ,gBAAiB,CAAC,CAC1ByB,QAAQ,CAAEH,QAAS,CAAC;EACtB,MAAMI,OAAO,GAAGrB,QAAQ,CACtBO,MAAM,CAAE,MAAO,CAAC,CAChBe,qBAAqB,CACrB,UAAU,EACV,UAAU,EACVH,QAAQ,CAACI,UAAU,CAACV,GACrB,CAAC;EAEF,MAAMW,SAAS,GAAGlC,KAAK,CACtB,OAAO+B,OAAO,CAACf,OAAO,KAAK,UAAU,GAClCe,OAAO,CAACf,OAAO,CAAEe,OAAQ,CAAC,GAC1BA,OAAO,CAACf,OACZ,CAAC;EACDN,QAAQ,CACNC,QAAQ,CAAEN,gBAAiB,CAAC,CAC5BoB,aAAa,CAAEI,QAAQ,CAACF,QAAQ,EAAEO,SAAU,CAAC;AAChD,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASR,+BAA+BA,CAAEC,QAAQ,EAAEQ,SAAS,EAAG;EACtE,OAAO;IACNC,IAAI,EAAE,qBAAqB;IAC3BT,QAAQ;IACRQ;EACD,CAAC;AACF"}

package/build-module/store/constants.js

@@ -0,0 +1,5 @@
+/**
+ * Module Constants
+ */
+export const STORE_NAME = 'core/patterns';
+//# sourceMappingURL=constants.js.map

package/build-module/store/constants.js.map

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

package/build-module/store/index.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { createReduxStore, register } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import reducer from './reducer';
+import * as actions from './actions';
+import { STORE_NAME } from './constants';
+import * as selectors from './selectors';
+
+/**
+ * Post editor data store configuration.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore
+ *
+ * @type {Object}
+ */
+export const storeConfig = {
+  reducer,
+  selectors,
+  actions
+};
+
+/**
+ * Store definition for the editor namespace.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
+ *
+ * @type {Object}
+ */
+export const store = createReduxStore(STORE_NAME, {
+  ...storeConfig
+});
+register(store);
+//# sourceMappingURL=index.js.map