@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build-module/template-part/edit/inner-blocks.js

@@ -1,19 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { useEntityBlockEditor, store as coreStore } from '@wordpress/core-data';
-import { InnerBlocks, useInnerBlocksProps, useSettings, store as blockEditorStore, useBlockEditingMode } from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { parse } from '@wordpress/blocks';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useEntityBlockEditor, store as coreStore } from "@wordpress/core-data";
+import {
+  InnerBlocks,
+  useInnerBlocksProps,
+  useSettings,
+  store as blockEditorStore,
+  useBlockEditingMode
+} from "@wordpress/block-editor";
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { parse } from "@wordpress/blocks";
 function useRenderAppender(hasInnerBlocks) {
   const blockEditingMode = useBlockEditingMode();
-  // Disable appending when the editing mode is 'contentOnly'. This is so that the user can't
-  // append into a template part when editing a page in the site editor. See
-  // DisableNonPageContentBlocks. Ideally instead of (mis)using editing mode there would be a
-  // block editor API for achieving this.
-  if (blockEditingMode === 'contentOnly') {
+  if (blockEditingMode === "contentOnly") {
     return false;
   }
   if (!hasInnerBlocks) {
@@ -21,13 +20,11 @@ function useRenderAppender(hasInnerBlocks) {
   }
 }
 function useLayout(layout) {
-  const themeSupportsLayout = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
+  const themeSupportsLayout = useSelect((select) => {
+    const { getSettings } = select(blockEditorStore);
     return getSettings()?.supportsLayout;
   }, []);
-  const [defaultLayout] = useSettings('layout');
+  const [defaultLayout] = useSettings("layout");
   if (themeSupportsLayout) {
     return layout?.inherit ? defaultLayout || {} : layout;
   }
@@ -38,47 +35,48 @@ function NonEditableTemplatePartPreview({
   tagName: TagName,
   blockProps
 }) {
-  useBlockEditingMode('disabled');
-  const {
-    content,
-    editedBlocks
-  } = useSelect(select => {
-    if (!id) {
-      return {};
-    }
-    const {
-      getEditedEntityRecord
-    } = select(coreStore);
-    const editedRecord = getEditedEntityRecord('postType', 'wp_template_part', id, {
-      context: 'view'
-    });
-    return {
-      editedBlocks: editedRecord.blocks,
-      content: editedRecord.content
-    };
-  }, [id]);
+  useBlockEditingMode("disabled");
+  const { content, editedBlocks } = useSelect(
+    (select) => {
+      if (!id) {
+        return {};
+      }
+      const { getEditedEntityRecord } = select(coreStore);
+      const editedRecord = getEditedEntityRecord(
+        "postType",
+        "wp_template_part",
+        id,
+        { context: "view" }
+      );
+      return {
+        editedBlocks: editedRecord.blocks,
+        content: editedRecord.content
+      };
+    },
+    [id]
+  );
   const blocks = useMemo(() => {
     if (!id) {
-      return undefined;
+      return void 0;
     }
     if (editedBlocks) {
       return editedBlocks;
     }
-    if (!content || typeof content !== 'string') {
+    if (!content || typeof content !== "string") {
       return [];
     }
     return parse(content);
   }, [id, editedBlocks, content]);
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     value: blocks,
-    onInput: () => {},
-    onChange: () => {},
+    onInput: () => {
+    },
+    onChange: () => {
+    },
     renderAppender: false,
     layout: useLayout(layout)
   });
-  return /*#__PURE__*/_jsx(TagName, {
-    ...innerBlocksProps
-  });
+  return /* @__PURE__ */ jsx(TagName, { ...innerBlocksProps });
 }
 function EditableTemplatePartInnerBlocks({
   postId: id,
@@ -87,10 +85,15 @@ function EditableTemplatePartInnerBlocks({
   tagName: TagName,
   blockProps
 }) {
-  const onNavigateToEntityRecord = useSelect(select => select(blockEditorStore).getSettings().onNavigateToEntityRecord, []);
-  const [blocks, onInput, onChange] = useEntityBlockEditor('postType', 'wp_template_part', {
-    id
-  });
+  const onNavigateToEntityRecord = useSelect(
+    (select) => select(blockEditorStore).getSettings().onNavigateToEntityRecord,
+    []
+  );
+  const [blocks, onInput, onChange] = useEntityBlockEditor(
+    "postType",
+    "wp_template_part",
+    { id }
+  );
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     value: blocks,
     onInput,
@@ -99,51 +102,54 @@ function EditableTemplatePartInnerBlocks({
     layout: useLayout(layout)
   });
   const blockEditingMode = useBlockEditingMode();
-  const customProps = blockEditingMode === 'contentOnly' && onNavigateToEntityRecord ? {
+  const customProps = blockEditingMode === "contentOnly" && onNavigateToEntityRecord ? {
     onDoubleClick: () => onNavigateToEntityRecord({
       postId: id,
-      postType: 'wp_template_part'
+      postType: "wp_template_part"
     })
   } : {};
-  return /*#__PURE__*/_jsx(TagName, {
-    ...innerBlocksProps,
-    ...customProps
-  });
+  return /* @__PURE__ */ jsx(TagName, { ...innerBlocksProps, ...customProps });
 }
-export default function TemplatePartInnerBlocks({
+function TemplatePartInnerBlocks({
   postId: id,
   hasInnerBlocks,
   layout,
   tagName: TagName,
   blockProps
 }) {
-  const {
-    canViewTemplatePart,
-    canEditTemplatePart
-  } = useSelect(select => {
-    return {
-      canViewTemplatePart: !!select(coreStore).canUser('read', {
-        kind: 'postType',
-        name: 'wp_template_part',
-        id
-      }),
-      canEditTemplatePart: !!select(coreStore).canUser('update', {
-        kind: 'postType',
-        name: 'wp_template_part',
-        id
-      })
-    };
-  }, [id]);
+  const { canViewTemplatePart, canEditTemplatePart } = useSelect(
+    (select) => {
+      return {
+        canViewTemplatePart: !!select(coreStore).canUser("read", {
+          kind: "postType",
+          name: "wp_template_part",
+          id
+        }),
+        canEditTemplatePart: !!select(coreStore).canUser("update", {
+          kind: "postType",
+          name: "wp_template_part",
+          id
+        })
+      };
+    },
+    [id]
+  );
   if (!canViewTemplatePart) {
     return null;
   }
   const TemplatePartInnerBlocksComponent = canEditTemplatePart ? EditableTemplatePartInnerBlocks : NonEditableTemplatePartPreview;
-  return /*#__PURE__*/_jsx(TemplatePartInnerBlocksComponent, {
-    postId: id,
-    hasInnerBlocks: hasInnerBlocks,
-    layout: layout,
-    tagName: TagName,
-    blockProps: blockProps
-  });
+  return /* @__PURE__ */ jsx(
+    TemplatePartInnerBlocksComponent,
+    {
+      postId: id,
+      hasInnerBlocks,
+      layout,
+      tagName: TagName,
+      blockProps
+    }
+  );
 }
-//# sourceMappingURL=inner-blocks.js.map
+export {
+  TemplatePartInnerBlocks as default
+};
+//# sourceMappingURL=inner-blocks.js.map

package/build-module/template-part/edit/inner-blocks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEntityBlockEditor","store","coreStore","InnerBlocks","useInnerBlocksProps","useSettings","blockEditorStore","useBlockEditingMode","useSelect","useMemo","parse","jsx","_jsx","useRenderAppender","hasInnerBlocks","blockEditingMode","ButtonBlockAppender","useLayout","layout","themeSupportsLayout","select","getSettings","supportsLayout","defaultLayout","inherit","NonEditableTemplatePartPreview","postId","id","tagName","TagName","blockProps","content","editedBlocks","getEditedEntityRecord","editedRecord","context","blocks","undefined","innerBlocksProps","value","onInput","onChange","renderAppender","EditableTemplatePartInnerBlocks","onNavigateToEntityRecord","customProps","onDoubleClick","postType","TemplatePartInnerBlocks","canViewTemplatePart","canEditTemplatePart","canUser","kind","name","TemplatePartInnerBlocksComponent"],"sources":["@wordpress/block-library/src/template-part/edit/inner-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor, store as coreStore } from '@wordpress/core-data';\nimport {\n\tInnerBlocks,\n\tuseInnerBlocksProps,\n\tuseSettings,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { parse } from '@wordpress/blocks';\n\nfunction useRenderAppender( hasInnerBlocks ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\t// Disable appending when the editing mode is 'contentOnly'. This is so that the user can't\n\t// append into a template part when editing a page in the site editor. See\n\t// DisableNonPageContentBlocks. Ideally instead of (mis)using editing mode there would be a\n\t// block editor API for achieving this.\n\tif ( blockEditingMode === 'contentOnly' ) {\n\t\treturn false;\n\t}\n\tif ( ! hasInnerBlocks ) {\n\t\treturn InnerBlocks.ButtonBlockAppender;\n\t}\n}\n\nfunction useLayout( layout ) {\n\tconst themeSupportsLayout = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings()?.supportsLayout;\n\t}, [] );\n\tconst [ defaultLayout ] = useSettings( 'layout' );\n\tif ( themeSupportsLayout ) {\n\t\treturn layout?.inherit ? defaultLayout || {} : layout;\n\t}\n}\n\nfunction NonEditableTemplatePartPreview( {\n\tpostId: id,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tuseBlockEditingMode( 'disabled' );\n\n\tconst { content, editedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! id ) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst editedRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\tid,\n\t\t\t\t{ context: 'view' }\n\t\t\t);\n\t\t\treturn {\n\t\t\t\teditedBlocks: editedRecord.blocks,\n\t\t\t\tcontent: editedRecord.content,\n\t\t\t};\n\t\t},\n\t\t[ id ]\n\t);\n\n\tconst blocks = useMemo( () => {\n\t\tif ( ! id ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tif ( editedBlocks ) {\n\t\t\treturn editedBlocks;\n\t\t}\n\n\t\tif ( ! content || typeof content !== 'string' ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn parse( content );\n\t}, [ id, editedBlocks, content ] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tonInput: () => {},\n\t\tonChange: () => {},\n\t\trenderAppender: false,\n\t\tlayout: useLayout( layout ),\n\t} );\n\n\treturn <TagName { ...innerBlocksProps } />;\n}\n\nfunction EditableTemplatePartInnerBlocks( {\n\tpostId: id,\n\thasInnerBlocks,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tconst onNavigateToEntityRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().onNavigateToEntityRecord,\n\t\t[]\n\t);\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t{ id }\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: useRenderAppender( hasInnerBlocks ),\n\t\tlayout: useLayout( layout ),\n\t} );\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst customProps =\n\t\tblockEditingMode === 'contentOnly' && onNavigateToEntityRecord\n\t\t\t? {\n\t\t\t\t\tonDoubleClick: () =>\n\t\t\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\t\t\tpostId: id,\n\t\t\t\t\t\t\tpostType: 'wp_template_part',\n\t\t\t\t\t\t} ),\n\t\t\t  }\n\t\t\t: {};\n\n\treturn <TagName { ...innerBlocksProps } { ...customProps } />;\n}\n\nexport default function TemplatePartInnerBlocks( {\n\tpostId: id,\n\thasInnerBlocks,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tconst { canViewTemplatePart, canEditTemplatePart } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tcanViewTemplatePart: !! select( coreStore ).canUser( 'read', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t\tid,\n\t\t\t\t} ),\n\t\t\t\tcanEditTemplatePart: !! select( coreStore ).canUser( 'update', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t\tid,\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[ id ]\n\t);\n\n\tif ( ! canViewTemplatePart ) {\n\t\treturn null;\n\t}\n\n\tconst TemplatePartInnerBlocksComponent = canEditTemplatePart\n\t\t? EditableTemplatePartInnerBlocks\n\t\t: NonEditableTemplatePartPreview;\n\n\treturn (\n\t\t<TemplatePartInnerBlocksComponent\n\t\t\tpostId={ id }\n\t\t\thasInnerBlocks={ hasInnerBlocks }\n\t\t\tlayout={ layout }\n\t\t\ttagName={ TagName }\n\t\t\tblockProps={ blockProps }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/template-part/edit/inner-blocks.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor, store as coreStore } from '@wordpress/core-data';\nimport {\n\tInnerBlocks,\n\tuseInnerBlocksProps,\n\tuseSettings,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { parse } from '@wordpress/blocks';\n\nfunction useRenderAppender( hasInnerBlocks ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\t// Disable appending when the editing mode is 'contentOnly'. This is so that the user can't\n\t// append into a template part when editing a page in the site editor. See\n\t// DisableNonPageContentBlocks. Ideally instead of (mis)using editing mode there would be a\n\t// block editor API for achieving this.\n\tif ( blockEditingMode === 'contentOnly' ) {\n\t\treturn false;\n\t}\n\tif ( ! hasInnerBlocks ) {\n\t\treturn InnerBlocks.ButtonBlockAppender;\n\t}\n}\n\nfunction useLayout( layout ) {\n\tconst themeSupportsLayout = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings()?.supportsLayout;\n\t}, [] );\n\tconst [ defaultLayout ] = useSettings( 'layout' );\n\tif ( themeSupportsLayout ) {\n\t\treturn layout?.inherit ? defaultLayout || {} : layout;\n\t}\n}\n\nfunction NonEditableTemplatePartPreview( {\n\tpostId: id,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tuseBlockEditingMode( 'disabled' );\n\n\tconst { content, editedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! id ) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst editedRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\tid,\n\t\t\t\t{ context: 'view' }\n\t\t\t);\n\t\t\treturn {\n\t\t\t\teditedBlocks: editedRecord.blocks,\n\t\t\t\tcontent: editedRecord.content,\n\t\t\t};\n\t\t},\n\t\t[ id ]\n\t);\n\n\tconst blocks = useMemo( () => {\n\t\tif ( ! id ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tif ( editedBlocks ) {\n\t\t\treturn editedBlocks;\n\t\t}\n\n\t\tif ( ! content || typeof content !== 'string' ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn parse( content );\n\t}, [ id, editedBlocks, content ] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tonInput: () => {},\n\t\tonChange: () => {},\n\t\trenderAppender: false,\n\t\tlayout: useLayout( layout ),\n\t} );\n\n\treturn <TagName { ...innerBlocksProps } />;\n}\n\nfunction EditableTemplatePartInnerBlocks( {\n\tpostId: id,\n\thasInnerBlocks,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tconst onNavigateToEntityRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().onNavigateToEntityRecord,\n\t\t[]\n\t);\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t{ id }\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: useRenderAppender( hasInnerBlocks ),\n\t\tlayout: useLayout( layout ),\n\t} );\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst customProps =\n\t\tblockEditingMode === 'contentOnly' && onNavigateToEntityRecord\n\t\t\t? {\n\t\t\t\t\tonDoubleClick: () =>\n\t\t\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\t\t\tpostId: id,\n\t\t\t\t\t\t\tpostType: 'wp_template_part',\n\t\t\t\t\t\t} ),\n\t\t\t  }\n\t\t\t: {};\n\n\treturn <TagName { ...innerBlocksProps } { ...customProps } />;\n}\n\nexport default function TemplatePartInnerBlocks( {\n\tpostId: id,\n\thasInnerBlocks,\n\tlayout,\n\ttagName: TagName,\n\tblockProps,\n} ) {\n\tconst { canViewTemplatePart, canEditTemplatePart } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tcanViewTemplatePart: !! select( coreStore ).canUser( 'read', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t\tid,\n\t\t\t\t} ),\n\t\t\t\tcanEditTemplatePart: !! select( coreStore ).canUser( 'update', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t\tid,\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[ id ]\n\t);\n\n\tif ( ! canViewTemplatePart ) {\n\t\treturn null;\n\t}\n\n\tconst TemplatePartInnerBlocksComponent = canEditTemplatePart\n\t\t? EditableTemplatePartInnerBlocks\n\t\t: NonEditableTemplatePartPreview;\n\n\treturn (\n\t\t<TemplatePartInnerBlocksComponent\n\t\t\tpostId={ id }\n\t\t\thasInnerBlocks={ hasInnerBlocks }\n\t\t\tlayout={ layout }\n\t\t\ttagName={ TagName }\n\t\t\tblockProps={ blockProps }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/template-part/edit/placeholder.js

@@ -1,77 +1,99 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { Placeholder, Button, Spinner } from '@wordpress/components';
-import { useState } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { useAlternativeBlockPatterns, useAlternativeTemplateParts, useCreateTemplatePartFromBlocks, useTemplatePartArea } from './utils/hooks';
-import TitleModal from './title-modal';
-import { getTemplatePartIcon } from './utils/get-template-part-icon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function TemplatePartPlaceholder({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { Placeholder, Button, Spinner } from "@wordpress/components";
+import { useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import {
+  useAlternativeBlockPatterns,
+  useAlternativeTemplateParts,
+  useCreateTemplatePartFromBlocks,
+  useTemplatePartArea
+} from "./utils/hooks";
+import TitleModal from "./title-modal";
+import { getTemplatePartIcon } from "./utils/get-template-part-icon";
+function TemplatePartPlaceholder({
   area,
   clientId,
   templatePartId,
   onOpenSelectionModal,
   setAttributes
 }) {
-  const {
-    templateParts,
-    isResolving
-  } = useAlternativeTemplateParts(area, templatePartId);
+  const { templateParts, isResolving } = useAlternativeTemplateParts(
+    area,
+    templatePartId
+  );
   const blockPatterns = useAlternativeBlockPatterns(area, clientId);
-  const {
-    isBlockBasedTheme,
-    canCreateTemplatePart
-  } = useSelect(select => {
-    const {
-      getCurrentTheme,
-      canUser
-    } = select(coreStore);
-    return {
-      isBlockBasedTheme: getCurrentTheme()?.is_block_theme,
-      canCreateTemplatePart: canUser('create', {
-        kind: 'postType',
-        name: 'wp_template_part'
-      })
-    };
-  }, []);
+  const { isBlockBasedTheme, canCreateTemplatePart } = useSelect(
+    (select) => {
+      const { getCurrentTheme, canUser } = select(coreStore);
+      return {
+        isBlockBasedTheme: getCurrentTheme()?.is_block_theme,
+        canCreateTemplatePart: canUser("create", {
+          kind: "postType",
+          name: "wp_template_part"
+        })
+      };
+    },
+    []
+  );
   const [showTitleModal, setShowTitleModal] = useState(false);
   const areaObject = useTemplatePartArea(area);
-  const createFromBlocks = useCreateTemplatePartFromBlocks(area, setAttributes);
-  return /*#__PURE__*/_jsxs(Placeholder, {
-    icon: getTemplatePartIcon(areaObject.icon),
-    label: areaObject.label,
-    instructions: isBlockBasedTheme ? sprintf(
-    // Translators: %s as template part area title ("Header", "Footer", etc.).
-    __('Choose an existing %s or create a new one.'), areaObject.label.toLowerCase()) : sprintf(
-    // Translators: %s as template part area title ("Header", "Footer", etc.).
-    __('Choose an existing %s.'), areaObject.label.toLowerCase()),
-    children: [isResolving && /*#__PURE__*/_jsx(Spinner, {}), !isResolving && !!(templateParts.length || blockPatterns.length) && /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      variant: "primary",
-      onClick: onOpenSelectionModal,
-      children: __('Choose')
-    }), !isResolving && isBlockBasedTheme && canCreateTemplatePart && /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      variant: "secondary",
-      onClick: () => {
-        setShowTitleModal(true);
-      },
-      children: __('Start blank')
-    }), showTitleModal && /*#__PURE__*/_jsx(TitleModal, {
-      areaLabel: areaObject.label,
-      onClose: () => setShowTitleModal(false),
-      onSubmit: title => {
-        createFromBlocks([], title);
-      }
-    })]
-  });
+  const createFromBlocks = useCreateTemplatePartFromBlocks(
+    area,
+    setAttributes
+  );
+  return /* @__PURE__ */ jsxs(
+    Placeholder,
+    {
+      icon: getTemplatePartIcon(areaObject.icon),
+      label: areaObject.label,
+      instructions: isBlockBasedTheme ? sprintf(
+        // Translators: %s as template part area title ("Header", "Footer", etc.).
+        __("Choose an existing %s or create a new one."),
+        areaObject.label.toLowerCase()
+      ) : sprintf(
+        // Translators: %s as template part area title ("Header", "Footer", etc.).
+        __("Choose an existing %s."),
+        areaObject.label.toLowerCase()
+      ),
+      children: [
+        isResolving && /* @__PURE__ */ jsx(Spinner, {}),
+        !isResolving && !!(templateParts.length || blockPatterns.length) && /* @__PURE__ */ jsx(
+          Button,
+          {
+            __next40pxDefaultSize: true,
+            variant: "primary",
+            onClick: onOpenSelectionModal,
+            children: __("Choose")
+          }
+        ),
+        !isResolving && isBlockBasedTheme && canCreateTemplatePart && /* @__PURE__ */ jsx(
+          Button,
+          {
+            __next40pxDefaultSize: true,
+            variant: "secondary",
+            onClick: () => {
+              setShowTitleModal(true);
+            },
+            children: __("Start blank")
+          }
+        ),
+        showTitleModal && /* @__PURE__ */ jsx(
+          TitleModal,
+          {
+            areaLabel: areaObject.label,
+            onClose: () => setShowTitleModal(false),
+            onSubmit: (title) => {
+              createFromBlocks([], title);
+            }
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=placeholder.js.map
+export {
+  TemplatePartPlaceholder as default
+};
+//# sourceMappingURL=placeholder.js.map

package/build-module/template-part/edit/placeholder.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","sprintf","Placeholder","Button","Spinner","useState","useSelect","store","coreStore","useAlternativeBlockPatterns","useAlternativeTemplateParts","useCreateTemplatePartFromBlocks","useTemplatePartArea","TitleModal","getTemplatePartIcon","jsx","_jsx","jsxs","_jsxs","TemplatePartPlaceholder","area","clientId","templatePartId","onOpenSelectionModal","setAttributes","templateParts","isResolving","blockPatterns","isBlockBasedTheme","canCreateTemplatePart","select","getCurrentTheme","canUser","is_block_theme","kind","name","showTitleModal","setShowTitleModal","areaObject","createFromBlocks","icon","label","instructions","toLowerCase","children","length","__next40pxDefaultSize","variant","onClick","areaLabel","onClose","onSubmit","title"],"sources":["@wordpress/block-library/src/template-part/edit/placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, Button, Spinner } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseAlternativeBlockPatterns,\n\tuseAlternativeTemplateParts,\n\tuseCreateTemplatePartFromBlocks,\n\tuseTemplatePartArea,\n} from './utils/hooks';\nimport TitleModal from './title-modal';\nimport { getTemplatePartIcon } from './utils/get-template-part-icon';\n\nexport default function TemplatePartPlaceholder( {\n\tarea,\n\tclientId,\n\ttemplatePartId,\n\tonOpenSelectionModal,\n\tsetAttributes,\n} ) {\n\tconst { templateParts, isResolving } = useAlternativeTemplateParts(\n\t\tarea,\n\t\ttemplatePartId\n\t);\n\tconst blockPatterns = useAlternativeBlockPatterns( area, clientId );\n\n\tconst { isBlockBasedTheme, canCreateTemplatePart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentTheme, canUser } = select( coreStore );\n\t\t\treturn {\n\t\t\t\tisBlockBasedTheme: getCurrentTheme()?.is_block_theme,\n\t\t\t\tcanCreateTemplatePart: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst [ showTitleModal, setShowTitleModal ] = useState( false );\n\tconst areaObject = useTemplatePartArea( area );\n\tconst createFromBlocks = useCreateTemplatePartFromBlocks(\n\t\tarea,\n\t\tsetAttributes\n\t);\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ getTemplatePartIcon( areaObject.icon ) }\n\t\t\tlabel={ areaObject.label }\n\t\t\tinstructions={\n\t\t\t\tisBlockBasedTheme\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t__( 'Choose an existing %s or create a new one.' ),\n\t\t\t\t\t\t\tareaObject.label.toLowerCase()\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t__( 'Choose an existing %s.' ),\n\t\t\t\t\t\t\tareaObject.label.toLowerCase()\n\t\t\t\t\t  )\n\t\t\t}\n\t\t>\n\t\t\t{ isResolving && <Spinner /> }\n\n\t\t\t{ ! isResolving &&\n\t\t\t\t!! ( templateParts.length || blockPatterns.length ) && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ onOpenSelectionModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Choose' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\n\t\t\t{ ! isResolving && isBlockBasedTheme && canCreateTemplatePart && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowTitleModal( true );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Start blank' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t{ showTitleModal && (\n\t\t\t\t<TitleModal\n\t\t\t\t\tareaLabel={ areaObject.label }\n\t\t\t\t\tonClose={ () => setShowTitleModal( false ) }\n\t\t\t\t\tonSubmit={ ( title ) => {\n\t\t\t\t\t\tcreateFromBlocks( [], title );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/template-part/edit/placeholder.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, Button, Spinner } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseAlternativeBlockPatterns,\n\tuseAlternativeTemplateParts,\n\tuseCreateTemplatePartFromBlocks,\n\tuseTemplatePartArea,\n} from './utils/hooks';\nimport TitleModal from './title-modal';\nimport { getTemplatePartIcon } from './utils/get-template-part-icon';\n\nexport default function TemplatePartPlaceholder( {\n\tarea,\n\tclientId,\n\ttemplatePartId,\n\tonOpenSelectionModal,\n\tsetAttributes,\n} ) {\n\tconst { templateParts, isResolving } = useAlternativeTemplateParts(\n\t\tarea,\n\t\ttemplatePartId\n\t);\n\tconst blockPatterns = useAlternativeBlockPatterns( area, clientId );\n\n\tconst { isBlockBasedTheme, canCreateTemplatePart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentTheme, canUser } = select( coreStore );\n\t\t\treturn {\n\t\t\t\tisBlockBasedTheme: getCurrentTheme()?.is_block_theme,\n\t\t\t\tcanCreateTemplatePart: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template_part',\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst [ showTitleModal, setShowTitleModal ] = useState( false );\n\tconst areaObject = useTemplatePartArea( area );\n\tconst createFromBlocks = useCreateTemplatePartFromBlocks(\n\t\tarea,\n\t\tsetAttributes\n\t);\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ getTemplatePartIcon( areaObject.icon ) }\n\t\t\tlabel={ areaObject.label }\n\t\t\tinstructions={\n\t\t\t\tisBlockBasedTheme\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t__( 'Choose an existing %s or create a new one.' ),\n\t\t\t\t\t\t\tareaObject.label.toLowerCase()\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t__( 'Choose an existing %s.' ),\n\t\t\t\t\t\t\tareaObject.label.toLowerCase()\n\t\t\t\t\t  )\n\t\t\t}\n\t\t>\n\t\t\t{ isResolving && <Spinner /> }\n\n\t\t\t{ ! isResolving &&\n\t\t\t\t!! ( templateParts.length || blockPatterns.length ) && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ onOpenSelectionModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Choose' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\n\t\t\t{ ! isResolving && isBlockBasedTheme && canCreateTemplatePart && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowTitleModal( true );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Start blank' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t{ showTitleModal && (\n\t\t\t\t<TitleModal\n\t\t\t\t\tareaLabel={ areaObject.label }\n\t\t\t\t\tonClose={ () => setShowTitleModal( false ) }\n\t\t\t\t\tonSubmit={ ( title ) => {\n\t\t\t\t\t\tcreateFromBlocks( [], title );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n"],
+  "mappings": "AAwDE,SAiBkB,KAjBlB;AArDF,SAAS,IAAI,eAAe;AAC5B,SAAS,aAAa,QAAQ,eAAe;AAC7C,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AAErB,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,eAAe,YAAY,IAAI;AAAA,IACtC;AAAA,IACA;AAAA,EACD;AACA,QAAM,gBAAgB,4BAA6B,MAAM,QAAS;AAElE,QAAM,EAAE,mBAAmB,sBAAsB,IAAI;AAAA,IACpD,CAAE,WAAY;AACb,YAAM,EAAE,iBAAiB,QAAQ,IAAI,OAAQ,SAAU;AACvD,aAAO;AAAA,QACN,mBAAmB,gBAAgB,GAAG;AAAA,QACtC,uBAAuB,QAAS,UAAU;AAAA,UACzC,MAAM;AAAA,UACN,MAAM;AAAA,QACP,CAAE;AAAA,MACH;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,QAAM,CAAE,gBAAgB,iBAAkB,IAAI,SAAU,KAAM;AAC9D,QAAM,aAAa,oBAAqB,IAAK;AAC7C,QAAM,mBAAmB;AAAA,IACxB;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,oBAAqB,WAAW,IAAK;AAAA,MAC5C,OAAQ,WAAW;AAAA,MACnB,cACC,oBACG;AAAA;AAAA,QAEA,GAAI,4CAA6C;AAAA,QACjD,WAAW,MAAM,YAAY;AAAA,MAC7B,IACA;AAAA;AAAA,QAEA,GAAI,wBAAyB;AAAA,QAC7B,WAAW,MAAM,YAAY;AAAA,MAC7B;AAAA,MAGF;AAAA,uBAAe,oBAAC,WAAQ;AAAA,QAExB,CAAE,eACH,CAAC,EAAI,cAAc,UAAU,cAAc,WAC1C;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,SAAU;AAAA,YAER,aAAI,QAAS;AAAA;AAAA,QAChB;AAAA,QAGA,CAAE,eAAe,qBAAqB,yBACvC;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,SAAU,MAAM;AACf,gCAAmB,IAAK;AAAA,YACzB;AAAA,YAEE,aAAI,aAAc;AAAA;AAAA,QACrB;AAAA,QAEC,kBACD;AAAA,UAAC;AAAA;AAAA,YACA,WAAY,WAAW;AAAA,YACvB,SAAU,MAAM,kBAAmB,KAAM;AAAA,YACzC,UAAW,CAAE,UAAW;AACvB,+BAAkB,CAAC,GAAG,KAAM;AAAA,YAC7B;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EAEF;AAEF;",
+  "names": []
+}

package/build-module/template-part/edit/selection-modal.js

@@ -1,84 +1,89 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-import { useDispatch } from '@wordpress/data';
-import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
-import { SearchControl, __experimentalHStack as HStack } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { useAlternativeBlockPatterns, useAlternativeTemplateParts } from './utils/hooks';
-import { mapTemplatePartToBlockPattern } from './utils/map-template-part-to-block-pattern';
-import { searchPatterns } from '../../utils/search-patterns';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function TemplatePartSelectionModal({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "@wordpress/element";
+import { __, sprintf } from "@wordpress/i18n";
+import { store as noticesStore } from "@wordpress/notices";
+import { useDispatch } from "@wordpress/data";
+import { __experimentalBlockPatternsList as BlockPatternsList } from "@wordpress/block-editor";
+import {
+  SearchControl,
+  __experimentalHStack as HStack
+} from "@wordpress/components";
+import {
+  useAlternativeBlockPatterns,
+  useAlternativeTemplateParts
+} from "./utils/hooks";
+import { mapTemplatePartToBlockPattern } from "./utils/map-template-part-to-block-pattern";
+import { searchPatterns } from "../../utils/search-patterns";
+function TemplatePartSelectionModal({
   setAttributes,
   onClose,
   templatePartId = null,
   area,
   clientId
 }) {
-  const [searchValue, setSearchValue] = useState('');
-  const {
-    templateParts
-  } = useAlternativeTemplateParts(area, templatePartId);
-
-  // We can map template parts to block patters to reuse the BlockPatternsList UI
+  const [searchValue, setSearchValue] = useState("");
+  const { templateParts } = useAlternativeTemplateParts(
+    area,
+    templatePartId
+  );
   const filteredTemplateParts = useMemo(() => {
-    const partsAsPatterns = templateParts.map(templatePart => mapTemplatePartToBlockPattern(templatePart));
+    const partsAsPatterns = templateParts.map(
+      (templatePart) => mapTemplatePartToBlockPattern(templatePart)
+    );
     return searchPatterns(partsAsPatterns, searchValue);
   }, [templateParts, searchValue]);
   const blockPatterns = useAlternativeBlockPatterns(area, clientId);
   const filteredBlockPatterns = useMemo(() => {
     return searchPatterns(blockPatterns, searchValue);
   }, [blockPatterns, searchValue]);
-  const {
-    createSuccessNotice
-  } = useDispatch(noticesStore);
-  const onTemplatePartSelect = templatePart => {
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const onTemplatePartSelect = (templatePart) => {
     setAttributes({
       slug: templatePart.slug,
       theme: templatePart.theme,
-      area: undefined
-    });
-    createSuccessNotice(sprintf(/* translators: %s: template part title. */
-    __('Template Part "%s" inserted.'), templatePart.title?.rendered || templatePart.slug), {
-      type: 'snackbar'
+      area: void 0
     });
+    createSuccessNotice(
+      sprintf(
+        /* translators: %s: template part title. */
+        __('Template Part "%s" inserted.'),
+        templatePart.title?.rendered || templatePart.slug
+      ),
+      {
+        type: "snackbar"
+      }
+    );
     onClose();
   };
   const hasTemplateParts = !!filteredTemplateParts.length;
   const hasBlockPatterns = !!filteredBlockPatterns.length;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "block-library-template-part__selection-content",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "block-library-template-part__selection-search",
-      children: /*#__PURE__*/_jsx(SearchControl, {
+  return /* @__PURE__ */ jsxs("div", { className: "block-library-template-part__selection-content", children: [
+    /* @__PURE__ */ jsx("div", { className: "block-library-template-part__selection-search", children: /* @__PURE__ */ jsx(
+      SearchControl,
+      {
         __nextHasNoMarginBottom: true,
         onChange: setSearchValue,
         value: searchValue,
-        label: __('Search'),
-        placeholder: __('Search')
-      })
-    }), hasTemplateParts && /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("h2", {
-        children: __('Existing template parts')
-      }), /*#__PURE__*/_jsx(BlockPatternsList, {
-        blockPatterns: filteredTemplateParts,
-        onClickPattern: pattern => {
-          onTemplatePartSelect(pattern.templatePart);
+        label: __("Search"),
+        placeholder: __("Search")
+      }
+    ) }),
+    hasTemplateParts && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { children: __("Existing template parts") }),
+      /* @__PURE__ */ jsx(
+        BlockPatternsList,
+        {
+          blockPatterns: filteredTemplateParts,
+          onClickPattern: (pattern) => {
+            onTemplatePartSelect(pattern.templatePart);
+          }
         }
-      })]
-    }), !hasTemplateParts && !hasBlockPatterns && /*#__PURE__*/_jsx(HStack, {
-      alignment: "center",
-      children: /*#__PURE__*/_jsx("p", {
-        children: __('No results found.')
-      })
-    })]
-  });
+      )
+    ] }),
+    !hasTemplateParts && !hasBlockPatterns && /* @__PURE__ */ jsx(HStack, { alignment: "center", children: /* @__PURE__ */ jsx("p", { children: __("No results found.") }) })
+  ] });
 }
-//# sourceMappingURL=selection-modal.js.map
+export {
+  TemplatePartSelectionModal as default
+};
+//# sourceMappingURL=selection-modal.js.map