@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/post-template/create-new-template-modal.js

@@ -1,124 +1,146 @@
-/**
- * External dependencies
- */
-import { paramCase as kebabCase } from 'change-case';
-
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { serialize, createBlock } from '@wordpress/blocks';
-import { Modal, TextControl, Button, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_TITLE = __('Custom Template');
-export default function CreateNewTemplateModal({
-  onClose
-}) {
-  const {
-    defaultBlockTemplate,
-    onNavigateToEntityRecord
-  } = useSelect(select => {
-    const {
-      getEditorSettings,
-      getCurrentTemplateId
-    } = select(editorStore);
-    return {
-      defaultBlockTemplate: getEditorSettings().defaultBlockTemplate,
-      onNavigateToEntityRecord: getEditorSettings().onNavigateToEntityRecord,
-      getTemplateId: getCurrentTemplateId
-    };
-  });
-  const {
-    createTemplate
-  } = unlock(useDispatch(editorStore));
-  const [title, setTitle] = useState('');
+import { jsx, jsxs } from "react/jsx-runtime";
+import { paramCase as kebabCase } from "change-case";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useState } from "@wordpress/element";
+import { serialize, createBlock } from "@wordpress/blocks";
+import {
+  Modal,
+  TextControl,
+  Button,
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { unlock } from "../../lock-unlock";
+import { store as editorStore } from "../../store";
+const DEFAULT_TITLE = __("Custom Template");
+function CreateNewTemplateModal({ onClose }) {
+  const { defaultBlockTemplate, onNavigateToEntityRecord } = useSelect(
+    (select) => {
+      const { getEditorSettings, getCurrentTemplateId } = select(editorStore);
+      return {
+        defaultBlockTemplate: getEditorSettings().defaultBlockTemplate,
+        onNavigateToEntityRecord: getEditorSettings().onNavigateToEntityRecord,
+        getTemplateId: getCurrentTemplateId
+      };
+    }
+  );
+  const { createTemplate } = unlock(useDispatch(editorStore));
+  const [title, setTitle] = useState("");
   const [isBusy, setIsBusy] = useState(false);
   const cancel = () => {
-    setTitle('');
+    setTitle("");
     onClose();
   };
-  const submit = async event => {
+  const submit = async (event) => {
     event.preventDefault();
     if (isBusy) {
       return;
     }
     setIsBusy(true);
-    const newTemplateContent = defaultBlockTemplate !== null && defaultBlockTemplate !== void 0 ? defaultBlockTemplate : serialize([createBlock('core/group', {
-      tagName: 'header',
-      layout: {
-        inherit: true
-      }
-    }, [createBlock('core/site-title'), createBlock('core/site-tagline')]), createBlock('core/separator'), createBlock('core/group', {
-      tagName: 'main'
-    }, [createBlock('core/group', {
-      layout: {
-        inherit: true
-      }
-    }, [createBlock('core/post-title')]), createBlock('core/post-content', {
-      layout: {
-        inherit: true
-      }
-    })])]);
+    const newTemplateContent = defaultBlockTemplate ?? serialize([
+      createBlock(
+        "core/group",
+        {
+          tagName: "header",
+          layout: { inherit: true }
+        },
+        [
+          createBlock("core/site-title"),
+          createBlock("core/site-tagline")
+        ]
+      ),
+      createBlock("core/separator"),
+      createBlock(
+        "core/group",
+        {
+          tagName: "main"
+        },
+        [
+          createBlock(
+            "core/group",
+            {
+              layout: { inherit: true }
+            },
+            [createBlock("core/post-title")]
+          ),
+          createBlock("core/post-content", {
+            layout: { inherit: true }
+          })
+        ]
+      )
+    ]);
     const newTemplate = await createTemplate({
-      slug: kebabCase(title || DEFAULT_TITLE) || 'wp-custom-template',
+      slug: kebabCase(title || DEFAULT_TITLE) || "wp-custom-template",
       content: newTemplateContent,
       title: title || DEFAULT_TITLE
     });
     setIsBusy(false);
     onNavigateToEntityRecord({
       postId: newTemplate.id,
-      postType: 'wp_template'
+      postType: "wp_template"
     });
     cancel();
   };
-  return /*#__PURE__*/_jsx(Modal, {
-    title: __('Create custom template'),
-    onRequestClose: cancel,
-    focusOnMount: "firstContentElement",
-    size: "small",
-    overlayClassName: "editor-post-template__create-template-modal",
-    children: /*#__PURE__*/_jsx("form", {
-      className: "editor-post-template__create-form",
-      onSubmit: submit,
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: "3",
-        children: [/*#__PURE__*/_jsx(TextControl, {
-          __next40pxDefaultSize: true,
-          __nextHasNoMarginBottom: true,
-          label: __('Name'),
-          value: title,
-          onChange: setTitle,
-          placeholder: DEFAULT_TITLE,
-          disabled: isBusy,
-          help: __(
-          // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
-          'Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.')
-        }), /*#__PURE__*/_jsxs(HStack, {
-          justify: "right",
-          children: [/*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            variant: "tertiary",
-            onClick: cancel,
-            children: __('Cancel')
-          }), /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            variant: "primary",
-            type: "submit",
-            isBusy: isBusy,
-            "aria-disabled": isBusy,
-            children: __('Create')
-          })]
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title: __("Create custom template"),
+      onRequestClose: cancel,
+      focusOnMount: "firstContentElement",
+      size: "small",
+      overlayClassName: "editor-post-template__create-template-modal",
+      children: /* @__PURE__ */ jsx(
+        "form",
+        {
+          className: "editor-post-template__create-form",
+          onSubmit: submit,
+          children: /* @__PURE__ */ jsxs(VStack, { spacing: "3", children: [
+            /* @__PURE__ */ jsx(
+              TextControl,
+              {
+                __next40pxDefaultSize: true,
+                __nextHasNoMarginBottom: true,
+                label: __("Name"),
+                value: title,
+                onChange: setTitle,
+                placeholder: DEFAULT_TITLE,
+                disabled: isBusy,
+                help: __(
+                  // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
+                  'Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.'
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(HStack, { justify: "right", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: cancel,
+                  children: __("Cancel")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  type: "submit",
+                  isBusy,
+                  "aria-disabled": isBusy,
+                  children: __("Create")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=create-new-template-modal.js.map
+export {
+  CreateNewTemplateModal as default
+};
+//# sourceMappingURL=create-new-template-modal.js.map

package/build-module/components/post-template/create-new-template-modal.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["paramCase","kebabCase","useSelect","useDispatch","useState","serialize","createBlock","Modal","TextControl","Button","__experimentalHStack","HStack","__experimentalVStack","VStack","__","unlock","store","editorStore","jsx","_jsx","jsxs","_jsxs","DEFAULT_TITLE","CreateNewTemplateModal","onClose","defaultBlockTemplate","onNavigateToEntityRecord","select","getEditorSettings","getCurrentTemplateId","getTemplateId","createTemplate","title","setTitle","isBusy","setIsBusy","cancel","submit","event","preventDefault","newTemplateContent","tagName","layout","inherit","newTemplate","slug","content","postId","id","postType","onRequestClose","focusOnMount","size","overlayClassName","children","className","onSubmit","spacing","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","placeholder","disabled","help","justify","variant","onClick","type"],"sources":["@wordpress/editor/src/components/post-template/create-new-template-modal.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tModal,\n\tTextControl,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst DEFAULT_TITLE = __( 'Custom Template' );\n\nexport default function CreateNewTemplateModal( { onClose } ) {\n\tconst { defaultBlockTemplate, onNavigateToEntityRecord } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tdefaultBlockTemplate: getEditorSettings().defaultBlockTemplate,\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\t\tgetTemplateId: getCurrentTemplateId,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { createTemplate } = unlock( useDispatch( editorStore ) );\n\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst [ isBusy, setIsBusy ] = useState( false );\n\n\tconst cancel = () => {\n\t\tsetTitle( '' );\n\t\tonClose();\n\t};\n\n\tconst submit = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isBusy ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsBusy( true );\n\n\t\tconst newTemplateContent =\n\t\t\tdefaultBlockTemplate ??\n\t\t\tserialize( [\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'header',\n\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/site-title' ),\n\t\t\t\t\t\tcreateBlock( 'core/site-tagline' ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\tcreateBlock( 'core/separator' ),\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'main',\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t[ createBlock( 'core/post-title' ) ]\n\t\t\t\t\t\t),\n\t\t\t\t\t\tcreateBlock( 'core/post-content', {\n\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t] );\n\n\t\tconst newTemplate = await createTemplate( {\n\t\t\tslug: kebabCase( title || DEFAULT_TITLE ) || 'wp-custom-template',\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title || DEFAULT_TITLE,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tonNavigateToEntityRecord( {\n\t\t\tpostId: newTemplate.id,\n\t\t\tpostType: 'wp_template',\n\t\t} );\n\t\tcancel();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\tonRequestClose={ cancel }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t\toverlayClassName=\"editor-post-template__create-template-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"editor-post-template__create-form\"\n\t\t\t\tonSubmit={ submit }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\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={ DEFAULT_TITLE }\n\t\t\t\t\t\tdisabled={ isBusy }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t\t\t\t\t'Describe the template, e.g. \"Post with sidebar\". A custom template can be manually applied to any post or page.'\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\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ cancel }\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\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tisBusy={ isBusy }\n\t\t\t\t\t\t\taria-disabled={ isBusy }\n\t\t\t\t\t\t>\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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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-template/create-new-template-modal.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tModal,\n\tTextControl,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst DEFAULT_TITLE = __( 'Custom Template' );\n\nexport default function CreateNewTemplateModal( { onClose } ) {\n\tconst { defaultBlockTemplate, onNavigateToEntityRecord } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tdefaultBlockTemplate: getEditorSettings().defaultBlockTemplate,\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\t\tgetTemplateId: getCurrentTemplateId,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { createTemplate } = unlock( useDispatch( editorStore ) );\n\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst [ isBusy, setIsBusy ] = useState( false );\n\n\tconst cancel = () => {\n\t\tsetTitle( '' );\n\t\tonClose();\n\t};\n\n\tconst submit = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isBusy ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsBusy( true );\n\n\t\tconst newTemplateContent =\n\t\t\tdefaultBlockTemplate ??\n\t\t\tserialize( [\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'header',\n\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/site-title' ),\n\t\t\t\t\t\tcreateBlock( 'core/site-tagline' ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\tcreateBlock( 'core/separator' ),\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{\n\t\t\t\t\t\ttagName: 'main',\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t[ createBlock( 'core/post-title' ) ]\n\t\t\t\t\t\t),\n\t\t\t\t\t\tcreateBlock( 'core/post-content', {\n\t\t\t\t\t\t\tlayout: { inherit: true },\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t] );\n\n\t\tconst newTemplate = await createTemplate( {\n\t\t\tslug: kebabCase( title || DEFAULT_TITLE ) || 'wp-custom-template',\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title || DEFAULT_TITLE,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tonNavigateToEntityRecord( {\n\t\t\tpostId: newTemplate.id,\n\t\t\tpostType: 'wp_template',\n\t\t} );\n\t\tcancel();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\tonRequestClose={ cancel }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t\toverlayClassName=\"editor-post-template__create-template-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"editor-post-template__create-form\"\n\t\t\t\tonSubmit={ submit }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\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={ DEFAULT_TITLE }\n\t\t\t\t\t\tdisabled={ isBusy }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t\t\t\t\t'Describe the template, e.g. \"Post with sidebar\". A custom template can be manually applied to any post or page.'\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\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ cancel }\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\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tisBusy={ isBusy }\n\t\t\t\t\t\t\taria-disabled={ isBusy }\n\t\t\t\t\t\t>\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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",
+  "names": []
+}

package/build-module/components/post-template/create-new-template.js

@@ -1,50 +1,47 @@
-/**
- * WordPress dependencies
- */
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import CreateNewTemplateModal from './create-new-template-modal';
-import { useAllowSwitchingTemplates } from './hooks';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function CreateNewTemplate() {
-  const {
-    canCreateTemplates
-  } = useSelect(select => {
-    const {
-      canUser
-    } = select(coreStore);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MenuItem } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { useState } from "@wordpress/element";
+import CreateNewTemplateModal from "./create-new-template-modal";
+import { useAllowSwitchingTemplates } from "./hooks";
+function CreateNewTemplate() {
+  const { canCreateTemplates } = useSelect((select) => {
+    const { canUser } = select(coreStore);
     return {
-      canCreateTemplates: canUser('create', {
-        kind: 'postType',
-        name: 'wp_template'
+      canCreateTemplates: canUser("create", {
+        kind: "postType",
+        name: "wp_template"
       })
     };
   }, []);
   const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
   const allowSwitchingTemplate = useAllowSwitchingTemplates();
-
-  // The default template in a post is indicated by an empty string.
   if (!canCreateTemplates || !allowSwitchingTemplate) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MenuItem, {
-      onClick: () => {
-        setIsCreateModalOpen(true);
-      },
-      children: __('Create new template')
-    }), isCreateModalOpen && /*#__PURE__*/_jsx(CreateNewTemplateModal, {
-      onClose: () => {
-        setIsCreateModalOpen(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        onClick: () => {
+          setIsCreateModalOpen(true);
+        },
+        children: __("Create new template")
       }
-    })]
-  });
+    ),
+    isCreateModalOpen && /* @__PURE__ */ jsx(
+      CreateNewTemplateModal,
+      {
+        onClose: () => {
+          setIsCreateModalOpen(false);
+        }
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=create-new-template.js.map
+export {
+  CreateNewTemplate as default
+};
+//# sourceMappingURL=create-new-template.js.map

package/build-module/components/post-template/create-new-template.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["MenuItem","__","useSelect","store","coreStore","useState","CreateNewTemplateModal","useAllowSwitchingTemplates","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CreateNewTemplate","canCreateTemplates","select","canUser","kind","name","isCreateModalOpen","setIsCreateModalOpen","allowSwitchingTemplate","children","onClick","onClose"],"sources":["@wordpress/editor/src/components/post-template/create-new-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport CreateNewTemplateModal from './create-new-template-modal';\nimport { useAllowSwitchingTemplates } from './hooks';\n\nexport default function CreateNewTemplate() {\n\tconst { canCreateTemplates } = useSelect( ( select ) => {\n\t\tconst { canUser } = select( coreStore );\n\t\treturn {\n\t\t\tcanCreateTemplates: canUser( 'create', {\n\t\t\t\tkind: 'postType',\n\t\t\t\tname: 'wp_template',\n\t\t\t} ),\n\t\t};\n\t}, [] );\n\tconst [ isCreateModalOpen, setIsCreateModalOpen ] = useState( false );\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\n\t// The default template in a post is indicated by an empty string.\n\tif ( ! canCreateTemplates || ! allowSwitchingTemplate ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsCreateModalOpen( true );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Create new template' ) }\n\t\t\t</MenuItem>\n\n\t\t\t{ isCreateModalOpen && (\n\t\t\t\t<CreateNewTemplateModal\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsCreateModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,SAASC,0BAA0B,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAErD,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC3C,MAAM;IAAEC;EAAmB,CAAC,GAAGb,SAAS,CAAIc,MAAM,IAAM;IACvD,MAAM;MAAEC;IAAQ,CAAC,GAAGD,MAAM,CAAEZ,SAAU,CAAC;IACvC,OAAO;MACNW,kBAAkB,EAAEE,OAAO,CAAE,QAAQ,EAAE;QACtCC,IAAI,EAAE,UAAU;QAChBC,IAAI,EAAE;MACP,CAAE;IACH,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAGhB,QAAQ,CAAE,KAAM,CAAC;EACrE,MAAMiB,sBAAsB,GAAGf,0BAA0B,CAAC,CAAC;;EAE3D;EACA,IAAK,CAAEQ,kBAAkB,IAAI,CAAEO,sBAAsB,EAAG;IACvD,OAAO,IAAI;EACZ;EACA,oBACCT,KAAA,CAAAF,SAAA;IAAAY,QAAA,gBACCd,IAAA,CAACT,QAAQ;MACRwB,OAAO,EAAGA,CAAA,KAAM;QACfH,oBAAoB,CAAE,IAAK,CAAC;MAC7B,CAAG;MAAAE,QAAA,EAEDtB,EAAE,CAAE,qBAAsB;IAAC,CACpB,CAAC,EAETmB,iBAAiB,iBAClBX,IAAA,CAACH,sBAAsB;MACtBmB,OAAO,EAAGA,CAAA,KAAM;QACfJ,oBAAoB,CAAE,KAAM,CAAC;MAC9B;IAAG,CACH,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-template/create-new-template.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport CreateNewTemplateModal from './create-new-template-modal';\nimport { useAllowSwitchingTemplates } from './hooks';\n\nexport default function CreateNewTemplate() {\n\tconst { canCreateTemplates } = useSelect( ( select ) => {\n\t\tconst { canUser } = select( coreStore );\n\t\treturn {\n\t\t\tcanCreateTemplates: canUser( 'create', {\n\t\t\t\tkind: 'postType',\n\t\t\t\tname: 'wp_template',\n\t\t\t} ),\n\t\t};\n\t}, [] );\n\tconst [ isCreateModalOpen, setIsCreateModalOpen ] = useState( false );\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\n\t// The default template in a post is indicated by an empty string.\n\tif ( ! canCreateTemplates || ! allowSwitchingTemplate ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsCreateModalOpen( true );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Create new template' ) }\n\t\t\t</MenuItem>\n\n\t\t\t{ isCreateModalOpen && (\n\t\t\t\t<CreateNewTemplateModal\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsCreateModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAiCE,mBACC,KADD;AA9BF,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AACnC,SAAS,gBAAgB;AAKzB,OAAO,4BAA4B;AACnC,SAAS,kCAAkC;AAE5B,SAAR,oBAAqC;AAC3C,QAAM,EAAE,mBAAmB,IAAI,UAAW,CAAE,WAAY;AACvD,UAAM,EAAE,QAAQ,IAAI,OAAQ,SAAU;AACtC,WAAO;AAAA,MACN,oBAAoB,QAAS,UAAU;AAAA,QACtC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,CAAE,mBAAmB,oBAAqB,IAAI,SAAU,KAAM;AACpE,QAAM,yBAAyB,2BAA2B;AAG1D,MAAK,CAAE,sBAAsB,CAAE,wBAAyB;AACvD,WAAO;AAAA,EACR;AACA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU,MAAM;AACf,+BAAsB,IAAK;AAAA,QAC5B;AAAA,QAEE,aAAI,qBAAsB;AAAA;AAAA,IAC7B;AAAA,IAEE,qBACD;AAAA,MAAC;AAAA;AAAA,QACA,SAAU,MAAM;AACf,+BAAsB,KAAM;AAAA,QAC7B;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
+  "names": []
+}

package/build-module/components/post-template/hooks.js

@@ -1,98 +1,113 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-export function useEditedPostContext() {
-  return useSelect(select => {
-    const {
-      getCurrentPostId,
-      getCurrentPostType
-    } = select(editorStore);
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { store as coreStore } from "@wordpress/core-data";
+import { store as editorStore } from "../../store";
+function useEditedPostContext() {
+  return useSelect((select) => {
+    const { getCurrentPostId, getCurrentPostType } = select(editorStore);
     return {
       postId: getCurrentPostId(),
       postType: getCurrentPostType()
     };
   }, []);
 }
-export function useAllowSwitchingTemplates() {
-  const {
-    postType,
-    postId
-  } = useEditedPostContext();
-  return useSelect(select => {
-    const {
-      canUser,
-      getEntityRecord,
-      getEntityRecords
-    } = select(coreStore);
-    const siteSettings = canUser('read', {
-      kind: 'root',
-      name: 'site'
-    }) ? getEntityRecord('root', 'site') : undefined;
-    const isPostsPage = +postId === siteSettings?.page_for_posts;
-    const isFrontPage = postType === 'page' && +postId === siteSettings?.page_on_front;
-    // If current page is set front page or posts page, we also need
-    // to check if the current theme has a template for it. If not
-    const templates = isFrontPage ? getEntityRecords('postType', 'wp_template', {
-      per_page: -1
-    }) : [];
-    const hasFrontPage = isFrontPage && !!templates?.some(({
-      slug
-    }) => slug === 'front-page');
-    return !isPostsPage && !hasFrontPage;
-  }, [postId, postType]);
+function useAllowSwitchingTemplates() {
+  const { postType, postId } = useEditedPostContext();
+  return useSelect(
+    (select) => {
+      const { canUser, getEntityRecord, getEntityRecords } = select(coreStore);
+      const siteSettings = canUser("read", {
+        kind: "root",
+        name: "site"
+      }) ? getEntityRecord("root", "site") : void 0;
+      const isPostsPage = +postId === siteSettings?.page_for_posts;
+      const isFrontPage = postType === "page" && +postId === siteSettings?.page_on_front;
+      const templates = isFrontPage ? getEntityRecords("postType", "wp_template", {
+        per_page: -1
+      }) : [];
+      const hasFrontPage = isFrontPage && !!templates?.some(({ slug }) => slug === "front-page");
+      return !isPostsPage && !hasFrontPage;
+    },
+    [postId, postType]
+  );
 }
 function useTemplates(postType) {
-  // To do: create a new selector to checks if templates exist at all instead
-  // of and unbound request. In the modal, the user templates should be
-  // paginated and we should not make an unbound request.
-  const {
-    staticTemplates,
-    templates
-  } = useSelect(select => {
-    return {
-      staticTemplates: select(coreStore).getEntityRecords('postType', 'wp_registered_template', {
-        per_page: -1,
-        post_type: postType
-      }),
-      templates: select(coreStore).getEntityRecords('postType', 'wp_template', {
-        per_page: -1,
-        post_type: postType
-      })
-    };
-  }, [postType]);
-  return useMemo(() => [...(staticTemplates || []), ...(templates || [])], [staticTemplates, templates]);
+  const { defaultTemplateTypes, registeredTemplates, userTemplates } = useSelect(
+    (select) => {
+      return {
+        defaultTemplateTypes: select(coreStore).getCurrentTheme()?.default_template_types,
+        registeredTemplates: select(coreStore).getEntityRecords(
+          "postType",
+          "wp_registered_template",
+          {
+            per_page: -1,
+            post_type: postType
+          }
+        ),
+        userTemplates: select(coreStore).getEntityRecords(
+          "postType",
+          "wp_template",
+          { per_page: -1, combinedTemplates: false }
+        )
+      };
+    },
+    [postType]
+  );
+  return useMemo(() => {
+    if (!defaultTemplateTypes || !registeredTemplates || !userTemplates) {
+      return [];
+    }
+    return [
+      ...registeredTemplates,
+      ...userTemplates.filter(
+        (template) => (
+          // Only give "custom" templates as an option, which
+          // means the is_wp_suggestion meta field is not set and
+          // the slug is not found in the default template types.
+          // https://github.com/WordPress/wordpress-develop/blob/97382397b2bd7c85aef6d4cd1c10bafd397957fc/src/wp-includes/block-template-utils.php#L858-L867
+          !template.meta.is_wp_suggestion && !defaultTemplateTypes.find(
+            (type) => type.slug === template.slug
+          )
+        )
+      )
+    ];
+  }, [registeredTemplates, userTemplates, defaultTemplateTypes]);
 }
-export function useAvailableTemplates(postType) {
+function useAvailableTemplates(postType) {
   const currentTemplateSlug = useCurrentTemplateSlug();
   const allowSwitchingTemplate = useAllowSwitchingTemplates();
   const templates = useTemplates(postType);
-  return useMemo(() => allowSwitchingTemplate && templates?.filter(template => (template.is_custom || template.type === 'wp_template') && template.slug !== currentTemplateSlug && !!template.content.raw // Skip empty templates.
-  ), [templates, currentTemplateSlug, allowSwitchingTemplate]);
+  return useMemo(
+    () => allowSwitchingTemplate && templates?.filter(
+      (template) => (template.is_custom || template.type === "wp_template") && template.slug !== currentTemplateSlug && !!template.content.raw
+      // Skip empty templates.
+    ),
+    [templates, currentTemplateSlug, allowSwitchingTemplate]
+  );
 }
-export function useCurrentTemplateSlug() {
-  const {
-    postType,
-    postId
-  } = useEditedPostContext();
+function useCurrentTemplateSlug() {
+  const { postType, postId } = useEditedPostContext();
   const templates = useTemplates(postType);
-  const entityTemplate = useSelect(select => {
-    const post = select(coreStore).getEditedEntityRecord('postType', postType, postId);
-    return post?.template;
-  }, [postType, postId]);
+  const entityTemplate = useSelect(
+    (select) => {
+      const post = select(coreStore).getEditedEntityRecord(
+        "postType",
+        postType,
+        postId
+      );
+      return post?.template;
+    },
+    [postType, postId]
+  );
   if (!entityTemplate) {
     return;
   }
-  // If a page has a `template` set and is not included in the list
-  // of the theme's templates, do not return it, in order to resolve
-  // to the current theme's default template.
-  return templates?.find(template => template.slug === entityTemplate)?.slug;
+  return templates?.find((template) => template.slug === entityTemplate)?.slug;
 }
-//# sourceMappingURL=hooks.js.map
+export {
+  useAllowSwitchingTemplates,
+  useAvailableTemplates,
+  useCurrentTemplateSlug,
+  useEditedPostContext
+};
+//# sourceMappingURL=hooks.js.map