@wordpress/editor 13.24.0 → 13.25.0

package/src/store/test/selectors.js

@@ -122,6 +122,10 @@ selectorNames.forEach( ( name ) => {
 					},
 				};
 			},
+
+			getBlocks() {
+				return state.getBlocks && state.getBlocks();
+			},
 		} );
 
 		selectorNames.forEach( ( otherName ) => {
@@ -2155,16 +2159,9 @@ describe( 'selectors', () => {
 	describe( 'getSuggestedPostFormat', () => {
 		it( 'returns null if cannot be determined', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [],
-						},
-						edits: {},
-					},
+				getBlocks() {
+					return [];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBeNull();
@@ -2172,77 +2169,56 @@ describe( 'selectors', () => {
 
 		it( 'return null if only one block of type `core/embed` and provider not matched', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 567,
-									name: 'core/embed',
-									attributes: {
-										providerNameSlug: 'instagram',
-									},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 567,
+							name: 'core/embed',
+							attributes: {
+								providerNameSlug: 'instagram',
+							},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 			expect( getSuggestedPostFormat( state ) ).toBeNull();
 		} );
 
 		it( 'return null if only one block of type `core/embed` and provider not exists', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 567,
-									name: 'core/embed',
-									attributes: {},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 567,
+							name: 'core/embed',
+							attributes: {},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 			expect( getSuggestedPostFormat( state ) ).toBeNull();
 		} );
 
 		it( 'returns null if there is more than one block in the post', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 123,
-									name: 'core/image',
-									attributes: {},
-									innerBlocks: [],
-								},
-								{
-									clientId: 456,
-									name: 'core/quote',
-									attributes: {},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 123,
+							name: 'core/image',
+							attributes: {},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+						{
+							clientId: 456,
+							name: 'core/quote',
+							attributes: {},
+							innerBlocks: [],
+						},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBeNull();
@@ -2250,23 +2226,16 @@ describe( 'selectors', () => {
 
 		it( 'returns Image if the first block is of type `core/image`', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 123,
-									name: 'core/image',
-									attributes: {},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 123,
+							name: 'core/image',
+							attributes: {},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBe( 'image' );
@@ -2274,23 +2243,16 @@ describe( 'selectors', () => {
 
 		it( 'returns Quote if the first block is of type `core/quote`', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 456,
-									name: 'core/quote',
-									attributes: {},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 456,
+							name: 'core/quote',
+							attributes: {},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBe( 'quote' );
@@ -2298,25 +2260,18 @@ describe( 'selectors', () => {
 
 		it( 'returns Video if the first block is of type `core/embed from youtube`', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 567,
-									name: 'core/embed',
-									attributes: {
-										providerNameSlug: 'youtube',
-									},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 567,
+							name: 'core/embed',
+							attributes: {
+								providerNameSlug: 'youtube',
+							},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBe( 'video' );
@@ -2324,25 +2279,18 @@ describe( 'selectors', () => {
 
 		it( 'returns Audio if the first block is of type `core/embed from soundcloud`', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 567,
-									name: 'core/embed',
-									attributes: {
-										providerNameSlug: 'soundcloud',
-									},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 567,
+							name: 'core/embed',
+							attributes: {
+								providerNameSlug: 'soundcloud',
+							},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBe( 'audio' );
@@ -2350,29 +2298,22 @@ describe( 'selectors', () => {
 
 		it( 'returns Quote if the first block is of type `core/quote` and second is of type `core/paragraph`', () => {
 			const state = {
-				editor: {
-					present: {
-						blocks: {
-							value: [
-								{
-									clientId: 456,
-									name: 'core/quote',
-									attributes: {},
-									innerBlocks: [],
-								},
-								{
-									clientId: 789,
-									name: 'core/paragraph',
-									attributes: {},
-									innerBlocks: [],
-								},
-							],
+				getBlocks() {
+					return [
+						{
+							clientId: 456,
+							name: 'core/quote',
+							attributes: {},
+							innerBlocks: [],
 						},
-						edits: {},
-					},
+						{
+							clientId: 789,
+							name: 'core/paragraph',
+							attributes: {},
+							innerBlocks: [],
+						},
+					];
 				},
-				initialEdits: {},
-				currentPost: {},
 			};
 
 			expect( getSuggestedPostFormat( state ) ).toBe( 'quote' );

package/src/style.scss

@@ -1,4 +1,5 @@
 @import "./components/autocompleters/style.scss";
+@import "./components/document-bar/style.scss";
 @import "./components/document-outline/style.scss";
 @import "./components/editor-notices/style.scss";
 @import "./components/entities-saved-states/style.scss";
@@ -16,10 +17,12 @@
 @import "./components/post-schedule/style.scss";
 @import "./components/post-sync-status/style.scss";
 @import "./components/post-taxonomies/style.scss";
+@import "./components/post-template/style.scss";
 @import "./components/post-text-editor/style.scss";
 @import "./components/post-title/style.scss";
 @import "./components/post-url/style.scss";
 @import "./components/post-visibility/style.scss";
 @import "./components/post-trash/style.scss";
+@import "./components/preview-dropdown/style.scss";
 @import "./components/table-of-contents/style.scss";
 @import "./components/template-validation-notice/style.scss";

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

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PostTemplate = PostTemplate;
-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 _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function PostTemplate() {
-  const {
-    availableTemplates,
-    selectedTemplate,
-    isViewable
-  } = (0, _data.useSelect)(select => {
-    var _getPostType$viewable;
-    const {
-      getEditedPostAttribute,
-      getEditorSettings,
-      getCurrentPostType
-    } = select(_store.store);
-    const {
-      getPostType
-    } = select(_coreData.store);
-    return {
-      selectedTemplate: getEditedPostAttribute('template'),
-      availableTemplates: getEditorSettings().availableTemplates,
-      isViewable: (_getPostType$viewable = getPostType(getCurrentPostType())?.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false
-    };
-  }, []);
-  const {
-    editPost
-  } = (0, _data.useDispatch)(_store.store);
-  if (!isViewable || !availableTemplates || !Object.keys(availableTemplates).length) {
-    return null;
-  }
-  return (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Template:'),
-    value: selectedTemplate,
-    onChange: templateSlug => {
-      editPost({
-        template: templateSlug || ''
-      });
-    },
-    options: Object.entries(availableTemplates !== null && availableTemplates !== void 0 ? availableTemplates : {}).map(([templateSlug, templateName]) => ({
-      value: templateSlug,
-      label: templateName
-    }))
-  });
-}
-var _default = PostTemplate;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_components","_data","_coreData","_store","PostTemplate","availableTemplates","selectedTemplate","isViewable","useSelect","select","_getPostType$viewable","getEditedPostAttribute","getEditorSettings","getCurrentPostType","editorStore","getPostType","coreStore","viewable","editPost","useDispatch","Object","keys","length","_react","createElement","SelectControl","__nextHasNoMarginBottom","label","__","value","onChange","templateSlug","template","options","entries","map","templateName","_default","exports","default"],"sources":["@wordpress/editor/src/components/post-template/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport function PostTemplate() {\n\tconst { availableTemplates, selectedTemplate, isViewable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEditedPostAttribute,\n\t\t\t\tgetEditorSettings,\n\t\t\t\tgetCurrentPostType,\n\t\t\t} = select( editorStore );\n\t\t\tconst { getPostType } = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tselectedTemplate: getEditedPostAttribute( 'template' ),\n\t\t\t\tavailableTemplates: getEditorSettings().availableTemplates,\n\t\t\t\tisViewable:\n\t\t\t\t\tgetPostType( getCurrentPostType() )?.viewable ?? false,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { editPost } = useDispatch( editorStore );\n\n\tif (\n\t\t! isViewable ||\n\t\t! availableTemplates ||\n\t\t! Object.keys( availableTemplates ).length\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Template:' ) }\n\t\t\tvalue={ selectedTemplate }\n\t\t\tonChange={ ( templateSlug ) => {\n\t\t\t\teditPost( {\n\t\t\t\t\ttemplate: templateSlug || '',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\toptions={ Object.entries( availableTemplates ?? {} ).map(\n\t\t\t\t( [ templateSlug, templateName ] ) => ( {\n\t\t\t\t\tvalue: templateSlug,\n\t\t\t\t\tlabel: templateName,\n\t\t\t\t} )\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default PostTemplate;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,SAASK,YAAYA,CAAA,EAAG;EAC9B,MAAM;IAAEC,kBAAkB;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EACnEC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,MAAM;MACLC,sBAAsB;MACtBC,iBAAiB;MACjBC;IACD,CAAC,GAAGJ,MAAM,CAAEK,YAAY,CAAC;IACzB,MAAM;MAAEC;IAAY,CAAC,GAAGN,MAAM,CAAEO,eAAU,CAAC;IAE3C,OAAO;MACNV,gBAAgB,EAAEK,sBAAsB,CAAE,UAAW,CAAC;MACtDN,kBAAkB,EAAEO,iBAAiB,CAAC,CAAC,CAACP,kBAAkB;MAC1DE,UAAU,GAAAG,qBAAA,GACTK,WAAW,CAAEF,kBAAkB,CAAC,CAAE,CAAC,EAAEI,QAAQ,cAAAP,qBAAA,cAAAA,qBAAA,GAAI;IACnD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEQ;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEL,YAAY,CAAC;EAE/C,IACC,CAAEP,UAAU,IACZ,CAAEF,kBAAkB,IACpB,CAAEe,MAAM,CAACC,IAAI,CAAEhB,kBAAmB,CAAC,CAACiB,MAAM,EACzC;IACD,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAyB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,KAAK,EAAGvB,gBAAkB;IAC1BwB,QAAQ,EAAKC,YAAY,IAAM;MAC9Bb,QAAQ,CAAE;QACTc,QAAQ,EAAED,YAAY,IAAI;MAC3B,CAAE,CAAC;IACJ,CAAG;IACHE,OAAO,EAAGb,MAAM,CAACc,OAAO,CAAE7B,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAE,CAAC,CAAC8B,GAAG,CACvD,CAAE,CAAEJ,YAAY,EAAEK,YAAY,CAAE,MAAQ;MACvCP,KAAK,EAAEE,YAAY;MACnBJ,KAAK,EAAES;IACR,CAAC,CACF;EAAG,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEcjC,YAAY;AAAAkC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,57 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-export function PostTemplate() {
-  const {
-    availableTemplates,
-    selectedTemplate,
-    isViewable
-  } = useSelect(select => {
-    var _getPostType$viewable;
-    const {
-      getEditedPostAttribute,
-      getEditorSettings,
-      getCurrentPostType
-    } = select(editorStore);
-    const {
-      getPostType
-    } = select(coreStore);
-    return {
-      selectedTemplate: getEditedPostAttribute('template'),
-      availableTemplates: getEditorSettings().availableTemplates,
-      isViewable: (_getPostType$viewable = getPostType(getCurrentPostType())?.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false
-    };
-  }, []);
-  const {
-    editPost
-  } = useDispatch(editorStore);
-  if (!isViewable || !availableTemplates || !Object.keys(availableTemplates).length) {
-    return null;
-  }
-  return createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Template:'),
-    value: selectedTemplate,
-    onChange: templateSlug => {
-      editPost({
-        template: templateSlug || ''
-      });
-    },
-    options: Object.entries(availableTemplates !== null && availableTemplates !== void 0 ? availableTemplates : {}).map(([templateSlug, templateName]) => ({
-      value: templateSlug,
-      label: templateName
-    }))
-  });
-}
-export default PostTemplate;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__","SelectControl","useSelect","useDispatch","store","coreStore","editorStore","PostTemplate","availableTemplates","selectedTemplate","isViewable","select","_getPostType$viewable","getEditedPostAttribute","getEditorSettings","getCurrentPostType","getPostType","viewable","editPost","Object","keys","length","createElement","__nextHasNoMarginBottom","label","value","onChange","templateSlug","template","options","entries","map","templateName"],"sources":["@wordpress/editor/src/components/post-template/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport function PostTemplate() {\n\tconst { availableTemplates, selectedTemplate, isViewable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEditedPostAttribute,\n\t\t\t\tgetEditorSettings,\n\t\t\t\tgetCurrentPostType,\n\t\t\t} = select( editorStore );\n\t\t\tconst { getPostType } = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tselectedTemplate: getEditedPostAttribute( 'template' ),\n\t\t\t\tavailableTemplates: getEditorSettings().availableTemplates,\n\t\t\t\tisViewable:\n\t\t\t\t\tgetPostType( getCurrentPostType() )?.viewable ?? false,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { editPost } = useDispatch( editorStore );\n\n\tif (\n\t\t! isViewable ||\n\t\t! availableTemplates ||\n\t\t! Object.keys( availableTemplates ).length\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Template:' ) }\n\t\t\tvalue={ selectedTemplate }\n\t\t\tonChange={ ( templateSlug ) => {\n\t\t\t\teditPost( {\n\t\t\t\t\ttemplate: templateSlug || '',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\toptions={ Object.entries( availableTemplates ?? {} ).map(\n\t\t\t\t( [ templateSlug, templateName ] ) => ( {\n\t\t\t\t\tvalue: templateSlug,\n\t\t\t\t\tlabel: templateName,\n\t\t\t\t} )\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default PostTemplate;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASD,KAAK,IAAIE,WAAW,QAAQ,aAAa;AAElD,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC9B,MAAM;IAAEC,kBAAkB;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGR,SAAS,CACnES,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,MAAM;MACLC,sBAAsB;MACtBC,iBAAiB;MACjBC;IACD,CAAC,GAAGJ,MAAM,CAAEL,WAAY,CAAC;IACzB,MAAM;MAAEU;IAAY,CAAC,GAAGL,MAAM,CAAEN,SAAU,CAAC;IAE3C,OAAO;MACNI,gBAAgB,EAAEI,sBAAsB,CAAE,UAAW,CAAC;MACtDL,kBAAkB,EAAEM,iBAAiB,CAAC,CAAC,CAACN,kBAAkB;MAC1DE,UAAU,GAAAE,qBAAA,GACTI,WAAW,CAAED,kBAAkB,CAAC,CAAE,CAAC,EAAEE,QAAQ,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;IACnD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEM;EAAS,CAAC,GAAGf,WAAW,CAAEG,WAAY,CAAC;EAE/C,IACC,CAAEI,UAAU,IACZ,CAAEF,kBAAkB,IACpB,CAAEW,MAAM,CAACC,IAAI,CAAEZ,kBAAmB,CAAC,CAACa,MAAM,EACzC;IACD,OAAO,IAAI;EACZ;EAEA,OACCC,aAAA,CAACrB,aAAa;IACbsB,uBAAuB;IACvBC,KAAK,EAAGxB,EAAE,CAAE,WAAY,CAAG;IAC3ByB,KAAK,EAAGhB,gBAAkB;IAC1BiB,QAAQ,EAAKC,YAAY,IAAM;MAC9BT,QAAQ,CAAE;QACTU,QAAQ,EAAED,YAAY,IAAI;MAC3B,CAAE,CAAC;IACJ,CAAG;IACHE,OAAO,EAAGV,MAAM,CAACW,OAAO,CAAEtB,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAE,CAAC,CAACuB,GAAG,CACvD,CAAE,CAAEJ,YAAY,EAAEK,YAAY,CAAE,MAAQ;MACvCP,KAAK,EAAEE,YAAY;MACnBH,KAAK,EAAEQ;IACR,CAAC,CACF;EAAG,CACH,CAAC;AAEJ;AAEA,eAAezB,YAAY"}

package/src/components/post-template/index.js

@@ -1,64 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-
-export function PostTemplate() {
-	const { availableTemplates, selectedTemplate, isViewable } = useSelect(
-		( select ) => {
-			const {
-				getEditedPostAttribute,
-				getEditorSettings,
-				getCurrentPostType,
-			} = select( editorStore );
-			const { getPostType } = select( coreStore );
-
-			return {
-				selectedTemplate: getEditedPostAttribute( 'template' ),
-				availableTemplates: getEditorSettings().availableTemplates,
-				isViewable:
-					getPostType( getCurrentPostType() )?.viewable ?? false,
-			};
-		},
-		[]
-	);
-
-	const { editPost } = useDispatch( editorStore );
-
-	if (
-		! isViewable ||
-		! availableTemplates ||
-		! Object.keys( availableTemplates ).length
-	) {
-		return null;
-	}
-
-	return (
-		<SelectControl
-			__nextHasNoMarginBottom
-			label={ __( 'Template:' ) }
-			value={ selectedTemplate }
-			onChange={ ( templateSlug ) => {
-				editPost( {
-					template: templateSlug || '',
-				} );
-			} }
-			options={ Object.entries( availableTemplates ?? {} ).map(
-				( [ templateSlug, templateName ] ) => ( {
-					value: templateSlug,
-					label: templateName,
-				} )
-			) }
-		/>
-	);
-}
-
-export default PostTemplate;