@wordpress/edit-post 7.10.0 → 7.12.0

package/build-module/components/header/template-title/edit-template-title.js

@@ -1,83 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { TextControl } from '@wordpress/components';
-import { useDispatch, useSelect } 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';
-export default function EditTemplateTitle() {
-  const [forceEmpty, setForceEmpty] = useState(false);
-  const {
-    template
-  } = useSelect(select => {
-    const {
-      getEditedPostTemplate
-    } = select(editPostStore);
-    return {
-      template: getEditedPostTemplate()
-    };
-  }, []);
-  const {
-    editEntityRecord
-  } = useDispatch(coreStore);
-  const {
-    getEditorSettings
-  } = useSelect(editorStore);
-  const {
-    updateEditorSettings
-  } = useDispatch(editorStore); // Only user-created and non-default templates can change the name.
-
-  if (!template.is_custom || template.has_theme_file) {
-    return null;
-  }
-
-  let templateTitle = __('Default');
-
-  if (template !== null && template !== void 0 && template.title) {
-    templateTitle = template.title;
-  } else if (!!template) {
-    templateTitle = template.slug;
-  }
-
-  return createElement("div", {
-    className: "edit-site-template-details__group"
-  }, createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Title'),
-    value: forceEmpty ? '' : templateTitle,
-    help: __('Give the template a title that indicates its purpose, e.g. "Full Width".'),
-    onChange: newTitle => {
-      var _settings$availableTe;
-
-      // Allow having the field temporarily empty while typing.
-      if (!newTitle && !forceEmpty) {
-        setForceEmpty(true);
-        return;
-      }
-
-      setForceEmpty(false);
-      const settings = getEditorSettings();
-      const newAvailableTemplates = Object.fromEntries(Object.entries((_settings$availableTe = settings.availableTemplates) !== null && _settings$availableTe !== void 0 ? _settings$availableTe : {}).map(_ref => {
-        let [id, existingTitle] = _ref;
-        return [id, id !== template.slug ? existingTitle : newTitle];
-      }));
-      updateEditorSettings({
-        availableTemplates: newAvailableTemplates
-      });
-      editEntityRecord('postType', 'wp_template', template.id, {
-        title: newTitle
-      });
-    },
-    onBlur: () => setForceEmpty(false)
-  }));
-}
-//# sourceMappingURL=edit-template-title.js.map

package/build-module/components/header/template-title/edit-template-title.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/template-title/edit-template-title.js"],"names":["__","TextControl","useDispatch","useSelect","useState","store","editorStore","coreStore","editPostStore","EditTemplateTitle","forceEmpty","setForceEmpty","template","select","getEditedPostTemplate","editEntityRecord","getEditorSettings","updateEditorSettings","is_custom","has_theme_file","templateTitle","title","slug","newTitle","settings","newAvailableTemplates","Object","fromEntries","entries","availableTemplates","map","id","existingTitle"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,uBAA5B;AACA,SAASC,WAAT,EAAsBC,SAAtB,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;AAEA,eAAe,SAASC,iBAAT,GAA6B;AAC3C,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgCP,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM;AAAEQ,IAAAA;AAAF,MAAeT,SAAS,CAAIU,MAAF,IAAc;AAC7C,UAAM;AAAEC,MAAAA;AAAF,QAA4BD,MAAM,CAAEL,aAAF,CAAxC;AACA,WAAO;AACNI,MAAAA,QAAQ,EAAEE,qBAAqB;AADzB,KAAP;AAGA,GAL6B,EAK3B,EAL2B,CAA9B;AAOA,QAAM;AAAEC,IAAAA;AAAF,MAAuBb,WAAW,CAAEK,SAAF,CAAxC;AACA,QAAM;AAAES,IAAAA;AAAF,MAAwBb,SAAS,CAAEG,WAAF,CAAvC;AACA,QAAM;AAAEW,IAAAA;AAAF,MAA2Bf,WAAW,CAAEI,WAAF,CAA5C,CAX2C,CAa3C;;AACA,MAAK,CAAEM,QAAQ,CAACM,SAAX,IAAwBN,QAAQ,CAACO,cAAtC,EAAuD;AACtD,WAAO,IAAP;AACA;;AAED,MAAIC,aAAa,GAAGpB,EAAE,CAAE,SAAF,CAAtB;;AACA,MAAKY,QAAL,aAAKA,QAAL,eAAKA,QAAQ,CAAES,KAAf,EAAuB;AACtBD,IAAAA,aAAa,GAAGR,QAAQ,CAACS,KAAzB;AACA,GAFD,MAEO,IAAK,CAAC,CAAET,QAAR,EAAmB;AACzBQ,IAAAA,aAAa,GAAGR,QAAQ,CAACU,IAAzB;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,WAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,KAAK,EAAGtB,EAAE,CAAE,OAAF,CAFX;AAGC,IAAA,KAAK,EAAGU,UAAU,GAAG,EAAH,GAAQU,aAH3B;AAIC,IAAA,IAAI,EAAGpB,EAAE,CACR,0EADQ,CAJV;AAOC,IAAA,QAAQ,EAAKuB,QAAF,IAAgB;AAAA;;AAC1B;AACA,UAAK,CAAEA,QAAF,IAAc,CAAEb,UAArB,EAAkC;AACjCC,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA;AACA;;AACDA,MAAAA,aAAa,CAAE,KAAF,CAAb;AAEA,YAAMa,QAAQ,GAAGR,iBAAiB,EAAlC;AACA,YAAMS,qBAAqB,GAAGC,MAAM,CAACC,WAAP,CAC7BD,MAAM,CAACE,OAAP,0BAAgBJ,QAAQ,CAACK,kBAAzB,yEAA+C,EAA/C,EAAoDC,GAApD,CACC;AAAA,YAAE,CAAEC,EAAF,EAAMC,aAAN,CAAF;AAAA,eAA6B,CAC5BD,EAD4B,EAE5BA,EAAE,KAAKnB,QAAQ,CAACU,IAAhB,GAAuBU,aAAvB,GAAuCT,QAFX,CAA7B;AAAA,OADD,CAD6B,CAA9B;AAQAN,MAAAA,oBAAoB,CAAE;AACrBY,QAAAA,kBAAkB,EAAEJ;AADC,OAAF,CAApB;AAGAV,MAAAA,gBAAgB,CAAE,UAAF,EAAc,aAAd,EAA6BH,QAAQ,CAACmB,EAAtC,EAA0C;AACzDV,QAAAA,KAAK,EAAEE;AADkD,OAA1C,CAAhB;AAGA,KA9BF;AA+BC,IAAA,MAAM,EAAG,MAAMZ,aAAa,CAAE,KAAF;AA/B7B,IADD,CADD;AAqCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { TextControl } from '@wordpress/components';\nimport { useDispatch, useSelect } 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';\n\nexport default function EditTemplateTitle() {\n\tconst [ forceEmpty, setForceEmpty ] = useState( false );\n\tconst { template } = useSelect( ( select ) => {\n\t\tconst { getEditedPostTemplate } = select( editPostStore );\n\t\treturn {\n\t\t\ttemplate: getEditedPostTemplate(),\n\t\t};\n\t}, [] );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { getEditorSettings } = useSelect( editorStore );\n\tconst { updateEditorSettings } = useDispatch( editorStore );\n\n\t// Only user-created and non-default templates can change the name.\n\tif ( ! template.is_custom || template.has_theme_file ) {\n\t\treturn null;\n\t}\n\n\tlet templateTitle = __( 'Default' );\n\tif ( template?.title ) {\n\t\ttemplateTitle = template.title;\n\t} else if ( !! template ) {\n\t\ttemplateTitle = template.slug;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-site-template-details__group\">\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\tvalue={ forceEmpty ? '' : templateTitle }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Give the template a title that indicates its purpose, e.g. \"Full Width\".'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( newTitle ) => {\n\t\t\t\t\t// Allow having the field temporarily empty while typing.\n\t\t\t\t\tif ( ! newTitle && ! forceEmpty ) {\n\t\t\t\t\t\tsetForceEmpty( true );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetForceEmpty( false );\n\n\t\t\t\t\tconst settings = getEditorSettings();\n\t\t\t\t\tconst newAvailableTemplates = Object.fromEntries(\n\t\t\t\t\t\tObject.entries( settings.availableTemplates ?? {} ).map(\n\t\t\t\t\t\t\t( [ id, existingTitle ] ) => [\n\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\tid !== template.slug ? existingTitle : newTitle,\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\tupdateEditorSettings( {\n\t\t\t\t\t\tavailableTemplates: newAvailableTemplates,\n\t\t\t\t\t} );\n\t\t\t\t\teditEntityRecord( 'postType', 'wp_template', template.id, {\n\t\t\t\t\t\ttitle: newTitle,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tonBlur={ () => setForceEmpty( false ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/components/header/template-title/index.js

@@ -1,105 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { Dropdown, Button, __experimentalText as Text } from '@wordpress/components';
-import { chevronDown } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-
-import { store as editPostStore } from '../../../store';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { store as editorStore } from '@wordpress/editor';
-import DeleteTemplate from './delete-template';
-import EditTemplateTitle from './edit-template-title';
-import TemplateDescription from './template-description';
-
-function TemplateTitle() {
-  const {
-    template,
-    isEditing,
-    title
-  } = useSelect(select => {
-    const {
-      isEditingTemplate,
-      getEditedPostTemplate
-    } = select(editPostStore);
-    const {
-      getEditedPostAttribute
-    } = select(editorStore);
-
-    const _isEditing = isEditingTemplate();
-
-    return {
-      template: _isEditing ? getEditedPostTemplate() : null,
-      isEditing: _isEditing,
-      title: getEditedPostAttribute('title') ? getEditedPostAttribute('title') : __('Untitled')
-    };
-  }, []);
-  const {
-    clearSelectedBlock
-  } = useDispatch(blockEditorStore);
-  const {
-    setIsEditingTemplate
-  } = useDispatch(editPostStore);
-
-  if (!isEditing || !template) {
-    return null;
-  }
-
-  let templateTitle = __('Default');
-
-  if (template !== null && template !== void 0 && template.title) {
-    templateTitle = template.title;
-  } else if (!!template) {
-    templateTitle = template.slug;
-  }
-
-  const hasOptions = !!(template.custom || template.wp_id || template.description);
-  return createElement("div", {
-    className: "edit-post-template-top-area"
-  }, createElement(Button, {
-    className: "edit-post-template-post-title",
-    isLink: true,
-    showTooltip: true,
-    label: sprintf(
-    /* translators: %s: Title of the referring post, e.g: "Hello World!" */
-    __('Edit %s'), title),
-    onClick: () => {
-      clearSelectedBlock();
-      setIsEditingTemplate(false);
-    }
-  }, title), hasOptions ? createElement(Dropdown, {
-    popoverProps: {
-      placement: 'bottom'
-    },
-    contentClassName: "edit-post-template-top-area__popover",
-    renderToggle: _ref => {
-      let {
-        onToggle
-      } = _ref;
-      return createElement(Button, {
-        className: "edit-post-template-title",
-        isLink: true,
-        icon: chevronDown,
-        showTooltip: true,
-        onClick: onToggle,
-        label: __('Template Options')
-      }, templateTitle);
-    },
-    renderContent: () => createElement(Fragment, null, createElement(EditTemplateTitle, null), createElement(TemplateDescription, null), createElement(DeleteTemplate, null))
-  }) : createElement(Text, {
-    className: "edit-post-template-title",
-    size: "body",
-    style: {
-      lineHeight: '24px'
-    }
-  }, templateTitle));
-}
-
-export default TemplateTitle;
-//# sourceMappingURL=index.js.map

package/build-module/components/header/template-title/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/template-title/index.js"],"names":["__","sprintf","useSelect","useDispatch","Dropdown","Button","__experimentalText","Text","chevronDown","store","editPostStore","blockEditorStore","editorStore","DeleteTemplate","EditTemplateTitle","TemplateDescription","TemplateTitle","template","isEditing","title","select","isEditingTemplate","getEditedPostTemplate","getEditedPostAttribute","_isEditing","clearSelectedBlock","setIsEditingTemplate","templateTitle","slug","hasOptions","custom","wp_id","description","placement","onToggle","lineHeight"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tDropdown,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\nimport DeleteTemplate from './delete-template';\nimport EditTemplateTitle from './edit-template-title';\nimport TemplateDescription from './template-description';\n\nfunction TemplateTitle() {\n\tconst { template, isEditing, title } = useSelect( ( select ) => {\n\t\tconst { isEditingTemplate, getEditedPostTemplate } =\n\t\t\tselect( editPostStore );\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\n\t\tconst _isEditing = isEditingTemplate();\n\n\t\treturn {\n\t\t\ttemplate: _isEditing ? getEditedPostTemplate() : null,\n\t\t\tisEditing: _isEditing,\n\t\t\ttitle: getEditedPostAttribute( 'title' )\n\t\t\t\t? getEditedPostAttribute( 'title' )\n\t\t\t\t: __( 'Untitled' ),\n\t\t};\n\t}, [] );\n\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setIsEditingTemplate } = useDispatch( editPostStore );\n\n\tif ( ! isEditing || ! template ) {\n\t\treturn null;\n\t}\n\n\tlet templateTitle = __( 'Default' );\n\tif ( template?.title ) {\n\t\ttemplateTitle = template.title;\n\t} else if ( !! template ) {\n\t\ttemplateTitle = template.slug;\n\t}\n\n\tconst hasOptions = !! (\n\t\ttemplate.custom ||\n\t\ttemplate.wp_id ||\n\t\ttemplate.description\n\t);\n\n\treturn (\n\t\t<div className=\"edit-post-template-top-area\">\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-post-template-post-title\"\n\t\t\t\tisLink\n\t\t\t\tshowTooltip\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Title of the referring post, e.g: \"Hello World!\" */\n\t\t\t\t\t__( 'Edit %s' ),\n\t\t\t\t\ttitle\n\t\t\t\t) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\tsetIsEditingTemplate( false );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</Button>\n\t\t\t{ hasOptions ? (\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ { placement: 'bottom' } }\n\t\t\t\t\tcontentClassName=\"edit-post-template-top-area__popover\"\n\t\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-post-template-title\"\n\t\t\t\t\t\t\tisLink\n\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\tlabel={ __( 'Template Options' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ templateTitle }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<EditTemplateTitle />\n\t\t\t\t\t\t\t<TemplateDescription />\n\t\t\t\t\t\t\t<DeleteTemplate />\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\t<Text\n\t\t\t\t\tclassName=\"edit-post-template-title\"\n\t\t\t\t\tsize=\"body\"\n\t\t\t\t\tstyle={ { lineHeight: '24px' } }\n\t\t\t\t>\n\t\t\t\t\t{ templateTitle }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default TemplateTitle;\n"]}

package/build-module/components/header/template-title/template-description.js

@@ -1,45 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { __experimentalHeading as Heading, __experimentalText as Text } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-
-import { store as editPostStore } from '../../../store';
-export default function TemplateDescription() {
-  const {
-    description,
-    title
-  } = useSelect(select => {
-    const {
-      getEditedPostTemplate
-    } = select(editPostStore);
-    return {
-      title: getEditedPostTemplate().title,
-      description: getEditedPostTemplate().description
-    };
-  }, []);
-
-  if (!description) {
-    return null;
-  }
-
-  return createElement("div", {
-    className: "edit-site-template-details__group"
-  }, createElement(Heading, {
-    level: 4,
-    weight: 600
-  }, title), createElement(Text, {
-    className: "edit-post-template-details__description",
-    size: "body",
-    as: "p",
-    style: {
-      marginTop: '12px'
-    }
-  }, description));
-}
-//# sourceMappingURL=template-description.js.map

package/build-module/components/header/template-title/template-description.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/template-title/template-description.js"],"names":["useSelect","__experimentalHeading","Heading","__experimentalText","Text","store","editPostStore","TemplateDescription","description","title","select","getEditedPostTemplate","marginTop"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SACCC,qBAAqB,IAAIC,OAD1B,EAECC,kBAAkB,IAAIC,IAFvB,QAGO,uBAHP;AAKA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,gBAAvC;AAEA,eAAe,SAASC,mBAAT,GAA+B;AAC7C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAyBT,SAAS,CAAIU,MAAF,IAAc;AACvD,UAAM;AAAEC,MAAAA;AAAF,QAA4BD,MAAM,CAAEJ,aAAF,CAAxC;AACA,WAAO;AACNG,MAAAA,KAAK,EAAEE,qBAAqB,GAAGF,KADzB;AAEND,MAAAA,WAAW,EAAEG,qBAAqB,GAAGH;AAF/B,KAAP;AAIA,GANuC,EAMrC,EANqC,CAAxC;;AAOA,MAAK,CAAEA,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD;AAAS,IAAA,KAAK,EAAG,CAAjB;AAAqB,IAAA,MAAM,EAAG;AAA9B,KACGC,KADH,CADD,EAIC,cAAC,IAAD;AACC,IAAA,SAAS,EAAC,yCADX;AAEC,IAAA,IAAI,EAAC,MAFN;AAGC,IAAA,EAAE,EAAC,GAHJ;AAIC,IAAA,KAAK,EAAG;AAAEG,MAAAA,SAAS,EAAE;AAAb;AAJT,KAMGJ,WANH,CAJD,CADD;AAeA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nexport default function TemplateDescription() {\n\tconst { description, title } = useSelect( ( select ) => {\n\t\tconst { getEditedPostTemplate } = select( editPostStore );\n\t\treturn {\n\t\t\ttitle: getEditedPostTemplate().title,\n\t\t\tdescription: getEditedPostTemplate().description,\n\t\t};\n\t}, [] );\n\tif ( ! description ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-site-template-details__group\">\n\t\t\t<Heading level={ 4 } weight={ 600 }>\n\t\t\t\t{ title }\n\t\t\t</Heading>\n\t\t\t<Text\n\t\t\t\tclassName=\"edit-post-template-details__description\"\n\t\t\t\tsize=\"body\"\n\t\t\t\tas=\"p\"\n\t\t\t\tstyle={ { marginTop: '12px' } }\n\t\t\t>\n\t\t\t\t{ description }\n\t\t\t</Text>\n\t\t</div>\n\t);\n}\n"]}

package/src/components/header/template-title/delete-template.js

@@ -1,106 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	MenuGroup,
-	MenuItem,
-	__experimentalConfirmDialog as ConfirmDialog,
-} from '@wordpress/components';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-
-export default function DeleteTemplate() {
-	const { clearSelectedBlock } = useDispatch( blockEditorStore );
-	const { setIsEditingTemplate } = useDispatch( editPostStore );
-	const { getEditorSettings } = useSelect( editorStore );
-	const { updateEditorSettings, editPost } = useDispatch( editorStore );
-	const { deleteEntityRecord } = useDispatch( coreStore );
-	const { template } = useSelect( ( select ) => {
-		const { isEditingTemplate, getEditedPostTemplate } =
-			select( editPostStore );
-		const _isEditing = isEditingTemplate();
-		return {
-			template: _isEditing ? getEditedPostTemplate() : null,
-		};
-	}, [] );
-	const [ showConfirmDialog, setShowConfirmDialog ] = useState( false );
-
-	if ( ! template || ! template.wp_id ) {
-		return null;
-	}
-	let templateTitle = template.slug;
-	if ( template?.title ) {
-		templateTitle = template.title;
-	}
-
-	const isRevertable = template?.has_theme_file;
-
-	const onDelete = () => {
-		clearSelectedBlock();
-		setIsEditingTemplate( false );
-		setShowConfirmDialog( false );
-
-		editPost( {
-			template: '',
-		} );
-		const settings = getEditorSettings();
-		const newAvailableTemplates = Object.fromEntries(
-			Object.entries( settings.availableTemplates ?? {} ).filter(
-				( [ id ] ) => id !== template.slug
-			)
-		);
-		updateEditorSettings( {
-			availableTemplates: newAvailableTemplates,
-		} );
-		deleteEntityRecord( 'postType', 'wp_template', template.id, {
-			throwOnError: true,
-		} );
-	};
-
-	return (
-		<MenuGroup className="edit-post-template-top-area__second-menu-group">
-			<>
-				<MenuItem
-					className="edit-post-template-top-area__delete-template-button"
-					isDestructive={ ! isRevertable }
-					onClick={ () => {
-						setShowConfirmDialog( true );
-					} }
-					info={
-						isRevertable
-							? __( 'Use the template as supplied by the theme.' )
-							: undefined
-					}
-				>
-					{ isRevertable
-						? __( 'Clear customizations' )
-						: __( 'Delete template' ) }
-				</MenuItem>
-				<ConfirmDialog
-					isOpen={ showConfirmDialog }
-					onConfirm={ onDelete }
-					onCancel={ () => {
-						setShowConfirmDialog( false );
-					} }
-				>
-					{ sprintf(
-						/* translators: %s: template name */
-						__(
-							'Are you sure you want to delete the %s template? It may be used by other pages or posts.'
-						),
-						templateTitle
-					) }
-				</ConfirmDialog>
-			</>
-		</MenuGroup>
-	);
-}

package/src/components/header/template-title/edit-template-title.js

@@ -1,78 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { TextControl } from '@wordpress/components';
-import { useDispatch, useSelect } 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';
-
-export default function EditTemplateTitle() {
-	const [ forceEmpty, setForceEmpty ] = useState( false );
-	const { template } = useSelect( ( select ) => {
-		const { getEditedPostTemplate } = select( editPostStore );
-		return {
-			template: getEditedPostTemplate(),
-		};
-	}, [] );
-
-	const { editEntityRecord } = useDispatch( coreStore );
-	const { getEditorSettings } = useSelect( editorStore );
-	const { updateEditorSettings } = useDispatch( editorStore );
-
-	// Only user-created and non-default templates can change the name.
-	if ( ! template.is_custom || template.has_theme_file ) {
-		return null;
-	}
-
-	let templateTitle = __( 'Default' );
-	if ( template?.title ) {
-		templateTitle = template.title;
-	} else if ( !! template ) {
-		templateTitle = template.slug;
-	}
-
-	return (
-		<div className="edit-site-template-details__group">
-			<TextControl
-				__nextHasNoMarginBottom
-				label={ __( 'Title' ) }
-				value={ forceEmpty ? '' : templateTitle }
-				help={ __(
-					'Give the template a title that indicates its purpose, e.g. "Full Width".'
-				) }
-				onChange={ ( newTitle ) => {
-					// Allow having the field temporarily empty while typing.
-					if ( ! newTitle && ! forceEmpty ) {
-						setForceEmpty( true );
-						return;
-					}
-					setForceEmpty( false );
-
-					const settings = getEditorSettings();
-					const newAvailableTemplates = Object.fromEntries(
-						Object.entries( settings.availableTemplates ?? {} ).map(
-							( [ id, existingTitle ] ) => [
-								id,
-								id !== template.slug ? existingTitle : newTitle,
-							]
-						)
-					);
-					updateEditorSettings( {
-						availableTemplates: newAvailableTemplates,
-					} );
-					editEntityRecord( 'postType', 'wp_template', template.id, {
-						title: newTitle,
-					} );
-				} }
-				onBlur={ () => setForceEmpty( false ) }
-			/>
-		</div>
-	);
-}

package/src/components/header/template-title/index.js

@@ -1,115 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect, useDispatch } from '@wordpress/data';
-import {
-	Dropdown,
-	Button,
-	__experimentalText as Text,
-} from '@wordpress/components';
-import { chevronDown } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { store as editorStore } from '@wordpress/editor';
-import DeleteTemplate from './delete-template';
-import EditTemplateTitle from './edit-template-title';
-import TemplateDescription from './template-description';
-
-function TemplateTitle() {
-	const { template, isEditing, title } = useSelect( ( select ) => {
-		const { isEditingTemplate, getEditedPostTemplate } =
-			select( editPostStore );
-		const { getEditedPostAttribute } = select( editorStore );
-
-		const _isEditing = isEditingTemplate();
-
-		return {
-			template: _isEditing ? getEditedPostTemplate() : null,
-			isEditing: _isEditing,
-			title: getEditedPostAttribute( 'title' )
-				? getEditedPostAttribute( 'title' )
-				: __( 'Untitled' ),
-		};
-	}, [] );
-
-	const { clearSelectedBlock } = useDispatch( blockEditorStore );
-	const { setIsEditingTemplate } = useDispatch( editPostStore );
-
-	if ( ! isEditing || ! template ) {
-		return null;
-	}
-
-	let templateTitle = __( 'Default' );
-	if ( template?.title ) {
-		templateTitle = template.title;
-	} else if ( !! template ) {
-		templateTitle = template.slug;
-	}
-
-	const hasOptions = !! (
-		template.custom ||
-		template.wp_id ||
-		template.description
-	);
-
-	return (
-		<div className="edit-post-template-top-area">
-			<Button
-				className="edit-post-template-post-title"
-				isLink
-				showTooltip
-				label={ sprintf(
-					/* translators: %s: Title of the referring post, e.g: "Hello World!" */
-					__( 'Edit %s' ),
-					title
-				) }
-				onClick={ () => {
-					clearSelectedBlock();
-					setIsEditingTemplate( false );
-				} }
-			>
-				{ title }
-			</Button>
-			{ hasOptions ? (
-				<Dropdown
-					popoverProps={ { placement: 'bottom' } }
-					contentClassName="edit-post-template-top-area__popover"
-					renderToggle={ ( { onToggle } ) => (
-						<Button
-							className="edit-post-template-title"
-							isLink
-							icon={ chevronDown }
-							showTooltip
-							onClick={ onToggle }
-							label={ __( 'Template Options' ) }
-						>
-							{ templateTitle }
-						</Button>
-					) }
-					renderContent={ () => (
-						<>
-							<EditTemplateTitle />
-							<TemplateDescription />
-							<DeleteTemplate />
-						</>
-					) }
-				/>
-			) : (
-				<Text
-					className="edit-post-template-title"
-					size="body"
-					style={ { lineHeight: '24px' } }
-				>
-					{ templateTitle }
-				</Text>
-			) }
-		</div>
-	);
-}
-
-export default TemplateTitle;

package/src/components/header/template-title/style.scss

@@ -1,94 +0,0 @@
-.edit-post-template-top-area {
-	display: flex;
-	flex-direction: column;
-	align-content: space-between;
-	width: 100%;
-	align-items: center;
-
-	.edit-post-template-title,
-	.edit-post-template-post-title {
-		padding: 0;
-		text-decoration: none;
-		height: auto;
-
-		&::before {
-			height: 100%;
-		}
-
-		&.has-icon {
-			svg {
-				order: 1;
-				margin-right: 0;
-			}
-		}
-	}
-
-	.edit-post-template-title {
-		color: $gray-900;
-	}
-
-	.edit-post-template-post-title {
-		margin-top: $grid-unit-05;
-		max-width: 160px;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: block;
-
-		&::before {
-			left: 0;
-			right: 0;
-		}
-
-		@include break-xlarge() {
-			max-width: 400px;
-		}
-	}
-}
-
-.edit-post-template-top-area__popover {
-	.components-popover__content {
-		min-width: 280px;
-		padding: 0;
-	}
-
-	.edit-site-template-details__group {
-		padding: $grid-unit-20;
-
-		.components-base-control__help {
-			margin-bottom: 0;
-		}
-	}
-
-	.edit-post-template-details__description {
-		color: $gray-700;
-	}
-}
-
-.edit-post-template-top-area__second-menu-group {
-	border-top: $border-width solid $gray-300;
-	padding: $grid-unit-20 $grid-unit-10;
-
-	.edit-post-template-top-area__delete-template-button {
-		display: flex;
-		justify-content: center;
-		padding: $grid-unit-05 $grid-unit;
-
-		&.is-destructive {
-			padding: inherit;
-			margin-left: $grid-unit-10;
-			margin-right: $grid-unit-10;
-			width: calc(100% - #{($grid-unit * 2)});
-
-			.components-menu-item__item {
-				width: auto;
-			}
-		}
-
-		.components-menu-item__item {
-			margin-right: 0;
-			min-width: 0;
-			width: 100%;
-		}
-	}
-}