@wordpress/editor 14.37.0 → 14.37.1-next.06ee73755.0

package/build-module/components/post-template/block-theme.mjs

@@ -0,0 +1,167 @@
+// packages/editor/src/components/post-template/block-theme.js
+import { useSelect, useDispatch } from "@wordpress/data";
+import { decodeEntities } from "@wordpress/html-entities";
+import { DropdownMenu, MenuGroup, MenuItem } from "@wordpress/components";
+import { useState, useMemo } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { useEntityRecord, store as coreStore } from "@wordpress/core-data";
+import { check } from "@wordpress/icons";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as preferencesStore } from "@wordpress/preferences";
+import PostPanelRow from "../post-panel-row/index.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import SwapTemplateButton from "./swap-template-button.mjs";
+import ResetDefaultTemplate from "./reset-default-template.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import CreateNewTemplate from "./create-new-template.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BlockThemeControl({ id }) {
+  const {
+    isTemplateHidden,
+    onNavigateToEntityRecord,
+    getEditorSettings,
+    hasGoBack,
+    hasSpecificTemplate
+  } = useSelect((select) => {
+    const {
+      getRenderingMode,
+      getEditorSettings: _getEditorSettings,
+      getCurrentPost
+    } = unlock(select(editorStore));
+    const editorSettings = _getEditorSettings();
+    const currentPost = getCurrentPost();
+    return {
+      isTemplateHidden: getRenderingMode() === "post-only",
+      onNavigateToEntityRecord: editorSettings.onNavigateToEntityRecord,
+      getEditorSettings: _getEditorSettings,
+      hasGoBack: editorSettings.hasOwnProperty(
+        "onNavigateToPreviousEntityRecord"
+      ),
+      hasSpecificTemplate: !!currentPost.template
+    };
+  }, []);
+  const { get: getPreference } = useSelect(preferencesStore);
+  const { editedRecord: template, hasResolved } = useEntityRecord(
+    "postType",
+    "wp_template",
+    id
+  );
+  const { getEntityRecord } = useSelect(coreStore);
+  const { editEntityRecord } = useDispatch(coreStore);
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const { setRenderingMode, setDefaultRenderingMode } = unlock(
+    useDispatch(editorStore)
+  );
+  const canCreateTemplate = useSelect(
+    (select) => !!select(coreStore).canUser("create", {
+      kind: "postType",
+      name: "wp_template"
+    }),
+    []
+  );
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      className: "editor-post-template__dropdown",
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  if (!hasResolved) {
+    return null;
+  }
+  const notificationAction = hasGoBack ? [
+    {
+      label: __("Go back"),
+      onClick: () => getEditorSettings().onNavigateToPreviousEntityRecord()
+    }
+  ] : void 0;
+  const mayShowTemplateEditNotice = () => {
+    if (!getPreference("core/edit-site", "welcomeGuideTemplate")) {
+      createSuccessNotice(
+        __(
+          "Editing template. Changes made here affect all posts and pages that use the template."
+        ),
+        { type: "snackbar", actions: notificationAction }
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(PostPanelRow, { label: __("Template"), ref: setPopoverAnchor, children: /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      popoverProps,
+      focusOnMount: true,
+      toggleProps: {
+        size: "compact",
+        variant: "tertiary",
+        tooltipPosition: "middle left"
+      },
+      label: __("Template options"),
+      text: decodeEntities(template.title),
+      icon: null,
+      children: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(MenuGroup, { children: [
+          canCreateTemplate && /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              onClick: async () => {
+                onNavigateToEntityRecord({
+                  postId: template.id,
+                  postType: "wp_template"
+                });
+                if (!hasSpecificTemplate && window?.__experimentalTemplateActivate) {
+                  const activeTemplates = await getEntityRecord(
+                    "root",
+                    "site"
+                  ).active_templates;
+                  if (activeTemplates[template.slug] !== template.id) {
+                    editEntityRecord(
+                      "root",
+                      "site",
+                      void 0,
+                      {
+                        active_templates: {
+                          ...activeTemplates,
+                          [template.slug]: template.id
+                        }
+                      }
+                    );
+                  }
+                }
+                onClose();
+                mayShowTemplateEditNotice();
+              },
+              children: __("Edit template")
+            }
+          ),
+          /* @__PURE__ */ jsx(SwapTemplateButton, { onClick: onClose }),
+          /* @__PURE__ */ jsx(ResetDefaultTemplate, { onClick: onClose }),
+          canCreateTemplate && /* @__PURE__ */ jsx(CreateNewTemplate, {})
+        ] }),
+        /* @__PURE__ */ jsx(MenuGroup, { children: /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            icon: !isTemplateHidden ? check : void 0,
+            isSelected: !isTemplateHidden,
+            role: "menuitemcheckbox",
+            onClick: () => {
+              const newRenderingMode = isTemplateHidden ? "template-locked" : "post-only";
+              setRenderingMode(newRenderingMode);
+              setDefaultRenderingMode(newRenderingMode);
+            },
+            children: __("Show template")
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
+export {
+  BlockThemeControl as default
+};
+//# sourceMappingURL=block-theme.mjs.map

package/build-module/components/post-template/classic-theme.mjs

@@ -0,0 +1,192 @@
+// packages/editor/src/components/post-template/classic-theme.js
+import { __ } from "@wordpress/i18n";
+import { SelectControl, Dropdown, Button, Notice } from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from "@wordpress/block-editor";
+import { useState, useMemo } from "@wordpress/element";
+import { addTemplate } from "@wordpress/icons";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as editorStore } from "../../store/index.mjs";
+import CreateNewTemplateModal from "./create-new-template-modal.mjs";
+import { useAllowSwitchingTemplates } from "./hooks.mjs";
+import PostPanelRow from "../post-panel-row/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PostTemplateToggle({ isOpen, onClick }) {
+  const templateTitle = useSelect((select) => {
+    const templateSlug = select(editorStore).getEditedPostAttribute("template");
+    const { supportsTemplateMode, availableTemplates } = select(editorStore).getEditorSettings();
+    if (!supportsTemplateMode && availableTemplates[templateSlug]) {
+      return availableTemplates[templateSlug];
+    }
+    const template = select(coreStore).canUser("create", {
+      kind: "postType",
+      name: "wp_template"
+    }) && select(editorStore).getCurrentTemplateId();
+    return template?.title || template?.slug || availableTemplates?.[templateSlug];
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      "aria-expanded": isOpen,
+      "aria-label": __("Template options"),
+      onClick,
+      children: templateTitle ?? __("Default template")
+    }
+  );
+}
+function PostTemplateDropdownContent({ onClose }) {
+  const allowSwitchingTemplate = useAllowSwitchingTemplates();
+  const {
+    availableTemplates,
+    fetchedTemplates,
+    selectedTemplateSlug,
+    canCreate,
+    canEdit,
+    currentTemplateId,
+    onNavigateToEntityRecord,
+    getEditorSettings
+  } = useSelect(
+    (select) => {
+      const { canUser, getEntityRecords } = select(coreStore);
+      const editorSettings = select(editorStore).getEditorSettings();
+      const canCreateTemplates = canUser("create", {
+        kind: "postType",
+        name: "wp_template"
+      });
+      const _currentTemplateId = select(editorStore).getCurrentTemplateId();
+      return {
+        availableTemplates: editorSettings.availableTemplates,
+        fetchedTemplates: canCreateTemplates ? getEntityRecords("postType", "wp_template", {
+          post_type: select(editorStore).getCurrentPostType(),
+          per_page: -1
+        }) : void 0,
+        selectedTemplateSlug: select(editorStore).getEditedPostAttribute("template"),
+        canCreate: allowSwitchingTemplate && canCreateTemplates && editorSettings.supportsTemplateMode,
+        canEdit: allowSwitchingTemplate && canCreateTemplates && editorSettings.supportsTemplateMode && !!_currentTemplateId,
+        currentTemplateId: _currentTemplateId,
+        onNavigateToEntityRecord: editorSettings.onNavigateToEntityRecord,
+        getEditorSettings: select(editorStore).getEditorSettings
+      };
+    },
+    [allowSwitchingTemplate]
+  );
+  const options = useMemo(
+    () => Object.entries({
+      ...availableTemplates,
+      ...Object.fromEntries(
+        (fetchedTemplates ?? []).map(({ slug, title }) => [
+          slug,
+          title.rendered
+        ])
+      )
+    }).map(([slug, title]) => ({ value: slug, label: title })),
+    [availableTemplates, fetchedTemplates]
+  );
+  const selectedOption = options.find((option) => option.value === selectedTemplateSlug) ?? options.find((option) => !option.value);
+  const { editPost } = useDispatch(editorStore);
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "editor-post-template__classic-theme-dropdown", children: [
+    /* @__PURE__ */ jsx(
+      InspectorPopoverHeader,
+      {
+        title: __("Template"),
+        help: __(
+          "Templates define the way content is displayed when viewing your site."
+        ),
+        actions: canCreate ? [
+          {
+            icon: addTemplate,
+            label: __("Add template"),
+            onClick: () => setIsCreateModalOpen(true)
+          }
+        ] : [],
+        onClose
+      }
+    ),
+    !allowSwitchingTemplate ? /* @__PURE__ */ jsx(Notice, { status: "warning", isDismissible: false, children: __("The posts page template cannot be changed.") }) : /* @__PURE__ */ jsx(
+      SelectControl,
+      {
+        __next40pxDefaultSize: true,
+        hideLabelFromVision: true,
+        label: __("Template"),
+        value: selectedOption?.value ?? "",
+        options,
+        onChange: (slug) => editPost({ template: slug || "" })
+      }
+    ),
+    canEdit && onNavigateToEntityRecord && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        variant: "link",
+        onClick: () => {
+          onNavigateToEntityRecord({
+            postId: currentTemplateId,
+            postType: "wp_template"
+          });
+          onClose();
+          createSuccessNotice(
+            __(
+              "Editing template. Changes made here affect all posts and pages that use the template."
+            ),
+            {
+              type: "snackbar",
+              actions: [
+                {
+                  label: __("Go back"),
+                  onClick: () => getEditorSettings().onNavigateToPreviousEntityRecord()
+                }
+              ]
+            }
+          );
+        },
+        children: __("Edit template")
+      }
+    ) }),
+    isCreateModalOpen && /* @__PURE__ */ jsx(
+      CreateNewTemplateModal,
+      {
+        onClose: () => setIsCreateModalOpen(false)
+      }
+    )
+  ] });
+}
+function ClassicThemeControl() {
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      className: "editor-post-template__dropdown",
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  return /* @__PURE__ */ jsx(PostPanelRow, { label: __("Template"), ref: setPopoverAnchor, children: /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps,
+      focusOnMount: true,
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx(
+        PostTemplateToggle,
+        {
+          isOpen,
+          onClick: onToggle
+        }
+      ),
+      renderContent: ({ onClose }) => /* @__PURE__ */ jsx(PostTemplateDropdownContent, { onClose })
+    }
+  ) });
+}
+var classic_theme_default = ClassicThemeControl;
+export {
+  classic_theme_default as default
+};
+//# sourceMappingURL=classic-theme.mjs.map

package/build-module/components/post-template/classic-theme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-template/classic-theme.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl, Dropdown, Button, Notice } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { useState, useMemo } from '@wordpress/element';\nimport { addTemplate } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport CreateNewTemplateModal from './create-new-template-modal';\nimport { useAllowSwitchingTemplates } from './hooks';\nimport PostPanelRow from '../post-panel-row';\n\nfunction PostTemplateToggle( { isOpen, onClick } ) {\n\tconst templateTitle = useSelect( ( select ) => {\n\t\tconst templateSlug =\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'template' );\n\n\t\tconst { supportsTemplateMode, availableTemplates } =\n\t\t\tselect( editorStore ).getEditorSettings();\n\t\tif ( ! supportsTemplateMode && availableTemplates[ templateSlug ] ) {\n\t\t\treturn availableTemplates[ templateSlug ];\n\t\t}\n\t\tconst template =\n\t\t\tselect( coreStore ).canUser( 'create', {\n\t\t\t\tkind: 'postType',\n\t\t\t\tname: 'wp_template',\n\t\t\t} ) && select( editorStore ).getCurrentTemplateId();\n\t\treturn (\n\t\t\ttemplate?.title ||\n\t\t\ttemplate?.slug ||\n\t\t\tavailableTemplates?.[ templateSlug ]\n\t\t);\n\t}, [] );\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-label={ __( 'Template options' ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ templateTitle ?? __( 'Default template' ) }\n\t\t</Button>\n\t);\n}\n\n/**\n * Renders the dropdown content for selecting a post template.\n *\n * @param {Object}   props         The component props.\n * @param {Function} props.onClose The function to close the dropdown.\n *\n * @return {React.ReactNode} The rendered dropdown content.\n */\nfunction PostTemplateDropdownContent( { onClose } ) {\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\tconst {\n\t\tavailableTemplates,\n\t\tfetchedTemplates,\n\t\tselectedTemplateSlug,\n\t\tcanCreate,\n\t\tcanEdit,\n\t\tcurrentTemplateId,\n\t\tonNavigateToEntityRecord,\n\t\tgetEditorSettings,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser, getEntityRecords } = select( coreStore );\n\t\t\tconst editorSettings = select( editorStore ).getEditorSettings();\n\t\t\tconst canCreateTemplates = canUser( 'create', {\n\t\t\t\tkind: 'postType',\n\t\t\t\tname: 'wp_template',\n\t\t\t} );\n\t\t\tconst _currentTemplateId =\n\t\t\t\tselect( editorStore ).getCurrentTemplateId();\n\t\t\treturn {\n\t\t\t\tavailableTemplates: editorSettings.availableTemplates,\n\t\t\t\tfetchedTemplates: canCreateTemplates\n\t\t\t\t\t? getEntityRecords( 'postType', 'wp_template', {\n\t\t\t\t\t\t\tpost_type:\n\t\t\t\t\t\t\t\tselect( editorStore ).getCurrentPostType(),\n\t\t\t\t\t\t\tper_page: -1,\n\t\t\t\t\t  } )\n\t\t\t\t\t: undefined,\n\t\t\t\tselectedTemplateSlug:\n\t\t\t\t\tselect( editorStore ).getEditedPostAttribute( 'template' ),\n\t\t\t\tcanCreate:\n\t\t\t\t\tallowSwitchingTemplate &&\n\t\t\t\t\tcanCreateTemplates &&\n\t\t\t\t\teditorSettings.supportsTemplateMode,\n\t\t\t\tcanEdit:\n\t\t\t\t\tallowSwitchingTemplate &&\n\t\t\t\t\tcanCreateTemplates &&\n\t\t\t\t\teditorSettings.supportsTemplateMode &&\n\t\t\t\t\t!! _currentTemplateId,\n\t\t\t\tcurrentTemplateId: _currentTemplateId,\n\t\t\t\tonNavigateToEntityRecord:\n\t\t\t\t\teditorSettings.onNavigateToEntityRecord,\n\t\t\t\tgetEditorSettings: select( editorStore ).getEditorSettings,\n\t\t\t};\n\t\t},\n\t\t[ allowSwitchingTemplate ]\n\t);\n\n\tconst options = useMemo(\n\t\t() =>\n\t\t\tObject.entries( {\n\t\t\t\t...availableTemplates,\n\t\t\t\t...Object.fromEntries(\n\t\t\t\t\t( fetchedTemplates ?? [] ).map( ( { slug, title } ) => [\n\t\t\t\t\t\tslug,\n\t\t\t\t\t\ttitle.rendered,\n\t\t\t\t\t] )\n\t\t\t\t),\n\t\t\t} ).map( ( [ slug, title ] ) => ( { value: slug, label: title } ) ),\n\t\t[ availableTemplates, fetchedTemplates ]\n\t);\n\n\tconst selectedOption =\n\t\toptions.find( ( option ) => option.value === selectedTemplateSlug ) ??\n\t\toptions.find( ( option ) => ! option.value ); // The default option has '' value.\n\n\tconst { editPost } = useDispatch( editorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst [ isCreateModalOpen, setIsCreateModalOpen ] = useState( false );\n\n\treturn (\n\t\t<div className=\"editor-post-template__classic-theme-dropdown\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Template' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Templates define the way content is displayed when viewing your site.'\n\t\t\t\t) }\n\t\t\t\tactions={\n\t\t\t\t\tcanCreate\n\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ticon: addTemplate,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Add template' ),\n\t\t\t\t\t\t\t\t\tonClick: () => setIsCreateModalOpen( true ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: []\n\t\t\t\t}\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t{ ! allowSwitchingTemplate ? (\n\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t{ __( 'The posts page template cannot be changed.' ) }\n\t\t\t\t</Notice>\n\t\t\t) : (\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tlabel={ __( 'Template' ) }\n\t\t\t\t\tvalue={ selectedOption?.value ?? '' }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tonChange={ ( slug ) =>\n\t\t\t\t\t\teditPost( { template: slug || '' } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canEdit && onNavigateToEntityRecord && (\n\t\t\t\t<p>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\t\t\t\tpostId: currentTemplateId,\n\t\t\t\t\t\t\t\tpostType: 'wp_template',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Editing template. Changes made here affect all posts and pages that use the template.'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Go back' ),\n\t\t\t\t\t\t\t\t\t\t\tonClick: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tgetEditorSettings().onNavigateToPreviousEntityRecord(),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit template' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t{ isCreateModalOpen && (\n\t\t\t\t<CreateNewTemplateModal\n\t\t\t\t\tonClose={ () => setIsCreateModalOpen( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction ClassicThemeControl() {\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tclassName: 'editor-post-template__dropdown',\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostPanelRow label={ __( 'Template' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<PostTemplateToggle\n\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<PostTemplateDropdownContent onClose={ onClose } />\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n\n/**\n * Provides a dropdown menu for selecting and managing post templates.\n *\n * The dropdown menu includes a button for toggling the menu, a list of available templates, and options for creating and editing templates.\n *\n * @return {React.ReactNode} The rendered ClassicThemeControl component.\n */\nexport default ClassicThemeControl;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,147 @@
+// packages/editor/src/components/post-template/create-new-template-modal.js
+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.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var 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("");
+    onClose();
+  };
+  const submit = async (event) => {
+    event.preventDefault();
+    if (isBusy) {
+      return;
+    }
+    setIsBusy(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",
+      content: newTemplateContent,
+      title: title || DEFAULT_TITLE,
+      status: "publish"
+    });
+    setIsBusy(false);
+    onNavigateToEntityRecord({
+      postId: newTemplate.id,
+      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,
+                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")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  CreateNewTemplateModal as default
+};
+//# sourceMappingURL=create-new-template-modal.mjs.map

package/build-module/components/post-template/create-new-template-modal.mjs.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": []
+}

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

@@ -0,0 +1,48 @@
+// packages/editor/src/components/post-template/create-new-template.js
+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.mjs";
+import { useAllowSwitchingTemplates } from "./hooks.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CreateNewTemplate() {
+  const { canCreateTemplates } = useSelect((select) => {
+    const { canUser } = select(coreStore);
+    return {
+      canCreateTemplates: canUser("create", {
+        kind: "postType",
+        name: "wp_template"
+      })
+    };
+  }, []);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+  const allowSwitchingTemplate = useAllowSwitchingTemplates();
+  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);
+        }
+      }
+    )
+  ] });
+}
+export {
+  CreateNewTemplate as default
+};
+//# sourceMappingURL=create-new-template.mjs.map