@wordpress/editor 13.24.1 → 13.26.0

package/build/components/post-template/block-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_htmlEntities","_components","_i18n","_coreData","_icons","_notices","_store","_swapTemplateButton","_interopRequireDefault","_resetDefaultTemplate","_lockUnlock","_createNewTemplate","POPOVER_PROPS","className","placement","BlockThemeControl","id","isTemplateHidden","useSelect","select","getRenderingMode","unlock","editorStore","editedRecord","template","hasResolved","useEntityRecord","getEditorSettings","createSuccessNotice","useDispatch","noticesStore","setRenderingMode","_react","createElement","DropdownMenu","popoverProps","focusOnMount","toggleProps","variant","label","__","text","decodeEntities","title","icon","onClose","Fragment","MenuGroup","MenuItem","onClick","type","actions","defaultRenderingMode","default","check","undefined","isSelected","role"],"sources":["@wordpress/editor/src/components/post-template/block-theme.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecord } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport SwapTemplateButton from './swap-template-button';\nimport ResetDefaultTemplate from './reset-default-template';\nimport { unlock } from '../../lock-unlock';\nimport CreateNewTemplate from './create-new-template';\n\nconst POPOVER_PROPS = {\n\tclassName: 'editor-post-template__dropdown',\n\tplacement: 'bottom-start',\n};\n\nexport default function BlockThemeControl( { id } ) {\n\tconst { isTemplateHidden } = useSelect( ( select ) => {\n\t\tconst { getRenderingMode } = unlock( select( editorStore ) );\n\t\treturn {\n\t\t\tisTemplateHidden: getRenderingMode() === 'post-only',\n\t\t};\n\t}, [] );\n\tconst { editedRecord: template, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_template',\n\t\tid\n\t);\n\tconst { getEditorSettings } = useSelect( editorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tfocusOnMount\n\t\t\ttoggleProps={ {\n\t\t\t\tvariant: 'tertiary',\n\t\t\t} }\n\t\t\tlabel={ __( 'Template options' ) }\n\t\t\ttext={ decodeEntities( template.title ) }\n\t\t\ticon={ null }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetRenderingMode( 'template-only' );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\t\t\t__(\n\t\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\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Go back' ),\n\t\t\t\t\t\t\t\t\t\t\t\tonClick: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetRenderingMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgetEditorSettings()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.defaultRenderingMode\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t},\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\t\t{ __( 'Edit template' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<SwapTemplateButton onClick={ onClose } />\n\t\t\t\t\t\t<ResetDefaultTemplate onClick={ onClose } />\n\t\t\t\t\t\t<CreateNewTemplate onClick={ onClose } />\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ ! isTemplateHidden ? check : undefined }\n\t\t\t\t\t\t\tisSelected={ ! isTemplateHidden }\n\t\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetRenderingMode(\n\t\t\t\t\t\t\t\t\tisTemplateHidden\n\t\t\t\t\t\t\t\t\t\t? 'template-locked'\n\t\t\t\t\t\t\t\t\t\t: 'post-only'\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\t\t{ __( 'Template preview' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}

package/build/components/post-template/classic-theme.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+var _notices = require("@wordpress/notices");
+var _store = require("../../store");
+var _createNewTemplateModal = _interopRequireDefault(require("./create-new-template-modal"));
+var _hooks = require("./hooks");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const POPOVER_PROPS = {
+  className: 'editor-post-template__dropdown',
+  placement: 'bottom-start'
+};
+function PostTemplateToggle({
+  isOpen,
+  onClick
+}) {
+  const templateTitle = (0, _data.useSelect)(select => {
+    const templateSlug = select(_store.store).getEditedPostAttribute('template');
+    const {
+      supportsTemplateMode,
+      availableTemplates
+    } = select(_store.store).getEditorSettings();
+    if (!supportsTemplateMode && availableTemplates[templateSlug]) {
+      return availableTemplates[templateSlug];
+    }
+    const template = select(_coreData.store).canUser('create', 'templates') && select(_store.store).getCurrentTemplateId();
+    return template?.title || template?.slug || availableTemplates?.[templateSlug];
+  }, []);
+  return (0, _react.createElement)(_components.Button, {
+    className: "edit-post-post-template__toggle",
+    variant: "tertiary",
+    "aria-expanded": isOpen,
+    "aria-label": (0, _i18n.__)('Template options'),
+    onClick: onClick
+  }, templateTitle !== null && templateTitle !== void 0 ? templateTitle : (0, _i18n.__)('Default template'));
+}
+function PostTemplateDropdownContent({
+  onClose
+}) {
+  var _options$find, _selectedOption$value;
+  const allowSwitchingTemplate = (0, _hooks.useAllowSwitchingTemplates)();
+  const {
+    availableTemplates,
+    fetchedTemplates,
+    selectedTemplateSlug,
+    canCreate,
+    canEdit
+  } = (0, _data.useSelect)(select => {
+    const {
+      canUser,
+      getEntityRecords
+    } = select(_coreData.store);
+    const editorSettings = select(_store.store).getEditorSettings();
+    const canCreateTemplates = canUser('create', 'templates');
+    return {
+      availableTemplates: editorSettings.availableTemplates,
+      fetchedTemplates: canCreateTemplates ? getEntityRecords('postType', 'wp_template', {
+        post_type: select(_store.store).getCurrentPostType(),
+        per_page: -1
+      }) : undefined,
+      selectedTemplateSlug: select(_store.store).getEditedPostAttribute('template'),
+      canCreate: allowSwitchingTemplate && canCreateTemplates && editorSettings.supportsTemplateMode,
+      canEdit: allowSwitchingTemplate && canCreateTemplates && editorSettings.supportsTemplateMode && !!select(_store.store).getCurrentTemplateId()
+    };
+  }, [allowSwitchingTemplate]);
+  const options = (0, _element.useMemo)(() => Object.entries({
+    ...availableTemplates,
+    ...Object.fromEntries((fetchedTemplates !== null && fetchedTemplates !== void 0 ? fetchedTemplates : []).map(({
+      slug,
+      title
+    }) => [slug, title.rendered]))
+  }).map(([slug, title]) => ({
+    value: slug,
+    label: title
+  })), [availableTemplates, fetchedTemplates]);
+  const selectedOption = (_options$find = options.find(option => option.value === selectedTemplateSlug)) !== null && _options$find !== void 0 ? _options$find : options.find(option => !option.value); // The default option has '' value.
+
+  const {
+    editPost
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    getEditorSettings
+  } = (0, _data.useSelect)(_store.store);
+  const {
+    createSuccessNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const {
+    setRenderingMode
+  } = (0, _data.useDispatch)(_store.store);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, _element.useState)(false);
+  return (0, _react.createElement)("div", {
+    className: "editor-post-template__classic-theme-dropdown"
+  }, (0, _react.createElement)(_blockEditor.__experimentalInspectorPopoverHeader, {
+    title: (0, _i18n.__)('Template'),
+    help: (0, _i18n.__)('Templates define the way content is displayed when viewing your site.'),
+    actions: canCreate ? [{
+      icon: _icons.addTemplate,
+      label: (0, _i18n.__)('Add template'),
+      onClick: () => setIsCreateModalOpen(true)
+    }] : [],
+    onClose: onClose
+  }), !allowSwitchingTemplate ? (0, _react.createElement)(_components.Notice, {
+    status: "warning",
+    isDismissible: false
+  }, (0, _i18n.__)('The posts page template cannot be changed.')) : (0, _react.createElement)(_components.SelectControl, {
+    __next40pxDefaultSize: true,
+    __nextHasNoMarginBottom: true,
+    hideLabelFromVision: true,
+    label: (0, _i18n.__)('Template'),
+    value: (_selectedOption$value = selectedOption?.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
+    options: options,
+    onChange: slug => editPost({
+      template: slug || ''
+    })
+  }), canEdit && (0, _react.createElement)("p", null, (0, _react.createElement)(_components.Button, {
+    variant: "link",
+    onClick: () => {
+      setRenderingMode('template-only');
+      onClose();
+      createSuccessNotice((0, _i18n.__)('Editing template. Changes made here affect all posts and pages that use the template.'), {
+        type: 'snackbar',
+        actions: [{
+          label: (0, _i18n.__)('Go back'),
+          onClick: () => setRenderingMode(getEditorSettings().defaultRenderingMode)
+        }]
+      });
+    }
+  }, (0, _i18n.__)('Edit template'))), isCreateModalOpen && (0, _react.createElement)(_createNewTemplateModal.default, {
+    onClose: () => setIsCreateModalOpen(false)
+  }));
+}
+function ClassicThemeControl() {
+  return (0, _react.createElement)(_components.Dropdown, {
+    popoverProps: POPOVER_PROPS,
+    focusOnMount: true,
+    renderToggle: ({
+      isOpen,
+      onToggle
+    }) => (0, _react.createElement)(PostTemplateToggle, {
+      isOpen: isOpen,
+      onClick: onToggle
+    }),
+    renderContent: ({
+      onClose
+    }) => (0, _react.createElement)(PostTemplateDropdownContent, {
+      onClose: onClose
+    })
+  });
+}
+var _default = ClassicThemeControl;
+exports.default = _default;
+//# sourceMappingURL=classic-theme.js.map

package/build/components/post-template/classic-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_components","_data","_coreData","_blockEditor","_element","_icons","_notices","_store","_createNewTemplateModal","_interopRequireDefault","_hooks","POPOVER_PROPS","className","placement","PostTemplateToggle","isOpen","onClick","templateTitle","useSelect","select","templateSlug","editorStore","getEditedPostAttribute","supportsTemplateMode","availableTemplates","getEditorSettings","template","coreStore","canUser","getCurrentTemplateId","title","slug","_react","createElement","Button","variant","__","PostTemplateDropdownContent","onClose","_options$find","_selectedOption$value","allowSwitchingTemplate","useAllowSwitchingTemplates","fetchedTemplates","selectedTemplateSlug","canCreate","canEdit","getEntityRecords","editorSettings","canCreateTemplates","post_type","getCurrentPostType","per_page","undefined","options","useMemo","Object","entries","fromEntries","map","rendered","value","label","selectedOption","find","option","editPost","useDispatch","createSuccessNotice","noticesStore","setRenderingMode","isCreateModalOpen","setIsCreateModalOpen","useState","__experimentalInspectorPopoverHeader","help","actions","icon","addTemplate","Notice","status","isDismissible","SelectControl","__next40pxDefaultSize","__nextHasNoMarginBottom","hideLabelFromVision","onChange","type","defaultRenderingMode","default","ClassicThemeControl","Dropdown","popoverProps","focusOnMount","renderToggle","onToggle","renderContent","_default","exports"],"sources":["@wordpress/editor/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';\n\nconst POPOVER_PROPS = {\n\tclassName: 'editor-post-template__dropdown',\n\tplacement: 'bottom-start',\n};\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', 'templates' ) &&\n\t\t\tselect( 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\tclassName=\"edit-post-post-template__toggle\"\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\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} = 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', 'templates' );\n\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!! select( editorStore ).getCurrentTemplateId(),\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 { getEditorSettings } = useSelect( editorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\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\t__nextHasNoMarginBottom\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 && (\n\t\t\t\t<p>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetRenderingMode( 'template-only' );\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\tsetRenderingMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetEditorSettings()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.defaultRenderingMode\n\t\t\t\t\t\t\t\t\t\t\t\t),\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\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tfocusOnMount\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<PostTemplateToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t) }\n\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t<PostTemplateDropdownContent onClose={ onClose } />\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default ClassicThemeControl;\n"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CreateNewTemplateModal;
+var _react = require("react");
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _blocks = require("@wordpress/blocks");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _url = require("@wordpress/url");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const DEFAULT_TITLE = (0, _i18n.__)('Custom Template');
+function CreateNewTemplateModal({
+  onClose
+}) {
+  const defaultBlockTemplate = (0, _data.useSelect)(select => select(_store.store).getEditorSettings().defaultBlockTemplate, []);
+  const {
+    createTemplate,
+    setRenderingMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const [title, setTitle] = (0, _element.useState)('');
+  const [isBusy, setIsBusy] = (0, _element.useState)(false);
+  const cancel = () => {
+    setTitle('');
+    onClose();
+  };
+  const submit = async event => {
+    event.preventDefault();
+    if (isBusy) {
+      return;
+    }
+    setIsBusy(true);
+    const newTemplateContent = defaultBlockTemplate !== null && defaultBlockTemplate !== void 0 ? defaultBlockTemplate : (0, _blocks.serialize)([(0, _blocks.createBlock)('core/group', {
+      tagName: 'header',
+      layout: {
+        inherit: true
+      }
+    }, [(0, _blocks.createBlock)('core/site-title'), (0, _blocks.createBlock)('core/site-tagline')]), (0, _blocks.createBlock)('core/separator'), (0, _blocks.createBlock)('core/group', {
+      tagName: 'main'
+    }, [(0, _blocks.createBlock)('core/group', {
+      layout: {
+        inherit: true
+      }
+    }, [(0, _blocks.createBlock)('core/post-title')]), (0, _blocks.createBlock)('core/post-content', {
+      layout: {
+        inherit: true
+      }
+    })])]);
+    await createTemplate({
+      slug: (0, _url.cleanForSlug)(title || DEFAULT_TITLE),
+      content: newTemplateContent,
+      title: title || DEFAULT_TITLE
+    });
+    setIsBusy(false);
+    cancel();
+    setRenderingMode('template-only');
+  };
+  return (0, _react.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Create custom template'),
+    onRequestClose: cancel
+  }, (0, _react.createElement)("form", {
+    className: "editor-post-template__create-form",
+    onSubmit: submit
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: "3"
+  }, (0, _react.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: DEFAULT_TITLE,
+    disabled: isBusy,
+    help: (0, _i18n.__)('Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.')
+  }), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _react.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: cancel
+  }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+    variant: "primary",
+    type: "submit",
+    isBusy: isBusy,
+    "aria-disabled": isBusy
+  }, (0, _i18n.__)('Create'))))));
+}
+//# sourceMappingURL=create-new-template-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_element","_blocks","_components","_i18n","_url","_lockUnlock","_store","DEFAULT_TITLE","__","CreateNewTemplateModal","onClose","defaultBlockTemplate","useSelect","select","editorStore","getEditorSettings","createTemplate","setRenderingMode","unlock","useDispatch","title","setTitle","useState","isBusy","setIsBusy","cancel","submit","event","preventDefault","newTemplateContent","serialize","createBlock","tagName","layout","inherit","slug","cleanForSlug","content","_react","createElement","Modal","onRequestClose","className","onSubmit","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","placeholder","disabled","help","__experimentalHStack","justify","Button","variant","onClick","type"],"sources":["@wordpress/editor/src/components/post-template/create-new-template-modal.js"],"sourcesContent":["/**\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';\nimport { cleanForSlug } from '@wordpress/url';\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 = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().defaultBlockTemplate,\n\t\t[]\n\t);\n\n\tconst { createTemplate, setRenderingMode } = unlock(\n\t\tuseDispatch( editorStore )\n\t);\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\tawait createTemplate( {\n\t\t\tslug: cleanForSlug( title || DEFAULT_TITLE ),\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title || DEFAULT_TITLE,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tcancel();\n\t\tsetRenderingMode( 'template-only' );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\tonRequestClose={ cancel }\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__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'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 variant=\"tertiary\" onClick={ cancel }>\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\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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"}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CreateNewTemplate;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
+var _createNewTemplateModal = _interopRequireDefault(require("./create-new-template-modal"));
+var _hooks = require("./hooks");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function CreateNewTemplate({
+  onClick
+}) {
+  const {
+    canCreateTemplates
+  } = (0, _data.useSelect)(select => {
+    const {
+      canUser
+    } = select(_coreData.store);
+    return {
+      canCreateTemplates: canUser('create', 'templates')
+    };
+  }, []);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, _element.useState)(false);
+  const allowSwitchingTemplate = (0, _hooks.useAllowSwitchingTemplates)();
+
+  // The default template in a post is indicated by an empty string.
+  if (!canCreateTemplates || !allowSwitchingTemplate) {
+    return null;
+  }
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
+    onClick: () => {
+      setIsCreateModalOpen(true);
+    }
+  }, (0, _i18n.__)('Create new template')), isCreateModalOpen && (0, _react.createElement)(_createNewTemplateModal.default, {
+    onClose: () => {
+      setIsCreateModalOpen(false);
+      onClick();
+    }
+  }));
+}
+//# sourceMappingURL=create-new-template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_createNewTemplateModal","_interopRequireDefault","_hooks","CreateNewTemplate","onClick","canCreateTemplates","useSelect","select","canUser","coreStore","isCreateModalOpen","setIsCreateModalOpen","useState","allowSwitchingTemplate","useAllowSwitchingTemplates","_react","createElement","Fragment","MenuItem","__","default","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( { onClick } ) {\n\tconst { canCreateTemplates } = useSelect( ( select ) => {\n\t\tconst { canUser } = select( coreStore );\n\t\treturn {\n\t\t\tcanCreateTemplates: canUser( 'create', 'templates' ),\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\tonClick();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,uBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASQ,iBAAiBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACxD,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACvD,MAAM;MAAEC;IAAQ,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IACvC,OAAO;MACNJ,kBAAkB,EAAEG,OAAO,CAAE,QAAQ,EAAE,WAAY;IACpD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM,CAAEE,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrE,MAAMC,sBAAsB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;;EAE3D;EACA,IAAK,CAAET,kBAAkB,IAAI,CAAEQ,sBAAsB,EAAG;IACvD,OAAO,IAAI;EACZ;EACA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,QAAQ;IACRd,OAAO,EAAGA,CAAA,KAAM;MACfO,oBAAoB,CAAE,IAAK,CAAC;IAC7B;EAAG,GAED,IAAAQ,QAAE,EAAE,qBAAsB,CACnB,CAAC,EAETT,iBAAiB,IAClB,IAAAK,MAAA,CAAAC,aAAA,EAAChB,uBAAA,CAAAoB,OAAsB;IACtBC,OAAO,EAAGA,CAAA,KAAM;MACfV,oBAAoB,CAAE,KAAM,CAAC;MAC7BP,OAAO,CAAC,CAAC;IACV;EAAG,CACH,CAED,CAAC;AAEL"}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAllowSwitchingTemplates = useAllowSwitchingTemplates;
+exports.useAvailableTemplates = useAvailableTemplates;
+exports.useCurrentTemplateSlug = useCurrentTemplateSlug;
+exports.useEditedPostContext = useEditedPostContext;
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _coreData = require("@wordpress/core-data");
+var _store = require("../../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function useEditedPostContext() {
+  return (0, _data.useSelect)(select => {
+    const {
+      getCurrentPostId,
+      getCurrentPostType
+    } = select(_store.store);
+    return {
+      postId: getCurrentPostId(),
+      postType: getCurrentPostType()
+    };
+  }, []);
+}
+function useAllowSwitchingTemplates() {
+  const {
+    postType,
+    postId
+  } = useEditedPostContext();
+  return (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord,
+      getEntityRecords
+    } = select(_coreData.store);
+    const siteSettings = getEntityRecord('root', 'site');
+    const templates = getEntityRecords('postType', 'wp_template', {
+      per_page: -1
+    });
+    const isPostsPage = +postId === siteSettings?.page_for_posts;
+    // 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 isFrontPage = postType === 'page' && +postId === siteSettings?.page_on_front && templates?.some(({
+      slug
+    }) => slug === 'front-page');
+    return !isPostsPage && !isFrontPage;
+  }, [postId, postType]);
+}
+function useTemplates(postType) {
+  return (0, _data.useSelect)(select => select(_coreData.store).getEntityRecords('postType', 'wp_template', {
+    per_page: -1,
+    post_type: postType
+  }), [postType]);
+}
+function useAvailableTemplates(postType) {
+  const currentTemplateSlug = useCurrentTemplateSlug();
+  const allowSwitchingTemplate = useAllowSwitchingTemplates();
+  const templates = useTemplates(postType);
+  return (0, _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, _data.useSelect)(select => {
+    const post = select(_coreData.store).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;
+}
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_element","_coreData","_store","useEditedPostContext","useSelect","select","getCurrentPostId","getCurrentPostType","editorStore","postId","postType","useAllowSwitchingTemplates","getEntityRecord","getEntityRecords","coreStore","siteSettings","templates","per_page","isPostsPage","page_for_posts","isFrontPage","page_on_front","some","slug","useTemplates","post_type","useAvailableTemplates","currentTemplateSlug","useCurrentTemplateSlug","allowSwitchingTemplate","useMemo","filter","template","is_custom","content","raw","entityTemplate","post","getEditedEntityRecord","find"],"sources":["@wordpress/editor/src/components/post-template/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport function useEditedPostContext() {\n\treturn useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n}\nexport function useAllowSwitchingTemplates() {\n\tconst { postType, postId } = useEditedPostContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getEntityRecords } = select( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\t\tconst templates = getEntityRecords( 'postType', 'wp_template', {\n\t\t\t\tper_page: -1,\n\t\t\t} );\n\t\t\tconst isPostsPage = +postId === siteSettings?.page_for_posts;\n\t\t\t// If current page is set front page or posts page, we also need\n\t\t\t// to check if the current theme has a template for it. If not\n\t\t\tconst isFrontPage =\n\t\t\t\tpostType === 'page' &&\n\t\t\t\t+postId === siteSettings?.page_on_front &&\n\t\t\t\ttemplates?.some( ( { slug } ) => slug === 'front-page' );\n\t\t\treturn ! isPostsPage && ! isFrontPage;\n\t\t},\n\t\t[ postId, postType ]\n\t);\n}\n\nfunction useTemplates( postType ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecords( 'postType', 'wp_template', {\n\t\t\t\tper_page: -1,\n\t\t\t\tpost_type: postType,\n\t\t\t} ),\n\t\t[ postType ]\n\t);\n}\n\nexport function useAvailableTemplates( postType ) {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\tconst templates = useTemplates( postType );\n\treturn useMemo(\n\t\t() =>\n\t\t\tallowSwitchingTemplate &&\n\t\t\ttemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\ttemplate.is_custom &&\n\t\t\t\t\ttemplate.slug !== currentTemplateSlug &&\n\t\t\t\t\t!! template.content.raw // Skip empty templates.\n\t\t\t),\n\t\t[ templates, currentTemplateSlug, allowSwitchingTemplate ]\n\t);\n}\n\nexport function useCurrentTemplateSlug() {\n\tconst { postType, postId } = useEditedPostContext();\n\tconst templates = useTemplates( postType );\n\tconst entityTemplate = useSelect(\n\t\t( select ) => {\n\t\t\tconst post = select( coreStore ).getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\treturn post?.template;\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tif ( ! entityTemplate ) {\n\t\treturn;\n\t}\n\t// If a page has a `template` set and is not included in the list\n\t// of the theme's templates, do not return it, in order to resolve\n\t// to the current theme's default template.\n\treturn templates?.find( ( template ) => template.slug === entityTemplate )\n\t\t?.slug;\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostTemplatePanel;
+var _react = require("react");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _coreData = require("@wordpress/core-data");
+var _store = require("../../store");
+var _classicTheme = _interopRequireDefault(require("./classic-theme"));
+var _blockTheme = _interopRequireDefault(require("./block-theme"));
+var _postPanelRow = _interopRequireDefault(require("../post-panel-row"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function PostTemplatePanel() {
+  const {
+    templateId,
+    isBlockTheme
+  } = (0, _data.useSelect)(select => {
+    const {
+      getCurrentTemplateId,
+      getEditorSettings
+    } = select(_store.store);
+    return {
+      templateId: getCurrentTemplateId(),
+      isBlockTheme: getEditorSettings().__unstableIsBlockBasedTheme
+    };
+  }, []);
+  const isVisible = (0, _data.useSelect)(select => {
+    var _select$canUser;
+    const postTypeSlug = select(_store.store).getCurrentPostType();
+    const postType = select(_coreData.store).getPostType(postTypeSlug);
+    if (!postType?.viewable) {
+      return false;
+    }
+    const settings = select(_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$canUser = select(_coreData.store).canUser('create', 'templates')) !== null && _select$canUser !== void 0 ? _select$canUser : false;
+    return canCreateTemplates;
+  }, []);
+  if (!isBlockTheme && isVisible) {
+    return (0, _react.createElement)(_postPanelRow.default, {
+      label: (0, _i18n.__)('Template')
+    }, (0, _react.createElement)(_classicTheme.default, null));
+  }
+  if (isBlockTheme && !!templateId) {
+    return (0, _react.createElement)(_postPanelRow.default, {
+      label: (0, _i18n.__)('Template')
+    }, (0, _react.createElement)(_blockTheme.default, {
+      id: templateId
+    }));
+  }
+  return null;
+}
+//# sourceMappingURL=panel.js.map

package/build/components/post-template/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_i18n","_coreData","_store","_classicTheme","_interopRequireDefault","_blockTheme","_postPanelRow","PostTemplatePanel","templateId","isBlockTheme","useSelect","select","getCurrentTemplateId","getEditorSettings","editorStore","__unstableIsBlockBasedTheme","isVisible","_select$canUser","postTypeSlug","getCurrentPostType","postType","coreStore","getPostType","viewable","settings","hasTemplates","availableTemplates","Object","keys","length","supportsTemplateMode","canCreateTemplates","canUser","_react","createElement","default","label","__","id"],"sources":["@wordpress/editor/src/components/post-template/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport ClassicThemeControl from './classic-theme';\nimport BlockThemeControl from './block-theme';\nimport PostPanelRow from '../post-panel-row';\n\nexport default function PostTemplatePanel() {\n\tconst { templateId, isBlockTheme } = useSelect( ( select ) => {\n\t\tconst { getCurrentTemplateId, getEditorSettings } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\ttemplateId: getCurrentTemplateId(),\n\t\t\tisBlockTheme: getEditorSettings().__unstableIsBlockBasedTheme,\n\t\t};\n\t}, [] );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst postTypeSlug = select( editorStore ).getCurrentPostType();\n\t\tconst postType = select( coreStore ).getPostType( postTypeSlug );\n\t\tif ( ! postType?.viewable ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst settings = select( editorStore ).getEditorSettings();\n\t\tconst hasTemplates =\n\t\t\t!! settings.availableTemplates &&\n\t\t\tObject.keys( settings.availableTemplates ).length > 0;\n\t\tif ( hasTemplates ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( ! settings.supportsTemplateMode ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst canCreateTemplates =\n\t\t\tselect( coreStore ).canUser( 'create', 'templates' ) ?? false;\n\t\treturn canCreateTemplates;\n\t}, [] );\n\n\tif ( ! isBlockTheme && isVisible ) {\n\t\treturn (\n\t\t\t<PostPanelRow label={ __( 'Template' ) }>\n\t\t\t\t<ClassicThemeControl />\n\t\t\t</PostPanelRow>\n\t\t);\n\t}\n\n\tif ( isBlockTheme && !! templateId ) {\n\t\treturn (\n\t\t\t<PostPanelRow label={ __( 'Template' ) }>\n\t\t\t\t<BlockThemeControl id={ templateId } />\n\t\t\t</PostPanelRow>\n\t\t);\n\t}\n\treturn null;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,aAAA,GAAAF,sBAAA,CAAAL,OAAA;AAbA;AACA;AACA;;AAKA;AACA;AACA;;AAMe,SAASQ,iBAAiBA,CAAA,EAAG;EAC3C,MAAM;IAAEC,UAAU;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7D,MAAM;MAAEC,oBAAoB;MAAEC;IAAkB,CAAC,GAChDF,MAAM,CAAEG,YAAY,CAAC;IACtB,OAAO;MACNN,UAAU,EAAEI,oBAAoB,CAAC,CAAC;MAClCH,YAAY,EAAEI,iBAAiB,CAAC,CAAC,CAACE;IACnC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,SAAS,GAAG,IAAAN,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAM,eAAA;IAC1C,MAAMC,YAAY,GAAGP,MAAM,CAAEG,YAAY,CAAC,CAACK,kBAAkB,CAAC,CAAC;IAC/D,MAAMC,QAAQ,GAAGT,MAAM,CAAEU,eAAU,CAAC,CAACC,WAAW,CAAEJ,YAAa,CAAC;IAChE,IAAK,CAAEE,QAAQ,EAAEG,QAAQ,EAAG;MAC3B,OAAO,KAAK;IACb;IAEA,MAAMC,QAAQ,GAAGb,MAAM,CAAEG,YAAY,CAAC,CAACD,iBAAiB,CAAC,CAAC;IAC1D,MAAMY,YAAY,GACjB,CAAC,CAAED,QAAQ,CAACE,kBAAkB,IAC9BC,MAAM,CAACC,IAAI,CAAEJ,QAAQ,CAACE,kBAAmB,CAAC,CAACG,MAAM,GAAG,CAAC;IACtD,IAAKJ,YAAY,EAAG;MACnB,OAAO,IAAI;IACZ;IAEA,IAAK,CAAED,QAAQ,CAACM,oBAAoB,EAAG;MACtC,OAAO,KAAK;IACb;IAEA,MAAMC,kBAAkB,IAAAd,eAAA,GACvBN,MAAM,CAAEU,eAAU,CAAC,CAACW,OAAO,CAAE,QAAQ,EAAE,WAAY,CAAC,cAAAf,eAAA,cAAAA,eAAA,GAAI,KAAK;IAC9D,OAAOc,kBAAkB;EAC1B,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEtB,YAAY,IAAIO,SAAS,EAAG;IAClC,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAC5B,aAAA,CAAA6B,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;IAAG,GACvC,IAAAJ,MAAA,CAAAC,aAAA,EAAC/B,aAAA,CAAAgC,OAAmB,MAAE,CACT,CAAC;EAEjB;EAEA,IAAK1B,YAAY,IAAI,CAAC,CAAED,UAAU,EAAG;IACpC,OACC,IAAAyB,MAAA,CAAAC,aAAA,EAAC5B,aAAA,CAAA6B,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;IAAG,GACvC,IAAAJ,MAAA,CAAAC,aAAA,EAAC7B,WAAA,CAAA8B,OAAiB;MAACG,EAAE,EAAG9B;IAAY,CAAE,CACzB,CAAC;EAEjB;EACA,OAAO,IAAI;AACZ"}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ResetDefaultTemplate;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _hooks = require("./hooks");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function ResetDefaultTemplate({
+  onClick
+}) {
+  const currentTemplateSlug = (0, _hooks.useCurrentTemplateSlug)();
+  const allowSwitchingTemplate = (0, _hooks.useAllowSwitchingTemplates)();
+  const {
+    postType,
+    postId
+  } = (0, _hooks.useEditedPostContext)();
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  // The default template in a post is indicated by an empty string.
+  if (!currentTemplateSlug || !allowSwitchingTemplate) {
+    return null;
+  }
+  return (0, _react.createElement)(_components.MenuItem, {
+    onClick: () => {
+      editEntityRecord('postType', postType, postId, {
+        template: ''
+      }, {
+        undoIgnore: true
+      });
+      onClick();
+    }
+  }, (0, _i18n.__)('Use default template'));
+}
+//# sourceMappingURL=reset-default-template.js.map

package/build/components/post-template/reset-default-template.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_hooks","ResetDefaultTemplate","onClick","currentTemplateSlug","useCurrentTemplateSlug","allowSwitchingTemplate","useAllowSwitchingTemplates","postType","postId","useEditedPostContext","editEntityRecord","useDispatch","coreStore","_react","createElement","MenuItem","template","undoIgnore","__"],"sources":["@wordpress/editor/src/components/post-template/reset-default-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseAllowSwitchingTemplates,\n\tuseCurrentTemplateSlug,\n\tuseEditedPostContext,\n} from './hooks';\n\nexport default function ResetDefaultTemplate( { onClick } ) {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\tconst { postType, postId } = useEditedPostContext();\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\t// The default template in a post is indicated by an empty string.\n\tif ( ! currentTemplateSlug || ! allowSwitchingTemplate ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\teditEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostType,\n\t\t\t\t\tpostId,\n\t\t\t\t\t{ template: '' },\n\t\t\t\t\t{ undoIgnore: true }\n\t\t\t\t);\n\t\t\t\tonClick();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Use default template' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAOe,SAASK,oBAAoBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC3D,MAAMC,mBAAmB,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACpD,MAAMC,sBAAsB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACnD,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,eAAU,CAAC;EACrD;EACA,IAAK,CAAET,mBAAmB,IAAI,CAAEE,sBAAsB,EAAG;IACxD,OAAO,IAAI;EACZ;EACA,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,QAAQ;IACRb,OAAO,EAAGA,CAAA,KAAM;MACfQ,gBAAgB,CACf,UAAU,EACVH,QAAQ,EACRC,MAAM,EACN;QAAEQ,QAAQ,EAAE;MAAG,CAAC,EAChB;QAAEC,UAAU,EAAE;MAAK,CACpB,CAAC;MACDf,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAgB,QAAE,EAAE,sBAAuB,CACpB,CAAC;AAEb"}