@wordpress/edit-post 7.23.0 → 7.24.0

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

@@ -2,10 +2,13 @@
  * WordPress dependencies
  */
 import { useState, useMemo } from '@wordpress/element';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
+import { Dropdown, Button } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
+import {
+	store as editorStore,
+	privateApis as editorPrivateApis,
+} from '@wordpress/editor';
 import { store as coreStore } from '@wordpress/core-data';
 
 /**
@@ -13,6 +16,9 @@ import { store as coreStore } from '@wordpress/core-data';
  */
 import PostTemplateForm from './form';
 import { store as editPostStore } from '../../../store';
+import { unlock } from '../../../lock-unlock';
+
+const { PostPanelRow } = unlock( editorPrivateApis );
 
 export default function PostTemplate() {
 	// Use internal state instead of a ref to make sure that the component
@@ -53,11 +59,9 @@ export default function PostTemplate() {
 	}
 
 	return (
-		<PanelRow className="edit-post-post-template" ref={ setPopoverAnchor }>
-			<span>{ __( 'Template' ) }</span>
+		<PostPanelRow label={ __( 'Template' ) } ref={ setPopoverAnchor }>
 			<Dropdown
 				popoverProps={ popoverProps }
-				className="edit-post-post-template__dropdown"
 				contentClassName="edit-post-post-template__dialog"
 				focusOnMount
 				renderToggle={ ( { isOpen, onToggle } ) => (
@@ -70,7 +74,7 @@ export default function PostTemplate() {
 					<PostTemplateForm onClose={ onClose } />
 				) }
 			/>
-		</PanelRow>
+		</PostPanelRow>
 	);
 }
 

package/src/components/sidebar/post-template/style.scss

@@ -1,18 +1,3 @@
-.edit-post-post-template {
-	width: 100%;
-	justify-content: flex-start;
-
-	span {
-		display: block;
-		width: 30%;
-		margin-right: 8px;
-	}
-}
-
-.edit-post-post-template__dropdown {
-	max-width: 55%;
-}
-
 .components-button.edit-post-post-template__toggle {
 	display: inline-block;
 	width: 100%;

package/src/components/sidebar/post-visibility/index.js

@@ -2,15 +2,23 @@
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
+import { Dropdown, Button } from '@wordpress/components';
 import {
 	PostVisibility as PostVisibilityForm,
 	PostVisibilityLabel,
 	PostVisibilityCheck,
 	usePostVisibilityLabel,
+	privateApis as editorPrivateApis,
 } from '@wordpress/editor';
 import { useMemo, useState } from '@wordpress/element';
 
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../../lock-unlock';
+
+const { PostPanelRow } = unlock( editorPrivateApis );
+
 export function PostVisibility() {
 	// Use internal state instead of a ref to make sure that the component
 	// re-renders when the popover's anchor updates.
@@ -29,11 +37,10 @@ export function PostVisibility() {
 	return (
 		<PostVisibilityCheck
 			render={ ( { canEdit } ) => (
-				<PanelRow
+				<PostPanelRow
+					label={ __( 'Visibility' ) }
 					ref={ setPopoverAnchor }
-					className="edit-post-post-visibility"
 				>
-					<span>{ __( 'Visibility' ) }</span>
 					{ ! canEdit && (
 						<span>
 							<PostVisibilityLabel />
@@ -55,7 +62,7 @@ export function PostVisibility() {
 							) }
 						/>
 					) }
-				</PanelRow>
+				</PostPanelRow>
 			) }
 		/>
 	);

package/src/components/sidebar/post-visibility/style.scss

@@ -1,14 +1,3 @@
-.edit-post-post-visibility {
-	width: 100%;
-	justify-content: flex-start;
-
-	span {
-		display: block;
-		width: 30%;
-		margin-right: 8px;
-	}
-}
-
 .edit-post-post-visibility__dialog .editor-post-visibility {
 	// sidebar width - popover padding - form margin
 	min-width: $sidebar-width - $grid-unit-20 - $grid-unit-20;

package/src/components/text-editor/index.js

@@ -3,13 +3,14 @@
  */
 import {
 	PostTextEditor,
-	PostTitle,
+	PostTitleRaw,
 	store as editorStore,
 } from '@wordpress/editor';
 import { Button } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { displayShortcut } from '@wordpress/keycodes';
+import { useEffect, useRef } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -22,6 +23,23 @@ export default function TextEditor() {
 	}, [] );
 	const { switchEditorMode } = useDispatch( editPostStore );
 
+	const { isWelcomeGuideVisible } = useSelect( ( select ) => {
+		const { isFeatureActive } = select( editPostStore );
+
+		return {
+			isWelcomeGuideVisible: isFeatureActive( 'welcomeGuide' ),
+		};
+	}, [] );
+
+	const titleRef = useRef();
+
+	useEffect( () => {
+		if ( isWelcomeGuideVisible ) {
+			return;
+		}
+		titleRef?.current?.focus();
+	}, [ isWelcomeGuideVisible ] );
+
 	return (
 		<div className="edit-post-text-editor">
 			{ isRichEditingEnabled && (
@@ -37,7 +55,7 @@ export default function TextEditor() {
 				</div>
 			) }
 			<div className="edit-post-text-editor__body">
-				<PostTitle />
+				<PostTitleRaw ref={ titleRef } />
 				<PostTextEditor />
 			</div>
 		</div>

package/src/components/text-editor/style.scss

@@ -5,7 +5,8 @@
 	flex-grow: 1;
 
 	// Post title.
-	.editor-post-title {
+	.editor-post-title:not(.is-raw-text),
+	.editor-post-title.is-raw-text textarea {
 		max-width: none;
 		line-height: $default-line-height;
 
@@ -14,6 +15,7 @@
 		font-weight: normal;
 
 		border: $border-width solid $gray-600;
+		border-radius: 0;
 
 		// Same padding as body.
 		padding: $grid-unit-20;

package/src/components/view-link/index.js

@@ -8,18 +8,28 @@ import { store as editorStore } from '@wordpress/editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 
+/**
+ * Internal dependencies
+ */
+import { store as editPostStore } from '../../store';
+
 export default function ViewLink() {
-	const { permalink, isPublished, label } = useSelect( ( select ) => {
-		// Grab post type to retrieve the view_item label.
-		const postTypeSlug = select( editorStore ).getCurrentPostType();
-		const postType = select( coreStore ).getPostType( postTypeSlug );
+	const { permalink, isPublished, label, showIconLabels } = useSelect(
+		( select ) => {
+			// Grab post type to retrieve the view_item label.
+			const postTypeSlug = select( editorStore ).getCurrentPostType();
+			const postType = select( coreStore ).getPostType( postTypeSlug );
 
-		return {
-			permalink: select( editorStore ).getPermalink(),
-			isPublished: select( editorStore ).isCurrentPostPublished(),
-			label: postType?.labels.view_item,
-		};
-	}, [] );
+			return {
+				permalink: select( editorStore ).getPermalink(),
+				isPublished: select( editorStore ).isCurrentPostPublished(),
+				label: postType?.labels.view_item,
+				showIconLabels:
+					select( editPostStore ).isFeatureActive( 'showIconLabels' ),
+			};
+		},
+		[]
+	);
 
 	// Only render the view button if the post is published and has a permalink.
 	if ( ! isPublished || ! permalink ) {
@@ -32,6 +42,7 @@ export default function ViewLink() {
 			label={ label || __( 'View post' ) }
 			href={ permalink }
 			target="_blank"
+			showTooltip={ ! showIconLabels }
 		/>
 	);
 }

package/src/components/visual-editor/index.js

@@ -411,6 +411,13 @@ export default function VisualEditor( { styles } ) {
 										: `${ blockListLayoutClass } wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
 								}
 								layout={ blockListLayout }
+								dropZoneElement={
+									// When iframed, pass in the html element of the iframe to
+									// ensure the drop zone extends to the edges of the iframe.
+									isToBeIframed
+										? ref.current?.parentNode
+										: ref.current
+								}
 							/>
 						</RecursionProvider>
 					</BlockCanvas>

package/src/store/actions.js

@@ -630,7 +630,7 @@ export const toggleDistractionFree =
 			registry.batch( () => {
 				registry
 					.dispatch( preferencesStore )
-					.set( 'core/edit-post', 'fixedToolbar', false );
+					.set( 'core/edit-post', 'fixedToolbar', true );
 				dispatch.setIsInserterOpened( false );
 				dispatch.setIsListViewOpened( false );
 				dispatch.closeGeneralSidebar();

package/src/store/test/actions.js

@@ -375,7 +375,7 @@ describe( 'actions', () => {
 				registry
 					.select( preferencesStore )
 					.get( 'core/edit-post', 'fixedToolbar' )
-			).toBe( false );
+			).toBe( true );
 			expect( registry.select( editPostStore ).isListViewOpened() ).toBe(
 				false
 			);

package/src/style.scss

@@ -10,9 +10,7 @@
 @import "./components/secondary-sidebar/style.scss";
 @import "./components/sidebar/style.scss";
 @import "./components/sidebar/last-revision/style.scss";
-@import "./components/sidebar/post-author/style.scss";
 @import "./components/sidebar/post-format/style.scss";
-@import "./components/sidebar/post-schedule/style.scss";
 @import "./components/sidebar/post-slug/style.scss";
 @import "./components/sidebar/post-template/style.scss";
 @import "./components/sidebar/post-visibility/style.scss";

package/build/components/sidebar/post-author/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PostAuthor = PostAuthor;
-exports.default = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _editor = require("@wordpress/editor");
-/**
- * WordPress dependencies
- */
-
-function PostAuthor() {
-  return (0, _react.createElement)(_editor.PostAuthorCheck, null, (0, _react.createElement)(_components.PanelRow, {
-    className: "edit-post-post-author"
-  }, (0, _react.createElement)(_editor.PostAuthor, null)));
-}
-var _default = PostAuthor;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/components/sidebar/post-author/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_editor","PostAuthor","_react","createElement","PostAuthorCheck","PanelRow","className","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/sidebar/post-author/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelRow } from '@wordpress/components';\nimport {\n\tPostAuthor as PostAuthorForm,\n\tPostAuthorCheck,\n} from '@wordpress/editor';\n\nexport function PostAuthor() {\n\treturn (\n\t\t<PostAuthorCheck>\n\t\t\t<PanelRow className=\"edit-post-post-author\">\n\t\t\t\t<PostAuthorForm />\n\t\t\t</PanelRow>\n\t\t</PostAuthorCheck>\n\t);\n}\n\nexport default PostAuthor;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAOO,SAASE,UAAUA,CAAA,EAAG;EAC5B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACH,OAAA,CAAAI,eAAe,QACf,IAAAF,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAO,QAAQ;IAACC,SAAS,EAAC;EAAuB,GAC1C,IAAAJ,MAAA,CAAAC,aAAA,EAACH,OAAA,CAAAC,UAAc,MAAE,CACR,CACM,CAAC;AAEpB;AAAC,IAAAM,QAAA,GAEcN,UAAU;AAAAO,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/sidebar/post-schedule/index.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PostSchedule;
-var _react = require("react");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _editor = require("@wordpress/editor");
-/**
- * WordPress dependencies
- */
-
-function PostSchedule() {
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
-  const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null);
-  // Memoize popoverProps to avoid returning a new object every time.
-  const popoverProps = (0, _element.useMemo)(() => ({
-    anchor: popoverAnchor,
-    placement: 'bottom-end'
-  }), [popoverAnchor]);
-  return (0, _react.createElement)(_editor.PostScheduleCheck, null, (0, _react.createElement)(_components.PanelRow, {
-    className: "edit-post-post-schedule",
-    ref: setPopoverAnchor
-  }, (0, _react.createElement)("span", null, (0, _i18n.__)('Publish')), (0, _react.createElement)(_components.Dropdown, {
-    popoverProps: popoverProps,
-    className: "edit-post-post-schedule__dropdown",
-    contentClassName: "edit-post-post-schedule__dialog",
-    focusOnMount: true,
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => (0, _react.createElement)(PostScheduleToggle, {
-      isOpen: isOpen,
-      onClick: onToggle
-    }),
-    renderContent: ({
-      onClose
-    }) => (0, _react.createElement)(_editor.PostSchedule, {
-      onClose: onClose
-    })
-  })));
-}
-function PostScheduleToggle({
-  isOpen,
-  onClick
-}) {
-  const label = (0, _editor.usePostScheduleLabel)();
-  const fullLabel = (0, _editor.usePostScheduleLabel)({
-    full: true
-  });
-  return (0, _react.createElement)(_components.Button, {
-    className: "edit-post-post-schedule__toggle",
-    variant: "tertiary",
-    label: fullLabel,
-    showTooltip: true,
-    "aria-expanded": isOpen
-    // translators: %s: Current post date.
-    ,
-    "aria-label": (0, _i18n.sprintf)((0, _i18n.__)('Change date: %s'), label),
-    onClick: onClick
-  }, label);
-}
-//# sourceMappingURL=index.js.map

package/build/components/sidebar/post-schedule/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_components","_element","_editor","PostSchedule","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","_react","createElement","PostScheduleCheck","PanelRow","className","ref","__","Dropdown","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostScheduleToggle","onClick","renderContent","onClose","label","usePostScheduleLabel","fullLabel","full","Button","variant","showTooltip","sprintf"],"sources":["@wordpress/edit-post/src/components/sidebar/post-schedule/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PanelRow, Dropdown, Button } from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport {\n\tPostSchedule as PostScheduleForm,\n\tPostScheduleCheck,\n\tusePostScheduleLabel,\n} from '@wordpress/editor';\n\nexport default function PostSchedule() {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( { anchor: popoverAnchor, placement: 'bottom-end' } ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostScheduleCheck>\n\t\t\t<PanelRow\n\t\t\t\tclassName=\"edit-post-post-schedule\"\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t>\n\t\t\t\t<span>{ __( 'Publish' ) }</span>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"edit-post-post-schedule__dropdown\"\n\t\t\t\t\tcontentClassName=\"edit-post-post-schedule__dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostScheduleToggle\n\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostScheduleForm onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelRow>\n\t\t</PostScheduleCheck>\n\t);\n}\n\nfunction PostScheduleToggle( { isOpen, onClick } ) {\n\tconst label = usePostScheduleLabel();\n\tconst fullLabel = usePostScheduleLabel( { full: true } );\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-post-post-schedule__toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tlabel={ fullLabel }\n\t\t\tshowTooltip\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post date.\n\t\t\taria-label={ sprintf( __( 'Change date: %s' ), label ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAUe,SAASI,YAAYA,CAAA,EAAG;EACtC;EACA;EACA,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAC5D;EACA,MAAMC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IAAEC,MAAM,EAAEL,aAAa;IAAEM,SAAS,EAAE;EAAa,CAAC,CAAE,EAC5D,CAAEN,aAAa,CAChB,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACV,OAAA,CAAAW,iBAAiB,QACjB,IAAAF,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAc,QAAQ;IACRC,SAAS,EAAC,yBAAyB;IACnCC,GAAG,EAAGX;EAAkB,GAExB,IAAAM,MAAA,CAAAC,aAAA,gBAAQ,IAAAK,QAAE,EAAE,SAAU,CAAS,CAAC,EAChC,IAAAN,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,QAAQ;IACRX,YAAY,EAAGA,YAAc;IAC7BQ,SAAS,EAAC,mCAAmC;IAC7CI,gBAAgB,EAAC,iCAAiC;IAClDC,YAAY;IACZC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpC,IAAAZ,MAAA,CAAAC,aAAA,EAACY,kBAAkB;MAClBF,MAAM,EAAGA,MAAQ;MACjBG,OAAO,EAAGF;IAAU,CACpB,CACC;IACHG,aAAa,EAAGA,CAAE;MAAEC;IAAQ,CAAC,KAC5B,IAAAhB,MAAA,CAAAC,aAAA,EAACV,OAAA,CAAAC,YAAgB;MAACwB,OAAO,EAAGA;IAAS,CAAE;EACrC,CACH,CACQ,CACQ,CAAC;AAEtB;AAEA,SAASH,kBAAkBA,CAAE;EAAEF,MAAM;EAAEG;AAAQ,CAAC,EAAG;EAClD,MAAMG,KAAK,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAG,IAAAD,4BAAoB,EAAE;IAAEE,IAAI,EAAE;EAAK,CAAE,CAAC;EACxD,OACC,IAAApB,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAgC,MAAM;IACNjB,SAAS,EAAC,iCAAiC;IAC3CkB,OAAO,EAAC,UAAU;IAClBL,KAAK,EAAGE,SAAW;IACnBI,WAAW;IACX,iBAAgBZ;IAChB;IAAA;IACA,cAAa,IAAAa,aAAO,EAAE,IAAAlB,QAAE,EAAE,iBAAkB,CAAC,EAAEW,KAAM,CAAG;IACxDH,OAAO,EAAGA;EAAS,GAEjBG,KACK,CAAC;AAEX"}

package/build-module/components/sidebar/post-author/index.js

@@ -1,13 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { PanelRow } from '@wordpress/components';
-import { PostAuthor as PostAuthorForm, PostAuthorCheck } from '@wordpress/editor';
-export function PostAuthor() {
-  return createElement(PostAuthorCheck, null, createElement(PanelRow, {
-    className: "edit-post-post-author"
-  }, createElement(PostAuthorForm, null)));
-}
-export default PostAuthor;
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar/post-author/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PanelRow","PostAuthor","PostAuthorForm","PostAuthorCheck","createElement","className"],"sources":["@wordpress/edit-post/src/components/sidebar/post-author/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelRow } from '@wordpress/components';\nimport {\n\tPostAuthor as PostAuthorForm,\n\tPostAuthorCheck,\n} from '@wordpress/editor';\n\nexport function PostAuthor() {\n\treturn (\n\t\t<PostAuthorCheck>\n\t\t\t<PanelRow className=\"edit-post-post-author\">\n\t\t\t\t<PostAuthorForm />\n\t\t\t</PanelRow>\n\t\t</PostAuthorCheck>\n\t);\n}\n\nexport default PostAuthor;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SACCC,UAAU,IAAIC,cAAc,EAC5BC,eAAe,QACT,mBAAmB;AAE1B,OAAO,SAASF,UAAUA,CAAA,EAAG;EAC5B,OACCG,aAAA,CAACD,eAAe,QACfC,aAAA,CAACJ,QAAQ;IAACK,SAAS,EAAC;EAAuB,GAC1CD,aAAA,CAACF,cAAc,MAAE,CACR,CACM,CAAC;AAEpB;AAEA,eAAeD,UAAU"}

package/build-module/components/sidebar/post-schedule/index.js

@@ -1,60 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
-import { useState, useMemo } from '@wordpress/element';
-import { PostSchedule as PostScheduleForm, PostScheduleCheck, usePostScheduleLabel } from '@wordpress/editor';
-export default function PostSchedule() {
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
-  const [popoverAnchor, setPopoverAnchor] = useState(null);
-  // Memoize popoverProps to avoid returning a new object every time.
-  const popoverProps = useMemo(() => ({
-    anchor: popoverAnchor,
-    placement: 'bottom-end'
-  }), [popoverAnchor]);
-  return createElement(PostScheduleCheck, null, createElement(PanelRow, {
-    className: "edit-post-post-schedule",
-    ref: setPopoverAnchor
-  }, createElement("span", null, __('Publish')), createElement(Dropdown, {
-    popoverProps: popoverProps,
-    className: "edit-post-post-schedule__dropdown",
-    contentClassName: "edit-post-post-schedule__dialog",
-    focusOnMount: true,
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => createElement(PostScheduleToggle, {
-      isOpen: isOpen,
-      onClick: onToggle
-    }),
-    renderContent: ({
-      onClose
-    }) => createElement(PostScheduleForm, {
-      onClose: onClose
-    })
-  })));
-}
-function PostScheduleToggle({
-  isOpen,
-  onClick
-}) {
-  const label = usePostScheduleLabel();
-  const fullLabel = usePostScheduleLabel({
-    full: true
-  });
-  return createElement(Button, {
-    className: "edit-post-post-schedule__toggle",
-    variant: "tertiary",
-    label: fullLabel,
-    showTooltip: true,
-    "aria-expanded": isOpen
-    // translators: %s: Current post date.
-    ,
-    "aria-label": sprintf(__('Change date: %s'), label),
-    onClick: onClick
-  }, label);
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar/post-schedule/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__","sprintf","PanelRow","Dropdown","Button","useState","useMemo","PostSchedule","PostScheduleForm","PostScheduleCheck","usePostScheduleLabel","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","createElement","className","ref","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostScheduleToggle","onClick","renderContent","onClose","label","fullLabel","full","variant","showTooltip"],"sources":["@wordpress/edit-post/src/components/sidebar/post-schedule/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PanelRow, Dropdown, Button } from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport {\n\tPostSchedule as PostScheduleForm,\n\tPostScheduleCheck,\n\tusePostScheduleLabel,\n} from '@wordpress/editor';\n\nexport default function PostSchedule() {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( { anchor: popoverAnchor, placement: 'bottom-end' } ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostScheduleCheck>\n\t\t\t<PanelRow\n\t\t\t\tclassName=\"edit-post-post-schedule\"\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t>\n\t\t\t\t<span>{ __( 'Publish' ) }</span>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"edit-post-post-schedule__dropdown\"\n\t\t\t\t\tcontentClassName=\"edit-post-post-schedule__dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostScheduleToggle\n\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostScheduleForm onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelRow>\n\t\t</PostScheduleCheck>\n\t);\n}\n\nfunction PostScheduleToggle( { isOpen, onClick } ) {\n\tconst label = usePostScheduleLabel();\n\tconst fullLabel = usePostScheduleLabel( { full: true } );\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-post-post-schedule__toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tlabel={ fullLabel }\n\t\t\tshowTooltip\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post date.\n\t\t\taria-label={ sprintf( __( 'Change date: %s' ), label ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,uBAAuB;AAClE,SAASC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;AACtD,SACCC,YAAY,IAAIC,gBAAgB,EAChCC,iBAAiB,EACjBC,oBAAoB,QACd,mBAAmB;AAE1B,eAAe,SAASH,YAAYA,CAAA,EAAG;EACtC;EACA;EACA,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGP,QAAQ,CAAE,IAAK,CAAC;EAC5D;EACA,MAAMQ,YAAY,GAAGP,OAAO,CAC3B,OAAQ;IAAEQ,MAAM,EAAEH,aAAa;IAAEI,SAAS,EAAE;EAAa,CAAC,CAAE,EAC5D,CAAEJ,aAAa,CAChB,CAAC;EAED,OACCK,aAAA,CAACP,iBAAiB,QACjBO,aAAA,CAACd,QAAQ;IACRe,SAAS,EAAC,yBAAyB;IACnCC,GAAG,EAAGN;EAAkB,GAExBI,aAAA,eAAQhB,EAAE,CAAE,SAAU,CAAS,CAAC,EAChCgB,aAAA,CAACb,QAAQ;IACRU,YAAY,EAAGA,YAAc;IAC7BI,SAAS,EAAC,mCAAmC;IAC7CE,gBAAgB,EAAC,iCAAiC;IAClDC,YAAY;IACZC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpCP,aAAA,CAACQ,kBAAkB;MAClBF,MAAM,EAAGA,MAAQ;MACjBG,OAAO,EAAGF;IAAU,CACpB,CACC;IACHG,aAAa,EAAGA,CAAE;MAAEC;IAAQ,CAAC,KAC5BX,aAAA,CAACR,gBAAgB;MAACmB,OAAO,EAAGA;IAAS,CAAE;EACrC,CACH,CACQ,CACQ,CAAC;AAEtB;AAEA,SAASH,kBAAkBA,CAAE;EAAEF,MAAM;EAAEG;AAAQ,CAAC,EAAG;EAClD,MAAMG,KAAK,GAAGlB,oBAAoB,CAAC,CAAC;EACpC,MAAMmB,SAAS,GAAGnB,oBAAoB,CAAE;IAAEoB,IAAI,EAAE;EAAK,CAAE,CAAC;EACxD,OACCd,aAAA,CAACZ,MAAM;IACNa,SAAS,EAAC,iCAAiC;IAC3Cc,OAAO,EAAC,UAAU;IAClBH,KAAK,EAAGC,SAAW;IACnBG,WAAW;IACX,iBAAgBV;IAChB;IAAA;IACA,cAAarB,OAAO,CAAED,EAAE,CAAE,iBAAkB,CAAC,EAAE4B,KAAM,CAAG;IACxDH,OAAO,EAAGA;EAAS,GAEjBG,KACK,CAAC;AAEX"}

package/src/components/sidebar/post-author/index.js

@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { PanelRow } from '@wordpress/components';
-import {
-	PostAuthor as PostAuthorForm,
-	PostAuthorCheck,
-} from '@wordpress/editor';
-
-export function PostAuthor() {
-	return (
-		<PostAuthorCheck>
-			<PanelRow className="edit-post-post-author">
-				<PostAuthorForm />
-			</PanelRow>
-		</PostAuthorCheck>
-	);
-}
-
-export default PostAuthor;

package/src/components/sidebar/post-author/style.scss

@@ -1,5 +0,0 @@
-.edit-post-post-author {
-	display: flex;
-	flex-direction: column;
-	align-items: stretch;
-}

package/src/components/sidebar/post-schedule/index.js

@@ -1,67 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
-import { useState, useMemo } from '@wordpress/element';
-import {
-	PostSchedule as PostScheduleForm,
-	PostScheduleCheck,
-	usePostScheduleLabel,
-} from '@wordpress/editor';
-
-export default function PostSchedule() {
-	// Use internal state instead of a ref to make sure that the component
-	// re-renders when the popover's anchor updates.
-	const [ popoverAnchor, setPopoverAnchor ] = useState( null );
-	// Memoize popoverProps to avoid returning a new object every time.
-	const popoverProps = useMemo(
-		() => ( { anchor: popoverAnchor, placement: 'bottom-end' } ),
-		[ popoverAnchor ]
-	);
-
-	return (
-		<PostScheduleCheck>
-			<PanelRow
-				className="edit-post-post-schedule"
-				ref={ setPopoverAnchor }
-			>
-				<span>{ __( 'Publish' ) }</span>
-				<Dropdown
-					popoverProps={ popoverProps }
-					className="edit-post-post-schedule__dropdown"
-					contentClassName="edit-post-post-schedule__dialog"
-					focusOnMount
-					renderToggle={ ( { isOpen, onToggle } ) => (
-						<PostScheduleToggle
-							isOpen={ isOpen }
-							onClick={ onToggle }
-						/>
-					) }
-					renderContent={ ( { onClose } ) => (
-						<PostScheduleForm onClose={ onClose } />
-					) }
-				/>
-			</PanelRow>
-		</PostScheduleCheck>
-	);
-}
-
-function PostScheduleToggle( { isOpen, onClick } ) {
-	const label = usePostScheduleLabel();
-	const fullLabel = usePostScheduleLabel( { full: true } );
-	return (
-		<Button
-			className="edit-post-post-schedule__toggle"
-			variant="tertiary"
-			label={ fullLabel }
-			showTooltip
-			aria-expanded={ isOpen }
-			// translators: %s: Current post date.
-			aria-label={ sprintf( __( 'Change date: %s' ), label ) }
-			onClick={ onClick }
-		>
-			{ label }
-		</Button>
-	);
-}

package/src/components/sidebar/post-schedule/style.scss

@@ -1,36 +0,0 @@
-.edit-post-post-schedule {
-	width: 100%;
-	position: relative;
-	justify-content: flex-start;
-	align-items: flex-start;
-
-	span {
-		display: block;
-		width: 30%;
-		margin-right: 8px;
-	}
-}
-
-.edit-post-post-schedule__dropdown {
-	width: 70%;
-}
-
-.components-button.edit-post-post-schedule__toggle {
-	text-align: left;
-	white-space: normal;
-	height: auto;
-
-	// This span is added by the Popover in Tooltip when no anchor is
-	// provided. We set its width to 0 so that it does not cause the button text
-	// to wrap to a new line when displaying the tooltip. A better fix would be
-	// to pass anchorRef and avoid the need for a span alltogether, which is
-	// what this PR allows us to do:
-	// https://github.com/WordPress/gutenberg/pull/41268.
-	span {
-		width: 0;
-	}
-}
-
-.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker {
-	margin: $grid-unit-10;
-}