@wordpress/patterns 2.32.0 → 2.32.1-next.47f435fc9.0

package/build-module/components/index.js

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

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

@@ -1 +1,7 @@
-{"version":3,"names":["BlockSettingsMenuControls","PatternConvertButton","PatternsManageButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternsMenuItems","rootClientId","children","selectedClientIds","onClose","clientIds","closeBlockSettingsMenu","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, onClose } ) => (\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\tcloseBlockSettingsMenu={ onClose }\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;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5D,eAAe,SAASC,iBAAiBA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC7D,oBACCN,IAAA,CAACJ,yBAAyB;IAAAW,QAAA,EACvBA,CAAE;MAAEC,iBAAiB;MAAEC;IAAQ,CAAC,kBACjCL,KAAA,CAAAF,SAAA;MAAAK,QAAA,gBACCP,IAAA,CAACH,oBAAoB;QACpBa,SAAS,EAAGF,iBAAmB;QAC/BF,YAAY,EAAGA,YAAc;QAC7BK,sBAAsB,EAAGF;MAAS,CAClC,CAAC,EACAD,iBAAiB,CAACI,MAAM,KAAK,CAAC,iBAC/BZ,IAAA,CAACF,oBAAoB;QACpBe,QAAQ,EAAGL,iBAAiB,CAAE,CAAC;MAAI,CACnC,CACD;IAAA,CACA;EACF,CACyB,CAAC;AAE9B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../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, onClose } ) => (\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\tcloseBlockSettingsMenu={ onClose }\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": "AAeI,mBACC,KADD;AAZJ,SAAS,iCAAiC;AAK1C,OAAO,0BAA0B;AACjC,OAAO,0BAA0B;AAElB,SAAR,kBAAoC,EAAE,aAAa,GAAI;AAC7D,SACC,oBAAC,6BACE,WAAE,EAAE,mBAAmB,QAAQ,MAChC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ;AAAA,QACA,wBAAyB;AAAA;AAAA,IAC1B;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/overrides-panel.js

@@ -1,38 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-import { PanelBody } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { isOverridableBlock } from '../api';
-import { unlock } from '../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  BlockQuickNavigation
-} = unlock(blockEditorPrivateApis);
-export default function OverridesPanel() {
-  const allClientIds = useSelect(select => select(blockEditorStore).getClientIdsWithDescendants(), []);
-  const {
-    getBlock
-  } = useSelect(blockEditorStore);
-  const clientIdsWithOverrides = useMemo(() => allClientIds.filter(clientId => {
-    const block = getBlock(clientId);
-    return isOverridableBlock(block);
-  }), [allClientIds, getBlock]);
+import { jsx } from "react/jsx-runtime";
+import {
+  privateApis as blockEditorPrivateApis,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { PanelBody } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { isOverridableBlock } from "../api";
+import { unlock } from "../lock-unlock";
+const { BlockQuickNavigation } = unlock(blockEditorPrivateApis);
+function OverridesPanel() {
+  const allClientIds = useSelect(
+    (select) => select(blockEditorStore).getClientIdsWithDescendants(),
+    []
+  );
+  const { getBlock } = useSelect(blockEditorStore);
+  const clientIdsWithOverrides = useMemo(
+    () => allClientIds.filter((clientId) => {
+      const block = getBlock(clientId);
+      return isOverridableBlock(block);
+    }),
+    [allClientIds, getBlock]
+  );
   if (!clientIdsWithOverrides?.length) {
     return null;
   }
-  return /*#__PURE__*/_jsx(PanelBody, {
-    title: __('Overrides'),
-    children: /*#__PURE__*/_jsx(BlockQuickNavigation, {
-      clientIds: clientIdsWithOverrides
-    })
-  });
+  return /* @__PURE__ */ jsx(PanelBody, { title: __("Overrides"), children: /* @__PURE__ */ jsx(BlockQuickNavigation, { clientIds: clientIdsWithOverrides }) });
 }
-//# sourceMappingURL=overrides-panel.js.map
+export {
+  OverridesPanel as default
+};
+//# sourceMappingURL=overrides-panel.js.map

package/build-module/components/overrides-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","PanelBody","useSelect","useMemo","__","isOverridableBlock","unlock","jsx","_jsx","BlockQuickNavigation","OverridesPanel","allClientIds","select","getClientIdsWithDescendants","getBlock","clientIdsWithOverrides","filter","clientId","block","length","title","children","clientIds"],"sources":["@wordpress/patterns/src/components/overrides-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { isOverridableBlock } from '../api';\nimport { unlock } from '../lock-unlock';\n\nconst { BlockQuickNavigation } = unlock( blockEditorPrivateApis );\n\nexport default function OverridesPanel() {\n\tconst allClientIds = useSelect(\n\t\t( select ) => select( blockEditorStore ).getClientIdsWithDescendants(),\n\t\t[]\n\t);\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst clientIdsWithOverrides = useMemo(\n\t\t() =>\n\t\t\tallClientIds.filter( ( clientId ) => {\n\t\t\t\tconst block = getBlock( clientId );\n\t\t\t\treturn isOverridableBlock( block );\n\t\t\t} ),\n\t\t[ allClientIds, getBlock ]\n\t);\n\n\tif ( ! clientIdsWithOverrides?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Overrides' ) }>\n\t\t\t<BlockQuickNavigation clientIds={ clientIdsWithOverrides } />\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBAAsB,EACrCC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAM;EAAEC;AAAqB,CAAC,GAAGH,MAAM,CAAER,sBAAuB,CAAC;AAEjE,eAAe,SAASY,cAAcA,CAAA,EAAG;EACxC,MAAMC,YAAY,GAAGT,SAAS,CAC3BU,MAAM,IAAMA,MAAM,CAAEZ,gBAAiB,CAAC,CAACa,2BAA2B,CAAC,CAAC,EACtE,EACD,CAAC;EACD,MAAM;IAAEC;EAAS,CAAC,GAAGZ,SAAS,CAAEF,gBAAiB,CAAC;EAClD,MAAMe,sBAAsB,GAAGZ,OAAO,CACrC,MACCQ,YAAY,CAACK,MAAM,CAAIC,QAAQ,IAAM;IACpC,MAAMC,KAAK,GAAGJ,QAAQ,CAAEG,QAAS,CAAC;IAClC,OAAOZ,kBAAkB,CAAEa,KAAM,CAAC;EACnC,CAAE,CAAC,EACJ,CAAEP,YAAY,EAAEG,QAAQ,CACzB,CAAC;EAED,IAAK,CAAEC,sBAAsB,EAAEI,MAAM,EAAG;IACvC,OAAO,IAAI;EACZ;EAEA,oBACCX,IAAA,CAACP,SAAS;IAACmB,KAAK,EAAGhB,EAAE,CAAE,WAAY,CAAG;IAAAiB,QAAA,eACrCb,IAAA,CAACC,oBAAoB;MAACa,SAAS,EAAGP;IAAwB,CAAE;EAAC,CACnD,CAAC;AAEd","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/components/overrides-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { isOverridableBlock } from '../api';\nimport { unlock } from '../lock-unlock';\n\nconst { BlockQuickNavigation } = unlock( blockEditorPrivateApis );\n\nexport default function OverridesPanel() {\n\tconst allClientIds = useSelect(\n\t\t( select ) => select( blockEditorStore ).getClientIdsWithDescendants(),\n\t\t[]\n\t);\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst clientIdsWithOverrides = useMemo(\n\t\t() =>\n\t\t\tallClientIds.filter( ( clientId ) => {\n\t\t\t\tconst block = getBlock( clientId );\n\t\t\t\treturn isOverridableBlock( block );\n\t\t\t} ),\n\t\t[ allClientIds, getBlock ]\n\t);\n\n\tif ( ! clientIdsWithOverrides?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Overrides' ) }>\n\t\t\t<BlockQuickNavigation clientIds={ clientIdsWithOverrides } />\n\t\t</PanelBody>\n\t);\n}\n"],
+  "mappings": "AAyCG;AAtCH;AAAA,EACC,eAAe;AAAA,EACf,SAAS;AAAA,OACH;AACP,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,UAAU;AAKnB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AAEvB,MAAM,EAAE,qBAAqB,IAAI,OAAQ,sBAAuB;AAEjD,SAAR,iBAAkC;AACxC,QAAM,eAAe;AAAA,IACpB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,4BAA4B;AAAA,IACrE,CAAC;AAAA,EACF;AACA,QAAM,EAAE,SAAS,IAAI,UAAW,gBAAiB;AACjD,QAAM,yBAAyB;AAAA,IAC9B,MACC,aAAa,OAAQ,CAAE,aAAc;AACpC,YAAM,QAAQ,SAAU,QAAS;AACjC,aAAO,mBAAoB,KAAM;AAAA,IAClC,CAAE;AAAA,IACH,CAAE,cAAc,QAAS;AAAA,EAC1B;AAEA,MAAK,CAAE,wBAAwB,QAAS;AACvC,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aAAU,OAAQ,GAAI,WAAY,GAClC,8BAAC,wBAAqB,WAAY,wBAAyB,GAC5D;AAEF;",
+  "names": []
+}

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

@@ -1,154 +1,149 @@
-/**
- * WordPress dependencies
- */
-import { hasBlockSupport, isReusableBlock, createBlock, serialize, getBlockType } from '@wordpress/blocks';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useState, useCallback } 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 { store as patternsStore } from '../store';
-import CreatePatternModal from './create-pattern-modal';
-import { unlock } from '../lock-unlock';
-import { PATTERN_SYNC_TYPES } from '../constants';
-
-/**
- * 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.
- * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.
- * @return {import('react').ComponentType} The menu control or null.
- */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PatternConvertButton({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  hasBlockSupport,
+  isReusableBlock,
+  createBlock,
+  serialize,
+  getBlockType
+} from "@wordpress/blocks";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { useState, useCallback } 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";
+import { store as patternsStore } from "../store";
+import CreatePatternModal from "./create-pattern-modal";
+import { unlock } from "../lock-unlock";
+import { PATTERN_SYNC_TYPES } from "../constants";
+function PatternConvertButton({
   clientIds,
   rootClientId,
   closeBlockSettingsMenu
 }) {
-  const {
-    createSuccessNotice
-  } = useDispatch(noticesStore);
-  const {
-    replaceBlocks,
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
-  // Ignore reason: false positive of the lint rule.
-  // eslint-disable-next-line @wordpress/no-unused-vars-before-return
-  const {
-    setEditingPattern
-  } = unlock(useDispatch(patternsStore));
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const { replaceBlocks, updateBlockAttributes } = useDispatch(blockEditorStore);
+  const { setEditingPattern } = unlock(useDispatch(patternsStore));
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const {
-    getBlockAttributes
-  } = useSelect(blockEditorStore);
-  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 : [];
-
-    // Check if the block has reusable support defined.
-    const hasReusableBlockSupport = blockName => {
-      const blockType = getBlockType(blockName);
-      const hasParent = blockType && 'parent' in blockType;
-
-      // If the block has a parent, check with false as default, otherwise with true.
-      return hasBlockSupport(blockName, 'reusable', !hasParent);
-    };
-    const isSyncedPattern = blocks.length === 1 && blocks[0] && isReusableBlock(blocks[0]) && !!select(coreStore).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
-    const isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && blocks.length === 1 && blocks?.[0]?.attributes?.metadata?.patternName;
-    const _canConvert =
-    // Hide when this is already a pattern.
-    !isUnsyncedPattern && !isSyncedPattern &&
-    // 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.
-    hasReusableBlockSupport(block.name)) &&
-    // 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 {
-    getBlocksByClientId
-  } = useSelect(blockEditorStore);
-  const getContent = useCallback(() => serialize(getBlocksByClientId(clientIds)), [getBlocksByClientId, clientIds]);
+  const { getBlockAttributes } = useSelect(blockEditorStore);
+  const canConvert = useSelect(
+    (select) => {
+      const { canUser } = select(coreStore);
+      const {
+        getBlocksByClientId: getBlocksByClientId2,
+        canInsertBlockType,
+        getBlockRootClientId
+      } = select(blockEditorStore);
+      const rootId = rootClientId || (clientIds.length > 0 ? getBlockRootClientId(clientIds[0]) : void 0);
+      const blocks = getBlocksByClientId2(clientIds) ?? [];
+      const hasReusableBlockSupport = (blockName) => {
+        const blockType = getBlockType(blockName);
+        const hasParent = blockType && "parent" in blockType;
+        return hasBlockSupport(blockName, "reusable", !hasParent);
+      };
+      const isSyncedPattern = blocks.length === 1 && blocks[0] && isReusableBlock(blocks[0]) && !!select(coreStore).getEntityRecord(
+        "postType",
+        "wp_block",
+        blocks[0].attributes.ref
+      );
+      const isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && blocks.length === 1 && blocks?.[0]?.attributes?.metadata?.patternName;
+      const _canConvert = (
+        // Hide when this is already a pattern.
+        !isUnsyncedPattern && !isSyncedPattern && // 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.
+            hasReusableBlockSupport(block.name)
+          )
+        ) && // 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 { getBlocksByClientId } = useSelect(blockEditorStore);
+  const getContent = useCallback(
+    () => serialize(getBlocksByClientId(clientIds)),
+    [getBlocksByClientId, clientIds]
+  );
   if (!canConvert) {
     return null;
   }
-  const handleSuccess = ({
-    pattern
-  }) => {
+  const handleSuccess = ({ pattern }) => {
     if (pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced) {
       if (clientIds?.length === 1) {
         const existingAttributes = getBlockAttributes(clientIds[0]);
         updateBlockAttributes(clientIds[0], {
           metadata: {
-            ...(existingAttributes?.metadata ? existingAttributes.metadata : {}),
+            ...existingAttributes?.metadata ? existingAttributes.metadata : {},
             patternName: `core/block/${pattern.id}`,
             name: pattern.title.raw
           }
         });
       }
     } else {
-      const newBlock = createBlock('core/block', {
+      const newBlock = createBlock("core/block", {
         ref: pattern.id
       });
       replaceBlocks(clientIds, newBlock);
       setEditingPattern(newBlock.clientId, true);
       closeBlockSettingsMenu();
     }
-    createSuccessNotice(pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.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'
-    });
+    createSuccessNotice(
+      pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.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 /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MenuItem, {
-      icon: symbol,
-      onClick: () => setIsModalOpen(true),
-      "aria-expanded": isModalOpen,
-      "aria-haspopup": "dialog",
-      children: __('Create pattern')
-    }), isModalOpen && /*#__PURE__*/_jsx(CreatePatternModal, {
-      content: getContent,
-      onSuccess: pattern => {
-        handleSuccess(pattern);
-      },
-      onError: () => {
-        setIsModalOpen(false);
-      },
-      onClose: () => {
-        setIsModalOpen(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        icon: symbol,
+        onClick: () => setIsModalOpen(true),
+        "aria-expanded": isModalOpen,
+        "aria-haspopup": "dialog",
+        children: __("Create pattern")
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ jsx(
+      CreatePatternModal,
+      {
+        content: getContent,
+        onSuccess: (pattern) => {
+          handleSuccess(pattern);
+        },
+        onError: () => {
+          setIsModalOpen(false);
+        },
+        onClose: () => {
+          setIsModalOpen(false);
+        }
       }
-    })]
-  });
+    )
+  ] });
 }
-//# sourceMappingURL=pattern-convert-button.js.map
+export {
+  PatternConvertButton as default
+};
+//# sourceMappingURL=pattern-convert-button.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["hasBlockSupport","isReusableBlock","createBlock","serialize","getBlockType","store","blockEditorStore","useState","useCallback","MenuItem","symbol","useSelect","useDispatch","coreStore","__","sprintf","noticesStore","patternsStore","CreatePatternModal","unlock","PATTERN_SYNC_TYPES","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternConvertButton","clientIds","rootClientId","closeBlockSettingsMenu","createSuccessNotice","replaceBlocks","updateBlockAttributes","setEditingPattern","isModalOpen","setIsModalOpen","getBlockAttributes","canConvert","select","_getBlocksByClientId","canUser","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","hasReusableBlockSupport","blockName","blockType","hasParent","isSyncedPattern","getEntityRecord","attributes","ref","isUnsyncedPattern","window","__experimentalContentOnlyPatternInsertion","metadata","patternName","_canConvert","every","block","isValid","name","kind","getContent","handleSuccess","pattern","wp_pattern_sync_status","unsynced","existingAttributes","id","title","raw","newBlock","clientId","type","children","icon","onClick","content","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } 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 { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\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 * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n */\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { getBlockAttributes } = useSelect( blockEditorStore );\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\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isSyncedPattern =\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 isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks?.[ 0 ]?.attributes?.metadata?.patternName;\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a pattern.\n\t\t\t\t! isUnsyncedPattern &&\n\t\t\t\t! isSyncedPattern &&\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\thasReusableBlockSupport( block.name )\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\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tif ( clientIds?.length === 1 ) {\n\t\t\t\tconst existingAttributes = getBlockAttributes( clientIds[ 0 ] );\n\t\t\t\tupdateBlockAttributes( clientIds[ 0 ], {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...( existingAttributes?.metadata\n\t\t\t\t\t\t\t? existingAttributes.metadata\n\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\tpatternName: `core/block/${ pattern.id }`,\n\t\t\t\t\t\tname: pattern.title.raw,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.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\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\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\tcontent={ getContent }\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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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/components/pattern-convert-button.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } 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 { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\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 * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n */\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { getBlockAttributes } = useSelect( blockEditorStore );\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\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isSyncedPattern =\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 isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks?.[ 0 ]?.attributes?.metadata?.patternName;\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a pattern.\n\t\t\t\t! isUnsyncedPattern &&\n\t\t\t\t! isSyncedPattern &&\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\thasReusableBlockSupport( block.name )\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\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tif ( clientIds?.length === 1 ) {\n\t\t\t\tconst existingAttributes = getBlockAttributes( clientIds[ 0 ] );\n\t\t\t\tupdateBlockAttributes( clientIds[ 0 ], {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...( existingAttributes?.metadata\n\t\t\t\t\t\t\t? existingAttributes.metadata\n\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\tpatternName: `core/block/${ pattern.id }`,\n\t\t\t\t\t\tname: pattern.title.raw,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.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\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\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\tcontent={ getContent }\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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",
+  "names": ["getBlocksByClientId"]
+}