@wordpress/edit-post 6.8.0 → 6.9.0

package/build-module/components/sidebar/template/actions.js

@@ -1,158 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { kebabCase } from 'lodash';
-/**
- * WordPress dependencies
- */
-
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { Button, Modal, TextControl, Flex, FlexItem } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { store as editorStore } from '@wordpress/editor';
-import { store as coreStore } from '@wordpress/core-data';
-/**
- * Internal dependencies
- */
-
-import { store as editPostStore } from '../../../store';
-import { createBlock, serialize } from '@wordpress/blocks';
-
-function PostTemplateActions(_ref) {
-  var _template$title$toLow;
-
-  let {
-    isPostsPage
-  } = _ref;
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [isBusy, setIsBusy] = useState(false);
-  const [title, setTitle] = useState('');
-  const {
-    template,
-    supportsTemplateMode,
-    defaultTemplate
-  } = useSelect(select => {
-    var _getPostType$viewable, _getPostType;
-
-    const {
-      getCurrentPostType,
-      getEditorSettings
-    } = select(editorStore);
-    const {
-      getPostType
-    } = select(coreStore);
-    const {
-      getEditedPostTemplate
-    } = select(editPostStore);
-    const isViewable = (_getPostType$viewable = (_getPostType = getPostType(getCurrentPostType())) === null || _getPostType === void 0 ? void 0 : _getPostType.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false;
-
-    const _supportsTemplateMode = getEditorSettings().supportsTemplateMode && isViewable;
-
-    return {
-      template: _supportsTemplateMode && getEditedPostTemplate(),
-      supportsTemplateMode: _supportsTemplateMode,
-      defaultTemplate: getEditorSettings().defaultBlockTemplate
-    };
-  }, []);
-  const {
-    __unstableCreateTemplate,
-    __unstableSwitchToTemplateMode
-  } = useDispatch(editPostStore);
-
-  if (!supportsTemplateMode) {
-    return null;
-  }
-
-  const defaultTitle = __('Custom Template');
-
-  async function onCreateTemplate(event) {
-    event.preventDefault();
-
-    if (isBusy) {
-      return;
-    }
-
-    setIsBusy(true);
-    const newTemplateContent = defaultTemplate !== null && defaultTemplate !== void 0 ? defaultTemplate : 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
-      }
-    })])]);
-    await __unstableCreateTemplate({
-      slug: 'wp-custom-template-' + kebabCase(title || defaultTitle),
-      content: newTemplateContent,
-      title: title || defaultTitle
-    });
-    setIsBusy(false);
-    setIsModalOpen(false);
-
-    __unstableSwitchToTemplateMode(true);
-  }
-
-  return createElement(Fragment, null, createElement("div", {
-    className: "edit-post-template__actions"
-  }, !!template && createElement(Button, {
-    variant: "link",
-    onClick: () => __unstableSwitchToTemplateMode(),
-    label: sprintf( // Translators: 1: The title or the slug of the currently selected template.
-    __('Edit template: %s'), (_template$title$toLow = template === null || template === void 0 ? void 0 : template.title.toLowerCase()) !== null && _template$title$toLow !== void 0 ? _template$title$toLow : template.slug)
-  }, __('Edit')), !isPostsPage && createElement(Button, {
-    variant: "link",
-    onClick: () => setIsModalOpen(true),
-    label: _x('New template', 'action')
-  },
-  /* translators: button to create a new template */
-  _x('New', 'action'))), isModalOpen && createElement(Modal, {
-    title: __('Create custom template'),
-    closeLabel: __('Close'),
-    onRequestClose: () => {
-      setIsModalOpen(false);
-      setTitle('');
-    },
-    overlayClassName: "edit-post-template__modal"
-  }, createElement("form", {
-    onSubmit: onCreateTemplate
-  }, createElement(Flex, {
-    align: "flex-start",
-    gap: 8
-  }, createElement(FlexItem, null, createElement(TextControl, {
-    label: __('Name'),
-    value: title,
-    onChange: setTitle,
-    placeholder: defaultTitle,
-    disabled: isBusy,
-    help: __('Describe the purpose of the template, e.g. "Full Width". Custom templates can be applied to any post or page.')
-  }))), createElement(Flex, {
-    className: "edit-post-template__modal-actions",
-    justify: "flex-end",
-    expanded: false
-  }, createElement(FlexItem, null, createElement(Button, {
-    variant: "tertiary",
-    onClick: () => {
-      setIsModalOpen(false);
-      setTitle('');
-    }
-  }, __('Cancel'))), createElement(FlexItem, null, createElement(Button, {
-    variant: "primary",
-    type: "submit",
-    isBusy: isBusy,
-    "aria-disabled": isBusy
-  }, __('Create')))))));
-}
-
-export default PostTemplateActions;
-//# sourceMappingURL=actions.js.map

package/build-module/components/sidebar/template/actions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/sidebar/template/actions.js"],"names":["kebabCase","__","_x","sprintf","Button","Modal","TextControl","Flex","FlexItem","useSelect","useDispatch","useState","store","editorStore","coreStore","editPostStore","createBlock","serialize","PostTemplateActions","isPostsPage","isModalOpen","setIsModalOpen","isBusy","setIsBusy","title","setTitle","template","supportsTemplateMode","defaultTemplate","select","getCurrentPostType","getEditorSettings","getPostType","getEditedPostTemplate","isViewable","viewable","_supportsTemplateMode","defaultBlockTemplate","__unstableCreateTemplate","__unstableSwitchToTemplateMode","defaultTitle","onCreateTemplate","event","preventDefault","newTemplateContent","tagName","layout","inherit","slug","content","toLowerCase"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,QAA1B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,EAAb,EAAiBC,OAAjB,QAAgC,iBAAhC;AACA,SACCC,MADD,EAECC,KAFD,EAGCC,WAHD,EAICC,IAJD,EAKCC,QALD,QAMO,uBANP;AAOA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AACA,SAASD,KAAK,IAAIE,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASF,KAAK,IAAIG,aAAlB,QAAuC,gBAAvC;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,mBAAvC;;AAEA,SAASC,mBAAT,OAAgD;AAAA;;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AAC/C,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCV,QAAQ,CAAE,KAAF,CAAhD;AACA,QAAM,CAAEW,MAAF,EAAUC,SAAV,IAAwBZ,QAAQ,CAAE,KAAF,CAAtC;AACA,QAAM,CAAEa,KAAF,EAASC,QAAT,IAAsBd,QAAQ,CAAE,EAAF,CAApC;AACA,QAAM;AAAEe,IAAAA,QAAF;AAAYC,IAAAA,oBAAZ;AAAkCC,IAAAA;AAAlC,MAAsDnB,SAAS,CAClEoB,MAAF,IAAc;AAAA;;AACb,UAAM;AAAEC,MAAAA,kBAAF;AAAsBC,MAAAA;AAAtB,QACLF,MAAM,CAAEhB,WAAF,CADP;AAEA,UAAM;AAAEmB,MAAAA;AAAF,QAAkBH,MAAM,CAAEf,SAAF,CAA9B;AACA,UAAM;AAAEmB,MAAAA;AAAF,QAA4BJ,MAAM,CAAEd,aAAF,CAAxC;AAEA,UAAMmB,UAAU,4CACfF,WAAW,CAAEF,kBAAkB,EAApB,CADI,iDACf,aAAqCK,QADtB,yEACkC,KADlD;;AAEA,UAAMC,qBAAqB,GAC1BL,iBAAiB,GAAGJ,oBAApB,IAA4CO,UAD7C;;AAGA,WAAO;AACNR,MAAAA,QAAQ,EAAEU,qBAAqB,IAAIH,qBAAqB,EADlD;AAENN,MAAAA,oBAAoB,EAAES,qBAFhB;AAGNR,MAAAA,eAAe,EAAEG,iBAAiB,GAAGM;AAH/B,KAAP;AAKA,GAjBmE,EAkBpE,EAlBoE,CAArE;AAoBA,QAAM;AAAEC,IAAAA,wBAAF;AAA4BC,IAAAA;AAA5B,MACL7B,WAAW,CAAEK,aAAF,CADZ;;AAGA,MAAK,CAAEY,oBAAP,EAA8B;AAC7B,WAAO,IAAP;AACA;;AAED,QAAMa,YAAY,GAAGvC,EAAE,CAAE,iBAAF,CAAvB;;AAEA,iBAAewC,gBAAf,CAAiCC,KAAjC,EAAyC;AACxCA,IAAAA,KAAK,CAACC,cAAN;;AAEA,QAAKrB,MAAL,EAAc;AACb;AACA;;AAEDC,IAAAA,SAAS,CAAE,IAAF,CAAT;AAEA,UAAMqB,kBAAkB,GACvBhB,eADuB,aACvBA,eADuB,cACvBA,eADuB,GAEvBX,SAAS,CAAE,CACVD,WAAW,CACV,YADU,EAEV;AACC6B,MAAAA,OAAO,EAAE,QADV;AAECC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AAFT,KAFU,EAMV,CACC/B,WAAW,CAAE,iBAAF,CADZ,EAECA,WAAW,CAAE,mBAAF,CAFZ,CANU,CADD,EAYVA,WAAW,CAAE,gBAAF,CAZD,EAaVA,WAAW,CACV,YADU,EAEV;AACC6B,MAAAA,OAAO,EAAE;AADV,KAFU,EAKV,CACC7B,WAAW,CACV,YADU,EAEV;AACC8B,MAAAA,MAAM,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AADT,KAFU,EAKV,CAAE/B,WAAW,CAAE,iBAAF,CAAb,CALU,CADZ,EAQCA,WAAW,CAAE,mBAAF,EAAuB;AACjC8B,MAAAA,MAAM,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AADyB,KAAvB,CARZ,CALU,CAbD,CAAF,CAFV;AAmCA,UAAMT,wBAAwB,CAAE;AAC/BU,MAAAA,IAAI,EAAE,wBAAwBhD,SAAS,CAAEwB,KAAK,IAAIgB,YAAX,CADR;AAE/BS,MAAAA,OAAO,EAAEL,kBAFsB;AAG/BpB,MAAAA,KAAK,EAAEA,KAAK,IAAIgB;AAHe,KAAF,CAA9B;AAMAjB,IAAAA,SAAS,CAAE,KAAF,CAAT;AACAF,IAAAA,cAAc,CAAE,KAAF,CAAd;;AAEAkB,IAAAA,8BAA8B,CAAE,IAAF,CAA9B;AACA;;AAED,SACC,8BACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,CAAC,CAAEb,QAAH,IACD,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,OAAO,EAAG,MAAMa,8BAA8B,EAF/C;AAGC,IAAA,KAAK,EAAGpC,OAAO,EACd;AACAF,IAAAA,EAAE,CAAE,mBAAF,CAFY,2BAGdyB,QAHc,aAGdA,QAHc,uBAGdA,QAAQ,CAAEF,KAAV,CAAgB0B,WAAhB,EAHc,yEAGmBxB,QAAQ,CAACsB,IAH5B;AAHhB,KASG/C,EAAE,CAAE,MAAF,CATL,CAFF,EAcG,CAAEkB,WAAF,IACD,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,OAAO,EAAG,MAAME,cAAc,CAAE,IAAF,CAF/B;AAGC,IAAA,KAAK,EAAGnB,EAAE,CAAE,cAAF,EAAkB,QAAlB;AAHX;AAME;AACAA,EAAAA,EAAE,CAAE,KAAF,EAAS,QAAT,CAPJ,CAfF,CADD,EA4BGkB,WAAW,IACZ,cAAC,KAAD;AACC,IAAA,KAAK,EAAGnB,EAAE,CAAE,wBAAF,CADX;AAEC,IAAA,UAAU,EAAGA,EAAE,CAAE,OAAF,CAFhB;AAGC,IAAA,cAAc,EAAG,MAAM;AACtBoB,MAAAA,cAAc,CAAE,KAAF,CAAd;AACAI,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA,KANF;AAOC,IAAA,gBAAgB,EAAC;AAPlB,KASC;AAAM,IAAA,QAAQ,EAAGgB;AAAjB,KACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAC,YAAZ;AAAyB,IAAA,GAAG,EAAG;AAA/B,KACC,cAAC,QAAD,QACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGxC,EAAE,CAAE,MAAF,CADX;AAEC,IAAA,KAAK,EAAGuB,KAFT;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,WAAW,EAAGe,YAJf;AAKC,IAAA,QAAQ,EAAGlB,MALZ;AAMC,IAAA,IAAI,EAAGrB,EAAE,CACR,+GADQ;AANV,IADD,CADD,CADD,EAgBC,cAAC,IAAD;AACC,IAAA,SAAS,EAAC,mCADX;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,IAAA,QAAQ,EAAG;AAHZ,KAKC,cAAC,QAAD,QACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfoB,MAAAA,cAAc,CAAE,KAAF,CAAd;AACAI,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA;AALF,KAOGxB,EAAE,CAAE,QAAF,CAPL,CADD,CALD,EAgBC,cAAC,QAAD,QACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,IAAA,MAAM,EAAGqB,MAHV;AAIC,qBAAgBA;AAJjB,KAMGrB,EAAE,CAAE,QAAF,CANL,CADD,CAhBD,CAhBD,CATD,CA7BF,CADD;AAuFA;;AAED,eAAeiB,mBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { kebabCase } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tModal,\n\tTextControl,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { createBlock, serialize } from '@wordpress/blocks';\n\nfunction PostTemplateActions( { isPostsPage } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ isBusy, setIsBusy ] = useState( false );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst { template, supportsTemplateMode, defaultTemplate } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType, getEditorSettings } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\tconst { getEditedPostTemplate } = select( editPostStore );\n\n\t\t\tconst isViewable =\n\t\t\t\tgetPostType( getCurrentPostType() )?.viewable ?? false;\n\t\t\tconst _supportsTemplateMode =\n\t\t\t\tgetEditorSettings().supportsTemplateMode && isViewable;\n\n\t\t\treturn {\n\t\t\t\ttemplate: _supportsTemplateMode && getEditedPostTemplate(),\n\t\t\t\tsupportsTemplateMode: _supportsTemplateMode,\n\t\t\t\tdefaultTemplate: getEditorSettings().defaultBlockTemplate,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { __unstableCreateTemplate, __unstableSwitchToTemplateMode } =\n\t\tuseDispatch( editPostStore );\n\n\tif ( ! supportsTemplateMode ) {\n\t\treturn null;\n\t}\n\n\tconst defaultTitle = __( 'Custom Template' );\n\n\tasync function onCreateTemplate( 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\tdefaultTemplate ??\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 __unstableCreateTemplate( {\n\t\t\tslug: 'wp-custom-template-' + kebabCase( title || defaultTitle ),\n\t\t\tcontent: newTemplateContent,\n\t\t\ttitle: title || defaultTitle,\n\t\t} );\n\n\t\tsetIsBusy( false );\n\t\tsetIsModalOpen( false );\n\n\t\t__unstableSwitchToTemplateMode( true );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-post-template__actions\">\n\t\t\t\t{ !! template && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => __unstableSwitchToTemplateMode() }\n\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t// Translators: 1: The title or the slug of the currently selected template.\n\t\t\t\t\t\t\t__( 'Edit template: %s' ),\n\t\t\t\t\t\t\ttemplate?.title.toLowerCase() ?? template.slug\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! isPostsPage && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\t\t\tlabel={ _x( 'New template', 'action' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t/* translators: button to create a new template */\n\t\t\t\t\t\t\t_x( 'New', 'action' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create custom template' ) }\n\t\t\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"edit-post-template__modal\"\n\t\t\t\t>\n\t\t\t\t\t<form onSubmit={ onCreateTemplate }>\n\t\t\t\t\t\t<Flex align=\"flex-start\" gap={ 8 }>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\t\tplaceholder={ defaultTitle }\n\t\t\t\t\t\t\t\t\tdisabled={ isBusy }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the template, e.g. \"Full Width\". Custom templates can be applied to any post or page.'\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</FlexItem>\n\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"edit-post-template__modal-actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\t\t\t\tsetTitle( '' );\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\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tisBusy={ isBusy }\n\t\t\t\t\t\t\t\t\taria-disabled={ isBusy }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default PostTemplateActions;\n"]}

package/build-module/components/sidebar/template/index.js

@@ -1,145 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { partial, isEmpty, map, fromPairs } from 'lodash';
-/**
- * WordPress dependencies
- */
-
-import { __, sprintf } from '@wordpress/i18n';
-import { useMemo } from '@wordpress/element';
-import { Notice, PanelBody, SelectControl } from '@wordpress/components';
-import { store as editorStore } from '@wordpress/editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-/**
- * Internal dependencies
- */
-
-import PostTemplateActions from './actions';
-import { store as editPostStore } from '../../../store';
-/**
- * Module Constants
- */
-
-const PANEL_NAME = 'template';
-export function TemplatePanel() {
-  const {
-    isEnabled,
-    isOpened,
-    isPostsPage,
-    selectedTemplate,
-    availableTemplates,
-    fetchedTemplates,
-    isViewable,
-    template,
-    supportsTemplateMode,
-    canUserCreate
-  } = useSelect(select => {
-    var _getPostType$viewable, _getPostType;
-
-    const {
-      isEditorPanelEnabled,
-      isEditorPanelOpened,
-      getEditedPostTemplate
-    } = select(editPostStore);
-    const {
-      getEditedPostAttribute,
-      getEditorSettings,
-      getCurrentPostId,
-      getCurrentPostType
-    } = select(editorStore);
-    const {
-      getPostType,
-      getEntityRecord,
-      getEntityRecords,
-      canUser
-    } = select(coreStore);
-    const currentPostId = getCurrentPostId();
-    const currentPostType = getCurrentPostType();
-    const settings = getEntityRecord('root', 'site');
-
-    const _isViewable = (_getPostType$viewable = (_getPostType = getPostType(currentPostType)) === null || _getPostType === void 0 ? void 0 : _getPostType.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false;
-
-    const _supportsTemplateMode = select(editorStore).getEditorSettings().supportsTemplateMode && _isViewable;
-
-    const templateRecords = getEntityRecords('postType', 'wp_template', {
-      post_type: currentPostType,
-      per_page: -1
-    });
-    return {
-      isEnabled: isEditorPanelEnabled(PANEL_NAME),
-      isOpened: isEditorPanelOpened(PANEL_NAME),
-      isPostsPage: currentPostId === (settings === null || settings === void 0 ? void 0 : settings.page_for_posts),
-      selectedTemplate: getEditedPostAttribute('template'),
-      availableTemplates: getEditorSettings().availableTemplates,
-      fetchedTemplates: templateRecords,
-      template: _supportsTemplateMode && getEditedPostTemplate(),
-      isViewable: _isViewable,
-      supportsTemplateMode: _supportsTemplateMode,
-      canUserCreate: canUser('create', 'templates')
-    };
-  }, []);
-  const templates = useMemo(() => {
-    return { ...availableTemplates,
-      ...fromPairs((fetchedTemplates !== null && fetchedTemplates !== void 0 ? fetchedTemplates : []).map(_ref => {
-        let {
-          slug,
-          title
-        } = _ref;
-        return [slug, title.rendered];
-      }))
-    };
-  }, [availableTemplates, fetchedTemplates]);
-  const {
-    toggleEditorPanelOpened
-  } = useDispatch(editPostStore);
-  const {
-    editPost
-  } = useDispatch(editorStore);
-
-  if (!isEnabled || !isViewable || isEmpty(availableTemplates) && (!supportsTemplateMode || !canUserCreate)) {
-    return null;
-  }
-
-  const onTogglePanel = partial(toggleEditorPanelOpened, PANEL_NAME);
-
-  let panelTitle = __('Template');
-
-  if (!!template) {
-    var _template$title;
-
-    panelTitle = sprintf(
-    /* translators: %s: template title */
-    __('Template: %s'), (_template$title = template === null || template === void 0 ? void 0 : template.title) !== null && _template$title !== void 0 ? _template$title : template.slug);
-  }
-
-  return createElement(PanelBody, {
-    title: panelTitle,
-    opened: isOpened,
-    onToggle: onTogglePanel
-  }, isPostsPage ? createElement(Notice, {
-    className: "edit-post-template__notice",
-    status: "warning",
-    isDismissible: false
-  }, __('The posts page template cannot be changed.')) : createElement(SelectControl, {
-    hideLabelFromVision: true,
-    label: __('Template:'),
-    value: Object.keys(templates).includes(selectedTemplate) ? selectedTemplate : '',
-    onChange: templateSlug => {
-      editPost({
-        template: templateSlug || ''
-      });
-    },
-    options: map(templates, (templateName, templateSlug) => ({
-      value: templateSlug,
-      label: templateName
-    }))
-  }), canUserCreate && createElement(PostTemplateActions, {
-    isPostsPage: isPostsPage
-  }));
-}
-export default TemplatePanel;
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar/template/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/sidebar/template/index.js"],"names":["partial","isEmpty","map","fromPairs","__","sprintf","useMemo","Notice","PanelBody","SelectControl","store","editorStore","useSelect","useDispatch","coreStore","PostTemplateActions","editPostStore","PANEL_NAME","TemplatePanel","isEnabled","isOpened","isPostsPage","selectedTemplate","availableTemplates","fetchedTemplates","isViewable","template","supportsTemplateMode","canUserCreate","select","isEditorPanelEnabled","isEditorPanelOpened","getEditedPostTemplate","getEditedPostAttribute","getEditorSettings","getCurrentPostId","getCurrentPostType","getPostType","getEntityRecord","getEntityRecords","canUser","currentPostId","currentPostType","settings","_isViewable","viewable","_supportsTemplateMode","templateRecords","post_type","per_page","page_for_posts","templates","slug","title","rendered","toggleEditorPanelOpened","editPost","onTogglePanel","panelTitle","Object","keys","includes","templateSlug","templateName","value","label"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { partial, isEmpty, map, fromPairs } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { Notice, PanelBody, SelectControl } from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport PostTemplateActions from './actions';\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Module Constants\n */\nconst PANEL_NAME = 'template';\n\nexport function TemplatePanel() {\n\tconst {\n\t\tisEnabled,\n\t\tisOpened,\n\t\tisPostsPage,\n\t\tselectedTemplate,\n\t\tavailableTemplates,\n\t\tfetchedTemplates,\n\t\tisViewable,\n\t\ttemplate,\n\t\tsupportsTemplateMode,\n\t\tcanUserCreate,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisEditorPanelEnabled,\n\t\t\tisEditorPanelOpened,\n\t\t\tgetEditedPostTemplate,\n\t\t} = select( editPostStore );\n\t\tconst {\n\t\t\tgetEditedPostAttribute,\n\t\t\tgetEditorSettings,\n\t\t\tgetCurrentPostId,\n\t\t\tgetCurrentPostType,\n\t\t} = select( editorStore );\n\t\tconst { getPostType, getEntityRecord, getEntityRecords, canUser } =\n\t\t\tselect( coreStore );\n\n\t\tconst currentPostId = getCurrentPostId();\n\t\tconst currentPostType = getCurrentPostType();\n\t\tconst settings = getEntityRecord( 'root', 'site' );\n\t\tconst _isViewable = getPostType( currentPostType )?.viewable ?? false;\n\t\tconst _supportsTemplateMode =\n\t\t\tselect( editorStore ).getEditorSettings().supportsTemplateMode &&\n\t\t\t_isViewable;\n\n\t\tconst templateRecords = getEntityRecords( 'postType', 'wp_template', {\n\t\t\tpost_type: currentPostType,\n\t\t\tper_page: -1,\n\t\t} );\n\n\t\treturn {\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t\tisPostsPage: currentPostId === settings?.page_for_posts,\n\t\t\tselectedTemplate: getEditedPostAttribute( 'template' ),\n\t\t\tavailableTemplates: getEditorSettings().availableTemplates,\n\t\t\tfetchedTemplates: templateRecords,\n\t\t\ttemplate: _supportsTemplateMode && getEditedPostTemplate(),\n\t\t\tisViewable: _isViewable,\n\t\t\tsupportsTemplateMode: _supportsTemplateMode,\n\t\t\tcanUserCreate: canUser( 'create', 'templates' ),\n\t\t};\n\t}, [] );\n\n\tconst templates = useMemo( () => {\n\t\treturn {\n\t\t\t...availableTemplates,\n\t\t\t...fromPairs(\n\t\t\t\t( fetchedTemplates ?? [] ).map( ( { slug, title } ) => [\n\t\t\t\t\tslug,\n\t\t\t\t\ttitle.rendered,\n\t\t\t\t] )\n\t\t\t),\n\t\t};\n\t}, [ availableTemplates, fetchedTemplates ] );\n\n\tconst { toggleEditorPanelOpened } = useDispatch( editPostStore );\n\tconst { editPost } = useDispatch( editorStore );\n\n\tif (\n\t\t! isEnabled ||\n\t\t! isViewable ||\n\t\t( isEmpty( availableTemplates ) &&\n\t\t\t( ! supportsTemplateMode || ! canUserCreate ) )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst onTogglePanel = partial( toggleEditorPanelOpened, PANEL_NAME );\n\n\tlet panelTitle = __( 'Template' );\n\tif ( !! template ) {\n\t\tpanelTitle = sprintf(\n\t\t\t/* translators: %s: template title */\n\t\t\t__( 'Template: %s' ),\n\t\t\ttemplate?.title ?? template.slug\n\t\t);\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\ttitle={ panelTitle }\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ onTogglePanel }\n\t\t>\n\t\t\t{ isPostsPage ? (\n\t\t\t\t<Notice\n\t\t\t\t\tclassName=\"edit-post-template__notice\"\n\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\tisDismissible={ false }\n\t\t\t\t>\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\thideLabelFromVision\n\t\t\t\t\tlabel={ __( 'Template:' ) }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tObject.keys( templates ).includes( selectedTemplate )\n\t\t\t\t\t\t\t? selectedTemplate\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( templateSlug ) => {\n\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\ttemplate: templateSlug || '',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ map(\n\t\t\t\t\t\ttemplates,\n\t\t\t\t\t\t( templateName, templateSlug ) => ( {\n\t\t\t\t\t\t\tvalue: templateSlug,\n\t\t\t\t\t\t\tlabel: templateName,\n\t\t\t\t\t\t} )\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canUserCreate && (\n\t\t\t\t<PostTemplateActions isPostsPage={ isPostsPage } />\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n}\n\nexport default TemplatePanel;\n"]}

package/src/components/sidebar/template/actions.js

@@ -1,206 +0,0 @@
-/**
- * External dependencies
- */
-import { kebabCase } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __, _x, sprintf } from '@wordpress/i18n';
-import {
-	Button,
-	Modal,
-	TextControl,
-	Flex,
-	FlexItem,
-} from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { store as editorStore } from '@wordpress/editor';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-import { createBlock, serialize } from '@wordpress/blocks';
-
-function PostTemplateActions( { isPostsPage } ) {
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const [ isBusy, setIsBusy ] = useState( false );
-	const [ title, setTitle ] = useState( '' );
-	const { template, supportsTemplateMode, defaultTemplate } = useSelect(
-		( select ) => {
-			const { getCurrentPostType, getEditorSettings } =
-				select( editorStore );
-			const { getPostType } = select( coreStore );
-			const { getEditedPostTemplate } = select( editPostStore );
-
-			const isViewable =
-				getPostType( getCurrentPostType() )?.viewable ?? false;
-			const _supportsTemplateMode =
-				getEditorSettings().supportsTemplateMode && isViewable;
-
-			return {
-				template: _supportsTemplateMode && getEditedPostTemplate(),
-				supportsTemplateMode: _supportsTemplateMode,
-				defaultTemplate: getEditorSettings().defaultBlockTemplate,
-			};
-		},
-		[]
-	);
-	const { __unstableCreateTemplate, __unstableSwitchToTemplateMode } =
-		useDispatch( editPostStore );
-
-	if ( ! supportsTemplateMode ) {
-		return null;
-	}
-
-	const defaultTitle = __( 'Custom Template' );
-
-	async function onCreateTemplate( event ) {
-		event.preventDefault();
-
-		if ( isBusy ) {
-			return;
-		}
-
-		setIsBusy( true );
-
-		const newTemplateContent =
-			defaultTemplate ??
-			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 },
-						} ),
-					]
-				),
-			] );
-
-		await __unstableCreateTemplate( {
-			slug: 'wp-custom-template-' + kebabCase( title || defaultTitle ),
-			content: newTemplateContent,
-			title: title || defaultTitle,
-		} );
-
-		setIsBusy( false );
-		setIsModalOpen( false );
-
-		__unstableSwitchToTemplateMode( true );
-	}
-
-	return (
-		<>
-			<div className="edit-post-template__actions">
-				{ !! template && (
-					<Button
-						variant="link"
-						onClick={ () => __unstableSwitchToTemplateMode() }
-						label={ sprintf(
-							// Translators: 1: The title or the slug of the currently selected template.
-							__( 'Edit template: %s' ),
-							template?.title.toLowerCase() ?? template.slug
-						) }
-					>
-						{ __( 'Edit' ) }
-					</Button>
-				) }
-				{ ! isPostsPage && (
-					<Button
-						variant="link"
-						onClick={ () => setIsModalOpen( true ) }
-						label={ _x( 'New template', 'action' ) }
-					>
-						{
-							/* translators: button to create a new template */
-							_x( 'New', 'action' )
-						}
-					</Button>
-				) }
-			</div>
-			{ isModalOpen && (
-				<Modal
-					title={ __( 'Create custom template' ) }
-					closeLabel={ __( 'Close' ) }
-					onRequestClose={ () => {
-						setIsModalOpen( false );
-						setTitle( '' );
-					} }
-					overlayClassName="edit-post-template__modal"
-				>
-					<form onSubmit={ onCreateTemplate }>
-						<Flex align="flex-start" gap={ 8 }>
-							<FlexItem>
-								<TextControl
-									label={ __( 'Name' ) }
-									value={ title }
-									onChange={ setTitle }
-									placeholder={ defaultTitle }
-									disabled={ isBusy }
-									help={ __(
-										'Describe the purpose of the template, e.g. "Full Width". Custom templates can be applied to any post or page.'
-									) }
-								/>
-							</FlexItem>
-						</Flex>
-
-						<Flex
-							className="edit-post-template__modal-actions"
-							justify="flex-end"
-							expanded={ false }
-						>
-							<FlexItem>
-								<Button
-									variant="tertiary"
-									onClick={ () => {
-										setIsModalOpen( false );
-										setTitle( '' );
-									} }
-								>
-									{ __( 'Cancel' ) }
-								</Button>
-							</FlexItem>
-							<FlexItem>
-								<Button
-									variant="primary"
-									type="submit"
-									isBusy={ isBusy }
-									aria-disabled={ isBusy }
-								>
-									{ __( 'Create' ) }
-								</Button>
-							</FlexItem>
-						</Flex>
-					</form>
-				</Modal>
-			) }
-		</>
-	);
-}
-
-export default PostTemplateActions;