@wordpress/editor 14.36.0 → 14.36.1-next.738bb1424.0

package/build/components/post-template/create-new-template-modal.cjs

@@ -0,0 +1,162 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/create-new-template-modal.js
+var create_new_template_modal_exports = {};
+__export(create_new_template_modal_exports, {
+  default: () => CreateNewTemplateModal
+});
+module.exports = __toCommonJS(create_new_template_modal_exports);
+var import_change_case = require("change-case");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_blocks = require("@wordpress/blocks");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_TITLE = (0, import_i18n.__)("Custom Template");
+function CreateNewTemplateModal({ onClose }) {
+  const { defaultBlockTemplate, onNavigateToEntityRecord } = (0, import_data.useSelect)(
+    (select) => {
+      const { getEditorSettings, getCurrentTemplateId } = select(import_store.store);
+      return {
+        defaultBlockTemplate: getEditorSettings().defaultBlockTemplate,
+        onNavigateToEntityRecord: getEditorSettings().onNavigateToEntityRecord,
+        getTemplateId: getCurrentTemplateId
+      };
+    }
+  );
+  const { createTemplate } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
+  const [title, setTitle] = (0, import_element.useState)("");
+  const [isBusy, setIsBusy] = (0, import_element.useState)(false);
+  const cancel = () => {
+    setTitle("");
+    onClose();
+  };
+  const submit = async (event) => {
+    event.preventDefault();
+    if (isBusy) {
+      return;
+    }
+    setIsBusy(true);
+    const newTemplateContent = defaultBlockTemplate ?? (0, import_blocks.serialize)([
+      (0, import_blocks.createBlock)(
+        "core/group",
+        {
+          tagName: "header",
+          layout: { inherit: true }
+        },
+        [
+          (0, import_blocks.createBlock)("core/site-title"),
+          (0, import_blocks.createBlock)("core/site-tagline")
+        ]
+      ),
+      (0, import_blocks.createBlock)("core/separator"),
+      (0, import_blocks.createBlock)(
+        "core/group",
+        {
+          tagName: "main"
+        },
+        [
+          (0, import_blocks.createBlock)(
+            "core/group",
+            {
+              layout: { inherit: true }
+            },
+            [(0, import_blocks.createBlock)("core/post-title")]
+          ),
+          (0, import_blocks.createBlock)("core/post-content", {
+            layout: { inherit: true }
+          })
+        ]
+      )
+    ]);
+    const newTemplate = await createTemplate({
+      slug: (0, import_change_case.paramCase)(title || DEFAULT_TITLE) || "wp-custom-template",
+      content: newTemplateContent,
+      title: title || DEFAULT_TITLE,
+      status: "publish"
+    });
+    setIsBusy(false);
+    onNavigateToEntityRecord({
+      postId: newTemplate.id,
+      postType: "wp_template"
+    });
+    cancel();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Modal,
+    {
+      title: (0, import_i18n.__)("Create custom template"),
+      onRequestClose: cancel,
+      focusOnMount: "firstContentElement",
+      size: "small",
+      overlayClassName: "editor-post-template__create-template-modal",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "form",
+        {
+          className: "editor-post-template__create-form",
+          onSubmit: submit,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.TextControl,
+              {
+                __next40pxDefaultSize: true,
+                label: (0, import_i18n.__)("Name"),
+                value: title,
+                onChange: setTitle,
+                placeholder: DEFAULT_TITLE,
+                disabled: isBusy,
+                help: (0, import_i18n.__)(
+                  // 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__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "right", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: cancel,
+                  children: (0, import_i18n.__)("Cancel")
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  type: "submit",
+                  isBusy,
+                  "aria-disabled": isBusy,
+                  children: (0, import_i18n.__)("Create")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+//# sourceMappingURL=create-new-template-modal.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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\tstatus: 'publish',\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\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": ["editorStore", "kebabCase", "VStack", "HStack"]
+}

package/build/components/post-template/create-new-template.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/create-new-template.js
+var create_new_template_exports = {};
+__export(create_new_template_exports, {
+  default: () => CreateNewTemplate
+});
+module.exports = __toCommonJS(create_new_template_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_element = require("@wordpress/element");
+var import_create_new_template_modal = __toESM(require("./create-new-template-modal.cjs"), 1);
+var import_hooks = require("./hooks.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CreateNewTemplate() {
+  const { canCreateTemplates } = (0, import_data.useSelect)((select) => {
+    const { canUser } = select(import_core_data.store);
+    return {
+      canCreateTemplates: canUser("create", {
+        kind: "postType",
+        name: "wp_template"
+      })
+    };
+  }, []);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_element.useState)(false);
+  const allowSwitchingTemplate = (0, import_hooks.useAllowSwitchingTemplates)();
+  if (!canCreateTemplates || !allowSwitchingTemplate) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.MenuItem,
+      {
+        onClick: () => {
+          setIsCreateModalOpen(true);
+        },
+        children: (0, import_i18n.__)("Create new template")
+      }
+    ),
+    isCreateModalOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_create_new_template_modal.default,
+      {
+        onClose: () => {
+          setIsCreateModalOpen(false);
+        }
+      }
+    )
+  ] });
+}
+//# sourceMappingURL=create-new-template.cjs.map

package/build/components/post-template/hooks.cjs

@@ -0,0 +1,111 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/hooks.js
+var hooks_exports = {};
+__export(hooks_exports, {
+  useAllowSwitchingTemplates: () => useAllowSwitchingTemplates,
+  useAvailableTemplates: () => useAvailableTemplates,
+  useCurrentTemplateSlug: () => useCurrentTemplateSlug,
+  useEditedPostContext: () => useEditedPostContext
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_core_data = require("@wordpress/core-data");
+var import_store = require("../../store/index.cjs");
+function useEditedPostContext() {
+  return (0, import_data.useSelect)((select) => {
+    const { getCurrentPostId, getCurrentPostType } = select(import_store.store);
+    return {
+      postId: getCurrentPostId(),
+      postType: getCurrentPostType()
+    };
+  }, []);
+}
+function useAllowSwitchingTemplates() {
+  const { postType, postId } = useEditedPostContext();
+  return (0, import_data.useSelect)(
+    (select) => {
+      const { canUser, getEntityRecord, getEntityRecords } = select(import_core_data.store);
+      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) {
+  return (0, import_data.useSelect)(
+    (select) => select(import_core_data.store).getEntityRecords("postType", "wp_template", {
+      per_page: -1,
+      post_type: postType
+      // We look at the combined templates for now (old endpoint)
+      // because posts only accept slugs for templates, not IDs.
+    }),
+    [postType]
+  );
+}
+function useAvailableTemplates(postType) {
+  const currentTemplateSlug = useCurrentTemplateSlug();
+  const allowSwitchingTemplate = useAllowSwitchingTemplates();
+  const templates = useTemplates(postType);
+  return (0, import_element.useMemo)(
+    () => allowSwitchingTemplate && templates?.filter(
+      (template) => template.is_custom && template.slug !== currentTemplateSlug && !!template.content.raw
+      // Skip empty templates.
+    ),
+    [templates, currentTemplateSlug, allowSwitchingTemplate]
+  );
+}
+function useCurrentTemplateSlug() {
+  const { postType, postId } = useEditedPostContext();
+  const templates = useTemplates(postType);
+  const entityTemplate = (0, import_data.useSelect)(
+    (select) => {
+      const post = select(import_core_data.store).getEditedEntityRecord(
+        "postType",
+        postType,
+        postId
+      );
+      return post?.template;
+    },
+    [postType, postId]
+  );
+  if (!entityTemplate) {
+    return;
+  }
+  return templates?.find((template) => template.slug === entityTemplate)?.slug;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAllowSwitchingTemplates,
+  useAvailableTemplates,
+  useCurrentTemplateSlug,
+  useEditedPostContext
+});
+//# sourceMappingURL=hooks.cjs.map

package/build/components/post-template/panel.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/panel.js
+var panel_exports = {};
+__export(panel_exports, {
+  default: () => PostTemplatePanel
+});
+module.exports = __toCommonJS(panel_exports);
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_store = require("../../store/index.cjs");
+var import_classic_theme = __toESM(require("./classic-theme.cjs"), 1);
+var import_block_theme = __toESM(require("./block-theme.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostTemplatePanel() {
+  const { templateId, isBlockTheme } = (0, import_data.useSelect)((select) => {
+    const { getCurrentTemplateId, getEditorSettings } = select(import_store.store);
+    return {
+      templateId: getCurrentTemplateId(),
+      isBlockTheme: getEditorSettings().__unstableIsBlockBasedTheme
+    };
+  }, []);
+  const isVisible = (0, import_data.useSelect)((select) => {
+    const postTypeSlug = select(import_store.store).getCurrentPostType();
+    const postType = select(import_core_data.store).getPostType(postTypeSlug);
+    if (!postType?.viewable) {
+      return false;
+    }
+    const settings = select(import_store.store).getEditorSettings();
+    const hasTemplates = !!settings.availableTemplates && Object.keys(settings.availableTemplates).length > 0;
+    if (hasTemplates) {
+      return true;
+    }
+    if (!settings.supportsTemplateMode) {
+      return false;
+    }
+    const canCreateTemplates = select(import_core_data.store).canUser("create", {
+      kind: "postType",
+      name: "wp_template"
+    }) ?? false;
+    return canCreateTemplates;
+  }, []);
+  const canViewTemplates = (0, import_data.useSelect)(
+    (select) => {
+      return isVisible ? select(import_core_data.store).canUser("read", {
+        kind: "postType",
+        name: "wp_template"
+      }) : false;
+    },
+    [isVisible]
+  );
+  if ((!isBlockTheme || !canViewTemplates) && isVisible) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classic_theme.default, {});
+  }
+  if (isBlockTheme && !!templateId) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_theme.default, { id: templateId });
+  }
+  return null;
+}
+//# sourceMappingURL=panel.cjs.map

package/build/components/post-template/reset-default-template.cjs

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/reset-default-template.js
+var reset_default_template_exports = {};
+__export(reset_default_template_exports, {
+  default: () => ResetDefaultTemplate
+});
+module.exports = __toCommonJS(reset_default_template_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_hooks = require("./hooks.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ResetDefaultTemplate({ onClick }) {
+  const currentTemplateSlug = (0, import_hooks.useCurrentTemplateSlug)();
+  const allowSwitchingTemplate = (0, import_hooks.useAllowSwitchingTemplates)();
+  const { postType, postId } = (0, import_hooks.useEditedPostContext)();
+  const { editEntityRecord } = (0, import_data.useDispatch)(import_core_data.store);
+  if (!currentTemplateSlug || !allowSwitchingTemplate) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.MenuItem,
+    {
+      onClick: () => {
+        editEntityRecord(
+          "postType",
+          postType,
+          postId,
+          { template: "" },
+          { undoIgnore: true }
+        );
+        onClick();
+      },
+      children: (0, import_i18n.__)("Use default template")
+    }
+  );
+}
+//# sourceMappingURL=reset-default-template.cjs.map

package/build/components/post-template/swap-template-button.cjs

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/post-template/swap-template-button.js
+var swap_template_button_exports = {};
+__export(swap_template_button_exports, {
+  default: () => SwapTemplateButton
+});
+module.exports = __toCommonJS(swap_template_button_exports);
+var import_element = require("@wordpress/element");
+var import_html_entities = require("@wordpress/html-entities");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_blocks = require("@wordpress/blocks");
+var import_hooks = require("./hooks.cjs");
+var import_search_templates = require("../../utils/search-templates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwapTemplateButton({ onClick }) {
+  const [showModal, setShowModal] = (0, import_element.useState)(false);
+  const { postType, postId } = (0, import_hooks.useEditedPostContext)();
+  const availableTemplates = (0, import_hooks.useAvailableTemplates)(postType);
+  const { editEntityRecord } = (0, import_data.useDispatch)(import_core_data.store);
+  const onTemplateSelect = async (template) => {
+    editEntityRecord(
+      "postType",
+      postType,
+      postId,
+      { template: template.name },
+      { undoIgnore: true }
+    );
+    setShowModal(false);
+    onClick();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.MenuItem,
+      {
+        disabled: !availableTemplates?.length,
+        accessibleWhenDisabled: true,
+        onClick: () => setShowModal(true),
+        children: (0, import_i18n.__)("Change template")
+      }
+    ),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Modal,
+      {
+        title: (0, import_i18n.__)("Choose a template"),
+        onRequestClose: () => setShowModal(false),
+        overlayClassName: "editor-post-template__swap-template-modal",
+        isFullScreen: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-post-template__swap-template-modal-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          TemplatesList,
+          {
+            postType,
+            onSelect: onTemplateSelect
+          }
+        ) })
+      }
+    )
+  ] });
+}
+function TemplatesList({ postType, onSelect }) {
+  const [searchValue, setSearchValue] = (0, import_element.useState)("");
+  const availableTemplates = (0, import_hooks.useAvailableTemplates)(postType);
+  const templatesAsPatterns = (0, import_element.useMemo)(
+    () => availableTemplates.map((template) => ({
+      name: template.slug,
+      blocks: (0, import_blocks.parse)(template.content.raw),
+      title: (0, import_html_entities.decodeEntities)(template.title.rendered),
+      id: template.id
+    })),
+    [availableTemplates]
+  );
+  const filteredBlockTemplates = (0, import_element.useMemo)(() => {
+    return (0, import_search_templates.searchTemplates)(templatesAsPatterns, searchValue);
+  }, [templatesAsPatterns, searchValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.SearchControl,
+      {
+        onChange: setSearchValue,
+        value: searchValue,
+        label: (0, import_i18n.__)("Search"),
+        placeholder: (0, import_i18n.__)("Search"),
+        className: "editor-post-template__swap-template-search"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.__experimentalBlockPatternsList,
+      {
+        label: (0, import_i18n.__)("Templates"),
+        blockPatterns: filteredBlockTemplates,
+        onClickPattern: onSelect
+      }
+    )
+  ] });
+}
+//# sourceMappingURL=swap-template-button.cjs.map

package/build/components/post-template/swap-template-button.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-template/swap-template-button.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';\nimport { MenuItem, Modal, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useAvailableTemplates, useEditedPostContext } from './hooks';\nimport { searchTemplates } from '../../utils/search-templates';\n\nexport default function SwapTemplateButton( { onClick } ) {\n\tconst [ showModal, setShowModal ] = useState( false );\n\tconst { postType, postId } = useEditedPostContext();\n\tconst availableTemplates = useAvailableTemplates( postType );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst onTemplateSelect = async ( template ) => {\n\t\teditEntityRecord(\n\t\t\t'postType',\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t\t{ template: template.name },\n\t\t\t{ undoIgnore: true }\n\t\t);\n\t\tsetShowModal( false ); // Close the template suggestions modal first.\n\t\tonClick();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tdisabled={ ! availableTemplates?.length }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tonClick={ () => setShowModal( true ) }\n\t\t\t>\n\t\t\t\t{ __( 'Change template' ) }\n\t\t\t</MenuItem>\n\t\t\t{ showModal && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Choose a template' ) }\n\t\t\t\t\tonRequestClose={ () => setShowModal( false ) }\n\t\t\t\t\toverlayClassName=\"editor-post-template__swap-template-modal\"\n\t\t\t\t\tisFullScreen\n\t\t\t\t>\n\t\t\t\t\t<div className=\"editor-post-template__swap-template-modal-content\">\n\t\t\t\t\t\t<TemplatesList\n\t\t\t\t\t\t\tpostType={ postType }\n\t\t\t\t\t\t\tonSelect={ onTemplateSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction TemplatesList( { postType, onSelect } ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst availableTemplates = useAvailableTemplates( postType );\n\tconst templatesAsPatterns = useMemo(\n\t\t() =>\n\t\t\tavailableTemplates.map( ( template ) => ( {\n\t\t\t\tname: template.slug,\n\t\t\t\tblocks: parse( template.content.raw ),\n\t\t\t\ttitle: decodeEntities( template.title.rendered ),\n\t\t\t\tid: template.id,\n\t\t\t} ) ),\n\t\t[ availableTemplates ]\n\t);\n\n\tconst filteredBlockTemplates = useMemo( () => {\n\t\treturn searchTemplates( templatesAsPatterns, searchValue );\n\t}, [ templatesAsPatterns, searchValue ] );\n\n\treturn (\n\t\t<>\n\t\t\t<SearchControl\n\t\t\t\tonChange={ setSearchValue }\n\t\t\t\tvalue={ searchValue }\n\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\tclassName=\"editor-post-template__swap-template-search\"\n\t\t\t/>\n\t\t\t<BlockPatternsList\n\t\t\t\tlabel={ __( 'Templates' ) }\n\t\t\t\tblockPatterns={ filteredBlockTemplates }\n\t\t\t\tonClickPattern={ onSelect }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAClC,2BAA+B;AAC/B,0BAAqE;AACrE,wBAA+C;AAC/C,kBAAmB;AACnB,kBAA4B;AAC5B,uBAAmC;AACnC,oBAAsB;AAKtB,mBAA4D;AAC5D,8BAAgC;AAoB9B;AAlBa,SAAR,mBAAqC,EAAE,QAAQ,GAAI;AACzD,QAAM,CAAE,WAAW,YAAa,QAAI,yBAAU,KAAM;AACpD,QAAM,EAAE,UAAU,OAAO,QAAI,mCAAqB;AAClD,QAAM,yBAAqB,oCAAuB,QAAS;AAC3D,QAAM,EAAE,iBAAiB,QAAI,yBAAa,iBAAAA,KAAU;AAEpD,QAAM,mBAAmB,OAAQ,aAAc;AAC9C;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,EAAE,UAAU,SAAS,KAAK;AAAA,MAC1B,EAAE,YAAY,KAAK;AAAA,IACpB;AACA,iBAAc,KAAM;AACpB,YAAQ;AAAA,EACT;AACA,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,CAAE,oBAAoB;AAAA,QACjC,wBAAsB;AAAA,QACtB,SAAU,MAAM,aAAc,IAAK;AAAA,QAEjC,8BAAI,iBAAkB;AAAA;AAAA,IACzB;AAAA,IACE,aACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,mBAAoB;AAAA,QAChC,gBAAiB,MAAM,aAAc,KAAM;AAAA,QAC3C,kBAAiB;AAAA,QACjB,cAAY;AAAA,QAEZ,sDAAC,SAAI,WAAU,qDACd;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,UAAW;AAAA;AAAA,QACZ,GACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,SAAS,cAAe,EAAE,UAAU,SAAS,GAAI;AAChD,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,EAAG;AACrD,QAAM,yBAAqB,oCAAuB,QAAS;AAC3D,QAAM,0BAAsB;AAAA,IAC3B,MACC,mBAAmB,IAAK,CAAE,cAAgB;AAAA,MACzC,MAAM,SAAS;AAAA,MACf,YAAQ,qBAAO,SAAS,QAAQ,GAAI;AAAA,MACpC,WAAO,qCAAgB,SAAS,MAAM,QAAS;AAAA,MAC/C,IAAI,SAAS;AAAA,IACd,EAAI;AAAA,IACL,CAAE,kBAAmB;AAAA,EACtB;AAEA,QAAM,6BAAyB,wBAAS,MAAM;AAC7C,eAAO,yCAAiB,qBAAqB,WAAY;AAAA,EAC1D,GAAG,CAAE,qBAAqB,WAAY,CAAE;AAExC,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,UAAW;AAAA,QACX,OAAQ;AAAA,QACR,WAAQ,gBAAI,QAAS;AAAA,QACrB,iBAAc,gBAAI,QAAS;AAAA,QAC3B,WAAU;AAAA;AAAA,IACX;AAAA,IACA;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,WAAY;AAAA,QACxB,eAAgB;AAAA,QAChB,gBAAiB;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;",
+  "names": ["coreStore", "BlockPatternsList"]
+}