@wordpress/edit-site 5.12.0 → 5.12.2

package/build/components/sidebar-edit-mode/page-panels/index.js

@@ -21,15 +21,17 @@ var _data = require("@wordpress/data");
 
 var _coreData = require("@wordpress/core-data");
 
-var _blockEditor = require("@wordpress/block-editor");
+var _htmlEntities = require("@wordpress/html-entities");
 
 var _store = require("../../../store");
 
-var _useEditedEntityRecord = _interopRequireDefault(require("../../use-edited-entity-record"));
-
 var _sidebarCard = _interopRequireDefault(require("../sidebar-card"));
 
-var _contentBlocksList = _interopRequireDefault(require("./content-blocks-list"));
+var _pageContent = _interopRequireDefault(require("./page-content"));
+
+var _pageSummary = _interopRequireDefault(require("./page-summary"));
+
+var _editTemplate = _interopRequireDefault(require("./edit-template"));
 
 /**
  * WordPress dependencies
@@ -39,48 +41,59 @@ var _contentBlocksList = _interopRequireDefault(require("./content-blocks-list")
  * Internal dependencies
  */
 function PagePanels() {
-  const context = (0, _data.useSelect)(select => select(_store.store).getEditedPostContext(), []);
   const {
-    hasResolved: hasPageResolved,
-    editedRecord: page
-  } = (0, _coreData.useEntityRecord)('postType', context.postType, context.postId);
-  const {
-    isLoaded: isTemplateLoaded,
-    getTitle: getTemplateTitle,
-    record: template
-  } = (0, _useEditedEntityRecord.default)();
-  const {
-    setHasPageContentLock
-  } = (0, _data.useDispatch)(_store.store);
-  const blockContext = (0, _element.useMemo)(() => ({ ...context,
-    postType: null,
-    postId: null
-  }), [context]);
-
-  if (!hasPageResolved || !isTemplateLoaded) {
+    id,
+    type,
+    hasResolved,
+    status,
+    date,
+    password,
+    title,
+    modified
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostContext
+    } = select(_store.store);
+    const {
+      getEditedEntityRecord,
+      hasFinishedResolution
+    } = select(_coreData.store);
+    const context = getEditedPostContext();
+    const queryArgs = ['postType', context.postType, context.postId];
+    const page = getEditedEntityRecord(...queryArgs);
+    return {
+      hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
+      title: page?.title,
+      id: page?.id,
+      type: page?.type,
+      status: page?.status,
+      date: page?.date,
+      password: page?.password,
+      modified: page?.modified
+    };
+  }, []);
+
+  if (!hasResolved) {
     return null;
   }
 
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_sidebarCard.default, {
-    title: page.title,
+    title: (0, _htmlEntities.decodeEntities)(title),
     icon: _icons.page,
-    description: (0, _i18n.sprintf)( // translators: %s: Human-readable time difference, e.g. "2 days ago".
-    (0, _i18n.__)('Last edited %s'), (0, _date.humanTimeDiff)(page.modified))
+    description: (0, _element.createElement)(_components.__experimentalVStack, null, (0, _element.createElement)(_components.__experimentalText, null, (0, _i18n.sprintf)( // translators: %s: Human-readable time difference, e.g. "2 days ago".
+    (0, _i18n.__)('Last edited %s'), (0, _date.humanTimeDiff)(modified))))
+  })), (0, _element.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Summary')
+  }, (0, _element.createElement)(_pageSummary.default, {
+    status: status,
+    date: date,
+    password: password,
+    postId: id,
+    postType: type
   })), (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Content')
-  }, (0, _element.createElement)(_contentBlocksList.default, null)), (0, _element.createElement)(_components.PanelBody, {
+  }, (0, _element.createElement)(_pageContent.default, null)), (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Template')
-  }, (0, _element.createElement)(_components.__experimentalVStack, null, (0, _element.createElement)("div", null, getTemplateTitle()), (0, _element.createElement)("div", {
-    className: "edit-site-page-panels__edit-template-preview"
-  }, (0, _element.createElement)(_blockEditor.BlockContextProvider, {
-    value: blockContext
-  }, (0, _element.createElement)(_blockEditor.BlockPreview, {
-    viewportWidth: 1024,
-    blocks: template.blocks
-  }))), (0, _element.createElement)(_components.Button, {
-    className: "edit-site-page-panels__edit-template-button",
-    variant: "secondary",
-    onClick: () => setHasPageContentLock(false)
-  }, (0, _i18n.__)('Edit template')))));
+  }, (0, _element.createElement)(_editTemplate.default, null)));
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-edit-mode/page-panels/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/index.js"],"names":["PagePanels","context","select","editSiteStore","getEditedPostContext","hasResolved","hasPageResolved","editedRecord","page","postType","postId","isLoaded","isTemplateLoaded","getTitle","getTemplateTitle","record","template","setHasPageContentLock","blockContext","title","pageIcon","modified","blocks"],"mappings":";;;;;;;;;AAcA;;AAXA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AAtBA;AACA;AACA;;AAcA;AACA;AACA;AAMe,SAASA,UAAT,GAAsB;AACpC,QAAMC,OAAO,GAAG,qBACbC,MAAF,IAAcA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,oBAAxB,EADC,EAEf,EAFe,CAAhB;AAKA,QAAM;AAAEC,IAAAA,WAAW,EAAEC,eAAf;AAAgCC,IAAAA,YAAY,EAAEC;AAA9C,MACL,+BAAiB,UAAjB,EAA6BP,OAAO,CAACQ,QAArC,EAA+CR,OAAO,CAACS,MAAvD,CADD;AAGA,QAAM;AACLC,IAAAA,QAAQ,EAAEC,gBADL;AAELC,IAAAA,QAAQ,EAAEC,gBAFL;AAGLC,IAAAA,MAAM,EAAEC;AAHH,MAIF,qCAJJ;AAMA,QAAM;AAAEC,IAAAA;AAAF,MAA4B,uBAAad,YAAb,CAAlC;AAEA,QAAMe,YAAY,GAAG,sBACpB,OAAQ,EAAE,GAAGjB,OAAL;AAAcQ,IAAAA,QAAQ,EAAE,IAAxB;AAA8BC,IAAAA,MAAM,EAAE;AAAtC,GAAR,CADoB,EAEpB,CAAET,OAAF,CAFoB,CAArB;;AAKA,MAAK,CAAEK,eAAF,IAAqB,CAAEM,gBAA5B,EAA+C;AAC9C,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGJ,IAAI,CAACW,KADd;AAEC,IAAA,IAAI,EAAGC,WAFR;AAGC,IAAA,WAAW,EAAG,oBACb;AACA,kBAAI,gBAAJ,CAFa,EAGb,yBAAeZ,IAAI,CAACa,QAApB,CAHa;AAHf,IADD,CADD,EAYC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,SAAJ;AAAnB,KACC,4BAAC,0BAAD,OADD,CAZD,EAeC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,UAAJ;AAAnB,KACC,4BAAC,gCAAD,QACC,yCAAOP,gBAAgB,EAAvB,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,iCAAD;AAAsB,IAAA,KAAK,EAAGI;AAA9B,KACC,4BAAC,yBAAD;AACC,IAAA,aAAa,EAAG,IADjB;AAEC,IAAA,MAAM,EAAGF,QAAQ,CAACM;AAFnB,IADD,CADD,CAFD,EAUC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,6CADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,OAAO,EAAG,MAAML,qBAAqB,CAAE,KAAF;AAHtC,KAKG,cAAI,eAAJ,CALH,CAVD,CADD,CAfD,CADD;AAsCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { page as pageIcon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\nimport { BlockContextProvider, BlockPreview } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport SidebarCard from '../sidebar-card';\nimport ContentBlocksList from './content-blocks-list';\n\nexport default function PagePanels() {\n\tconst context = useSelect(\n\t\t( select ) => select( editSiteStore ).getEditedPostContext(),\n\t\t[]\n\t);\n\n\tconst { hasResolved: hasPageResolved, editedRecord: page } =\n\t\tuseEntityRecord( 'postType', context.postType, context.postId );\n\n\tconst {\n\t\tisLoaded: isTemplateLoaded,\n\t\tgetTitle: getTemplateTitle,\n\t\trecord: template,\n\t} = useEditedEntityRecord();\n\n\tconst { setHasPageContentLock } = useDispatch( editSiteStore );\n\n\tconst blockContext = useMemo(\n\t\t() => ( { ...context, postType: null, postId: null } ),\n\t\t[ context ]\n\t);\n\n\tif ( ! hasPageResolved || ! isTemplateLoaded ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\ttitle={ page.title }\n\t\t\t\t\ticon={ pageIcon }\n\t\t\t\t\tdescription={ sprintf(\n\t\t\t\t\t\t// translators: %s: Human-readable time difference, e.g. \"2 days ago\".\n\t\t\t\t\t\t__( 'Last edited %s' ),\n\t\t\t\t\t\thumanTimeDiff( page.modified )\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<ContentBlocksList />\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Template' ) }>\n\t\t\t\t<VStack>\n\t\t\t\t\t<div>{ getTemplateTitle() }</div>\n\t\t\t\t\t<div className=\"edit-site-page-panels__edit-template-preview\">\n\t\t\t\t\t\t<BlockContextProvider value={ blockContext }>\n\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\tviewportWidth={ 1024 }\n\t\t\t\t\t\t\t\tblocks={ template.blocks }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BlockContextProvider>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-page-panels__edit-template-button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tonClick={ () => setHasPageContentLock( false ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit template' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</VStack>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/index.js"],"names":["PagePanels","id","type","hasResolved","status","date","password","title","modified","select","getEditedPostContext","editSiteStore","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","pageIcon"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAtBA;AACA;AACA;;AAaA;AACA;AACA;AAOe,SAASA,UAAT,GAAsB;AACpC,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,IAAN;AAAYC,IAAAA,WAAZ;AAAyBC,IAAAA,MAAzB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,QAAvC;AAAiDC,IAAAA,KAAjD;AAAwDC,IAAAA;AAAxD,MACL,qBAAaC,MAAF,IAAc;AACxB,UAAM;AAAEC,MAAAA;AAAF,QAA2BD,MAAM,CAAEE,YAAF,CAAvC;AACA,UAAM;AAAEC,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,QACLJ,MAAM,CAAEK,eAAF,CADP;AAEA,UAAMC,OAAO,GAAGL,oBAAoB,EAApC;AACA,UAAMM,SAAS,GAAG,CAAE,UAAF,EAAcD,OAAO,CAACE,QAAtB,EAAgCF,OAAO,CAACG,MAAxC,CAAlB;AACA,UAAMC,IAAI,GAAGP,qBAAqB,CAAE,GAAGI,SAAL,CAAlC;AACA,WAAO;AACNb,MAAAA,WAAW,EAAEU,qBAAqB,CACjC,uBADiC,EAEjCG,SAFiC,CAD5B;AAKNT,MAAAA,KAAK,EAAEY,IAAI,EAAEZ,KALP;AAMNN,MAAAA,EAAE,EAAEkB,IAAI,EAAElB,EANJ;AAONC,MAAAA,IAAI,EAAEiB,IAAI,EAAEjB,IAPN;AAQNE,MAAAA,MAAM,EAAEe,IAAI,EAAEf,MARR;AASNC,MAAAA,IAAI,EAAEc,IAAI,EAAEd,IATN;AAUNC,MAAAA,QAAQ,EAAEa,IAAI,EAAEb,QAVV;AAWNE,MAAAA,QAAQ,EAAEW,IAAI,EAAEX;AAXV,KAAP;AAaA,GApBD,EAoBG,EApBH,CADD;;AAuBA,MAAK,CAAEL,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAG,kCAAgBI,KAAhB,CADT;AAEC,IAAA,IAAI,EAAGa,WAFR;AAGC,IAAA,WAAW,EACV,4BAAC,gCAAD,QACC,4BAAC,8BAAD,QACG,oBACD;AACA,kBAAI,gBAAJ,CAFC,EAGD,yBAAeZ,QAAf,CAHC,CADH,CADD;AAJF,IADD,CADD,EAkBC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,SAAJ;AAAnB,KACC,4BAAC,oBAAD;AACC,IAAA,MAAM,EAAGJ,MADV;AAEC,IAAA,IAAI,EAAGC,IAFR;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,MAAM,EAAGL,EAJV;AAKC,IAAA,QAAQ,EAAGC;AALZ,IADD,CAlBD,EA2BC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,SAAJ;AAAnB,KACC,4BAAC,oBAAD,OADD,CA3BD,EA8BC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,UAAJ;AAAnB,KACC,4BAAC,qBAAD,OADD,CA9BD,CADD;AAoCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { page as pageIcon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport SidebarCard from '../sidebar-card';\nimport PageContent from './page-content';\nimport PageSummary from './page-summary';\nimport EditTemplate from './edit-template';\n\nexport default function PagePanels() {\n\tconst { id, type, hasResolved, status, date, password, title, modified } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\ttitle: page?.title,\n\t\t\t\tid: page?.id,\n\t\t\t\ttype: page?.type,\n\t\t\t\tstatus: page?.status,\n\t\t\t\tdate: page?.date,\n\t\t\t\tpassword: page?.password,\n\t\t\t\tmodified: page?.modified,\n\t\t\t};\n\t\t}, [] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ pageIcon }\n\t\t\t\t\tdescription={\n\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: Human-readable time difference, e.g. \"2 days ago\".\n\t\t\t\t\t\t\t\t\t__( 'Last edited %s' ),\n\t\t\t\t\t\t\t\t\thumanTimeDiff( modified )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Summary' ) }>\n\t\t\t\t<PageSummary\n\t\t\t\t\tstatus={ status }\n\t\t\t\t\tdate={ date }\n\t\t\t\t\tpassword={ password }\n\t\t\t\t\tpostId={ id }\n\t\t\t\t\tpostType={ type }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<PageContent />\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Template' ) }>\n\t\t\t\t<EditTemplate />\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n"]}

package/build/components/sidebar-edit-mode/page-panels/page-content.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageContent;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _constants = require("../../page-content-focus-manager/constants");
+
+var _lockUnlock = require("../../../lock-unlock");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const {
+  BlockQuickNavigation
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+function PageContent() {
+  const clientIds = (0, _data.useSelect)(select => select(_blockEditor.store).__experimentalGetGlobalBlocksByName(_constants.PAGE_CONTENT_BLOCK_TYPES), []);
+  return (0, _element.createElement)(BlockQuickNavigation, {
+    clientIds: clientIds
+  });
+}
+//# sourceMappingURL=page-content.js.map

package/build/components/sidebar-edit-mode/page-panels/page-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-content.js"],"names":["BlockQuickNavigation","blockEditorPrivateApis","PageContent","clientIds","select","blockEditorStore","__experimentalGetGlobalBlocksByName","PAGE_CONTENT_BLOCK_TYPES"],"mappings":";;;;;;;;;AAGA;;AACA;;AAQA;;AACA;;AAbA;AACA;AACA;;AAOA;AACA;AACA;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAA2B,wBAAQC,wBAAR,CAAjC;;AAEe,SAASC,WAAT,GAAuB;AACrC,QAAMC,SAAS,GAAG,qBACfC,MAAF,IACCA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,mCAA3B,CACCC,mCADD,CAFgB,EAKjB,EALiB,CAAlB;AAOA,SAAO,4BAAC,oBAAD;AAAsB,IAAA,SAAS,EAAGJ;AAAlC,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../page-content-focus-manager/constants';\nimport { unlock } from '../../../lock-unlock';\n\nconst { BlockQuickNavigation } = unlock( blockEditorPrivateApis );\n\nexport default function PageContent() {\n\tconst clientIds = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetGlobalBlocksByName(\n\t\t\t\tPAGE_CONTENT_BLOCK_TYPES\n\t\t\t),\n\t\t[]\n\t);\n\treturn <BlockQuickNavigation clientIds={ clientIds } />;\n}\n"]}

package/build/components/sidebar-edit-mode/page-panels/page-status.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageStatus;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+var _notices = require("@wordpress/notices");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _statusLabel = _interopRequireDefault(require("../../sidebar-navigation-screen-page/status-label"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const STATUS_OPTIONS = [{
+  label: (0, _element.createElement)(_element.Fragment, null, (0, _i18n.__)('Draft'), (0, _element.createElement)(_components.__experimentalText, {
+    variant: "muted"
+  }, (0, _i18n.__)('Not ready to publish.'))),
+  value: 'draft'
+}, {
+  label: (0, _element.createElement)(_element.Fragment, null, (0, _i18n.__)('Pending'), (0, _element.createElement)(_components.__experimentalText, {
+    variant: "muted"
+  }, (0, _i18n.__)('Waiting for review before publishing.'))),
+  value: 'pending'
+}, {
+  label: (0, _element.createElement)(_element.Fragment, null, (0, _i18n.__)('Private'), (0, _element.createElement)(_components.__experimentalText, {
+    variant: "muted"
+  }, (0, _i18n.__)('Only visible to site admins and editors.'))),
+  value: 'private'
+}, {
+  label: (0, _element.createElement)(_element.Fragment, null, (0, _i18n.__)('Scheduled'), (0, _element.createElement)(_components.__experimentalText, {
+    variant: "muted"
+  }, (0, _i18n.__)('Publish automatically on a chosen date.'))),
+  value: 'future'
+}, {
+  label: (0, _element.createElement)(_element.Fragment, null, (0, _i18n.__)('Published'), (0, _element.createElement)(_components.__experimentalText, {
+    variant: "muted"
+  }, (0, _i18n.__)('Visible to everyone.'))),
+  value: 'publish'
+}];
+
+function PageStatus({
+  postType,
+  postId,
+  status,
+  password,
+  date
+}) {
+  const [showPassword, setShowPassword] = (0, _element.useState)(!!password);
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null); // Memoize popoverProps to avoid returning a new object every time.
+
+  const popoverProps = (0, _element.useMemo)(() => ({
+    // Anchor the popover to the middle of the entire row so that it doesn't
+    // move around when the label changes.
+    anchor: popoverAnchor,
+    'aria-label': (0, _i18n.__)('Change status'),
+    placement: 'bottom-end'
+  }), [popoverAnchor]);
+
+  const saveStatus = async ({
+    status: newStatus = status,
+    password: newPassword = password,
+    date: newDate = date
+  }) => {
+    try {
+      await editEntityRecord('postType', postType, postId, {
+        status: newStatus,
+        date: newDate,
+        password: newPassword
+      });
+    } catch (error) {
+      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while updating the status');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+    }
+  };
+
+  const handleTogglePassword = value => {
+    setShowPassword(value);
+
+    if (!value) {
+      saveStatus({
+        password: ''
+      });
+    }
+  };
+
+  const handleStatus = value => {
+    let newDate = date;
+    let newPassword = password;
+
+    if (value === 'publish') {
+      if (new Date(date) > new Date()) {
+        newDate = null;
+      }
+    } else if (value === 'future') {
+      if (!date || new Date(date) < new Date()) {
+        newDate = new Date();
+        newDate.setDate(newDate.getDate() + 7);
+      }
+    } else if (value === 'private' && password) {
+      setShowPassword(false);
+      newPassword = '';
+    }
+
+    saveStatus({
+      status: value,
+      date: newDate,
+      password: newPassword
+    });
+  };
+
+  return (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "edit-site-summary-field"
+  }, (0, _element.createElement)(_components.__experimentalText, {
+    className: "edit-site-summary-field__label"
+  }, (0, _i18n.__)('Status')), (0, _element.createElement)(_components.Dropdown, {
+    contentClassName: "edit-site-change-status__content",
+    popoverProps: popoverProps,
+    focusOnMount: true,
+    ref: setPopoverAnchor,
+    renderToggle: ({
+      onToggle
+    }) => (0, _element.createElement)(_components.Button, {
+      className: "edit-site-summary-field__trigger",
+      variant: "tertiary",
+      onClick: onToggle
+    }, (0, _element.createElement)(_statusLabel.default, {
+      status: password ? 'protected' : status
+    })),
+    renderContent: ({
+      onClose
+    }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.__experimentalInspectorPopoverHeader, {
+      title: (0, _i18n.__)('Status'),
+      onClose: onClose
+    }), (0, _element.createElement)("form", null, (0, _element.createElement)(_components.__experimentalVStack, {
+      spacing: 5
+    }, (0, _element.createElement)(_components.RadioControl, {
+      className: "edit-site-change-status__options",
+      hideLabelFromVision: true,
+      label: (0, _i18n.__)('Status'),
+      options: STATUS_OPTIONS,
+      onChange: handleStatus,
+      selected: status
+    }), status !== 'private' && (0, _element.createElement)(_components.BaseControl, {
+      id: `edit-site-change-status__password`,
+      label: (0, _i18n.__)('Password')
+    }, (0, _element.createElement)(_components.ToggleControl, {
+      label: (0, _i18n.__)('Hide this page behind a password'),
+      checked: showPassword,
+      onChange: handleTogglePassword
+    }), showPassword && (0, _element.createElement)(_components.TextControl, {
+      onChange: value => saveStatus({
+        password: value
+      }),
+      value: password
+      /* eslint-disable jsx-a11y/no-autofocus */
+      ,
+      autoFocus: !password
+      /* eslint-enable jsx-a11y/no-autofocus */
+      ,
+      placeholder: (0, _i18n.__)('Enter a secure password'),
+      type: "password"
+    })))))
+  }));
+}
+//# sourceMappingURL=page-status.js.map

package/build/components/sidebar-edit-mode/page-panels/page-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-status.js"],"names":["STATUS_OPTIONS","label","value","PageStatus","postType","postId","status","password","date","showPassword","setShowPassword","editEntityRecord","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","saveStatus","newStatus","newPassword","newDate","error","errorMessage","message","code","type","handleTogglePassword","handleStatus","Date","setDate","getDate","onToggle","onClose"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tBaseControl,\n\tToggleControl,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tRadioControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n/**\n * Internal dependencies\n */\nimport StatusLabel from '../../sidebar-navigation-screen-page/status-label';\n\nconst STATUS_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Draft' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Not ready to publish.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'draft',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Pending' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Waiting for review before publishing.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'pending',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Private' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Only visible to site admins and editors.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'private',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Scheduled' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Publish automatically on a chosen date.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'future',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Published' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Visible to everyone.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'publish',\n\t},\n];\n\nexport default function PageStatus( {\n\tpostType,\n\tpostId,\n\tstatus,\n\tpassword,\n\tdate,\n} ) {\n\tconst [ showPassword, setShowPassword ] = useState( !! password );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\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() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change status' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveStatus = async ( {\n\t\tstatus: newStatus = status,\n\t\tpassword: newPassword = password,\n\t\tdate: newDate = date,\n\t} ) => {\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t\tpassword: newPassword,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst handleTogglePassword = ( value ) => {\n\t\tsetShowPassword( value );\n\t\tif ( ! value ) {\n\t\t\tsaveStatus( { password: '' } );\n\t\t}\n\t};\n\n\tconst handleStatus = ( value ) => {\n\t\tlet newDate = date;\n\t\tlet newPassword = password;\n\t\tif ( value === 'publish' ) {\n\t\t\tif ( new Date( date ) > new Date() ) {\n\t\t\t\tnewDate = null;\n\t\t\t}\n\t\t} else if ( value === 'future' ) {\n\t\t\tif ( ! date || new Date( date ) < new Date() ) {\n\t\t\t\tnewDate = new Date();\n\t\t\t\tnewDate.setDate( newDate.getDate() + 7 );\n\t\t\t}\n\t\t} else if ( value === 'private' && password ) {\n\t\t\tsetShowPassword( false );\n\t\t\tnewPassword = '';\n\t\t}\n\t\tsaveStatus( {\n\t\t\tstatus: value,\n\t\t\tdate: newDate,\n\t\t\tpassword: newPassword,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<HStack className=\"edit-site-summary-field\">\n\t\t\t<Text className=\"edit-site-summary-field__label\">\n\t\t\t\t{ __( 'Status' ) }\n\t\t\t</Text>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<StatusLabel\n\t\t\t\t\t\t\tstatus={ password ? 'protected' : status }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Status' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<form>\n\t\t\t\t\t\t\t<VStack spacing={ 5 }>\n\t\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__options\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Status' ) }\n\t\t\t\t\t\t\t\t\toptions={ STATUS_OPTIONS }\n\t\t\t\t\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\t\t\t\t\tselected={ status }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ status !== 'private' && (\n\t\t\t\t\t\t\t\t\t<BaseControl\n\t\t\t\t\t\t\t\t\t\tid={ `edit-site-change-status__password` }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Password' ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Hide this page behind a password'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ showPassword }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleTogglePassword }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ showPassword && (\n\t\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsaveStatus( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpassword: value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\t\t\t\t\t\t/* eslint-disable jsx-a11y/no-autofocus */\n\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={ ! password }\n\t\t\t\t\t\t\t\t\t\t\t\t/* eslint-enable jsx-a11y/no-autofocus */\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Enter a secure password'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</HStack>\n\t);\n}\n"]}

package/build/components/sidebar-edit-mode/page-panels/page-summary.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageSummary;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _pageStatus = _interopRequireDefault(require("./page-status"));
+
+var _publishDate = _interopRequireDefault(require("./publish-date"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function PageSummary({
+  status,
+  date,
+  password,
+  postId,
+  postType
+}) {
+  return (0, _element.createElement)(_components.__experimentalVStack, null, (0, _element.createElement)(_pageStatus.default, {
+    status: status,
+    date: date,
+    password: password,
+    postId: postId,
+    postType: postType
+  }), (0, _element.createElement)(_publishDate.default, {
+    status: status,
+    date: date,
+    postId: postId,
+    postType: postType
+  }));
+}
+//# sourceMappingURL=page-summary.js.map

package/build/components/sidebar-edit-mode/page-panels/page-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-summary.js"],"names":["PageSummary","status","date","password","postId","postType"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AACA;;AARA;AACA;AACA;;AAEA;AACA;AACA;AAIe,SAASA,WAAT,CAAsB;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,IAFoC;AAGpCC,EAAAA,QAHoC;AAIpCC,EAAAA,MAJoC;AAKpCC,EAAAA;AALoC,CAAtB,EAMX;AACH,SACC,4BAAC,gCAAD,QACC,4BAAC,mBAAD;AACC,IAAA,MAAM,EAAGJ,MADV;AAEC,IAAA,IAAI,EAAGC,IAFR;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,MAAM,EAAGC,MAJV;AAKC,IAAA,QAAQ,EAAGC;AALZ,IADD,EAQC,4BAAC,oBAAD;AACC,IAAA,MAAM,EAAGJ,MADV;AAEC,IAAA,IAAI,EAAGC,IAFR;AAGC,IAAA,MAAM,EAAGE,MAHV;AAIC,IAAA,QAAQ,EAAGC;AAJZ,IARD,CADD;AAiBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport PageStatus from './page-status';\nimport PublishDate from './publish-date';\n\nexport default function PageSummary( {\n\tstatus,\n\tdate,\n\tpassword,\n\tpostId,\n\tpostType,\n} ) {\n\treturn (\n\t\t<VStack>\n\t\t\t<PageStatus\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpassword={ password }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t\t<PublishDate\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"]}

package/build/components/sidebar-edit-mode/page-panels/publish-date.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ChangeStatus;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+var _notices = require("@wordpress/notices");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _date = require("@wordpress/date");
+
+/**
+ * WordPress dependencies
+ */
+function ChangeStatus({
+  postType,
+  postId,
+  status,
+  date
+}) {
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null); // Memoize popoverProps to avoid returning a new object every time.
+
+  const popoverProps = (0, _element.useMemo)(() => ({
+    // Anchor the popover to the middle of the entire row so that it doesn't
+    // move around when the label changes.
+    anchor: popoverAnchor,
+    'aria-label': (0, _i18n.__)('Change publish date'),
+    placement: 'bottom-end'
+  }), [popoverAnchor]);
+
+  const saveDate = async newDate => {
+    try {
+      let newStatus = status;
+
+      if (status === 'future' && new Date(newDate) < new Date()) {
+        newStatus = 'publish';
+      } else if (status === 'publish' && new Date(newDate) > new Date()) {
+        newStatus = 'future';
+      }
+
+      await editEntityRecord('postType', postType, postId, {
+        status: newStatus,
+        date: newDate
+      });
+    } catch (error) {
+      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while updating the status');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+    }
+  };
+
+  const relateToNow = date ? (0, _date.humanTimeDiff)(date) : (0, _i18n.__)('Immediately');
+  return (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "edit-site-summary-field"
+  }, (0, _element.createElement)(_components.__experimentalText, {
+    className: "edit-site-summary-field__label"
+  }, (0, _i18n.__)('Publish')), (0, _element.createElement)(_components.Dropdown, {
+    contentClassName: "edit-site-change-status__content",
+    popoverProps: popoverProps,
+    focusOnMount: true,
+    ref: setPopoverAnchor,
+    renderToggle: ({
+      onToggle
+    }) => (0, _element.createElement)(_components.Button, {
+      className: "edit-site-summary-field__trigger",
+      variant: "tertiary",
+      onClick: onToggle
+    }, relateToNow),
+    renderContent: ({
+      onClose
+    }) => (0, _element.createElement)(_blockEditor.__experimentalPublishDateTimePicker, {
+      currentDate: date,
+      is12Hour: true,
+      onClose: onClose,
+      onChange: saveDate
+    })
+  }));
+}
+//# sourceMappingURL=publish-date.js.map

package/build/components/sidebar-edit-mode/page-panels/publish-date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/publish-date.js"],"names":["ChangeStatus","postType","postId","status","date","editEntityRecord","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","saveDate","newDate","newStatus","Date","error","errorMessage","message","code","type","relateToNow","onToggle","onClose"],"mappings":";;;;;;;AAWA;;AARA;;AAMA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAfA;AACA;AACA;AAee,SAASA,YAAT,CAAuB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,MAAZ;AAAoBC,EAAAA,MAApB;AAA4BC,EAAAA;AAA5B,CAAvB,EAA4D;AAC1E,QAAM;AAAEC,IAAAA;AAAF,MAAuB,uBAAaC,eAAb,CAA7B;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAwB,uBAAaC,cAAb,CAA9B;AAEA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAU,IAAV,CAA5C,CAJ0E,CAK1E;;AACA,QAAMC,YAAY,GAAG,sBACpB,OAAQ;AACP;AACA;AACAC,IAAAA,MAAM,EAAEH,aAHD;AAIP,kBAAc,cAAI,qBAAJ,CAJP;AAKPI,IAAAA,SAAS,EAAE;AALJ,GAAR,CADoB,EAQpB,CAAEJ,aAAF,CARoB,CAArB;;AAWA,QAAMK,QAAQ,GAAG,MAAQC,OAAR,IAAqB;AACrC,QAAI;AACH,UAAIC,SAAS,GAAGb,MAAhB;;AACA,UAAKA,MAAM,KAAK,QAAX,IAAuB,IAAIc,IAAJ,CAAUF,OAAV,IAAsB,IAAIE,IAAJ,EAAlD,EAA+D;AAC9DD,QAAAA,SAAS,GAAG,SAAZ;AACA,OAFD,MAEO,IACNb,MAAM,KAAK,SAAX,IACA,IAAIc,IAAJ,CAAUF,OAAV,IAAsB,IAAIE,IAAJ,EAFhB,EAGL;AACDD,QAAAA,SAAS,GAAG,QAAZ;AACA;;AACD,YAAMX,gBAAgB,CAAE,UAAF,EAAcJ,QAAd,EAAwBC,MAAxB,EAAgC;AACrDC,QAAAA,MAAM,EAAEa,SAD6C;AAErDZ,QAAAA,IAAI,EAAEW;AAF+C,OAAhC,CAAtB;AAIA,KAdD,CAcE,OAAQG,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEG,cAAI,6CAAJ,CAHJ;AAKAb,MAAAA,iBAAiB,CAAEY,YAAF,EAAgB;AAChCG,QAAAA,IAAI,EAAE;AAD0B,OAAhB,CAAjB;AAGA;AACD,GAzBD;;AA2BA,QAAMC,WAAW,GAAGnB,IAAI,GAAG,yBAAeA,IAAf,CAAH,GAA2B,cAAI,aAAJ,CAAnD;AAEA,SACC,4BAAC,gCAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACC,4BAAC,8BAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,cAAI,SAAJ,CADH,CADD,EAIC,4BAAC,oBAAD;AACC,IAAA,gBAAgB,EAAC,kCADlB;AAEC,IAAA,YAAY,EAAGO,YAFhB;AAGC,IAAA,YAAY,MAHb;AAIC,IAAA,GAAG,EAAGD,gBAJP;AAKC,IAAA,YAAY,EAAG,CAAE;AAAEc,MAAAA;AAAF,KAAF,KACd,4BAAC,kBAAD;AACC,MAAA,SAAS,EAAC,kCADX;AAEC,MAAA,OAAO,EAAC,UAFT;AAGC,MAAA,OAAO,EAAGA;AAHX,OAKGD,WALH,CANF;AAcC,IAAA,aAAa,EAAG,CAAE;AAAEE,MAAAA;AAAF,KAAF,KACf,4BAAC,gDAAD;AACC,MAAA,WAAW,EAAGrB,IADf;AAEC,MAAA,QAAQ,MAFT;AAGC,MAAA,OAAO,EAAGqB,OAHX;AAIC,MAAA,QAAQ,EAAGX;AAJZ;AAfF,IAJD,CADD;AA8BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalPublishDateTimePicker as PublishDateTimePicker } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\n\nexport default function ChangeStatus( { postType, postId, status, date } ) {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\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() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change publish date' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveDate = async ( newDate ) => {\n\t\ttry {\n\t\t\tlet newStatus = status;\n\t\t\tif ( status === 'future' && new Date( newDate ) < new Date() ) {\n\t\t\t\tnewStatus = 'publish';\n\t\t\t} else if (\n\t\t\t\tstatus === 'publish' &&\n\t\t\t\tnew Date( newDate ) > new Date()\n\t\t\t) {\n\t\t\t\tnewStatus = 'future';\n\t\t\t}\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst relateToNow = date ? humanTimeDiff( date ) : __( 'Immediately' );\n\n\treturn (\n\t\t<HStack className=\"edit-site-summary-field\">\n\t\t\t<Text className=\"edit-site-summary-field__label\">\n\t\t\t\t{ __( 'Publish' ) }\n\t\t\t</Text>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ relateToNow }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<PublishDateTimePicker\n\t\t\t\t\t\tcurrentDate={ date }\n\t\t\t\t\t\tis12Hour\n\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\tonChange={ saveDate }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</HStack>\n\t);\n}\n"]}

package/build/components/sidebar-edit-mode/plugin-sidebar/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = PluginSidebarEditSite;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _interface = require("@wordpress/interface");
 
 var _data = require("@wordpress/data");
@@ -95,11 +91,12 @@ function PluginSidebarEditSite({
   ...props
 }) {
   const showIconLabels = (0, _data.useSelect)(select => select(_store.store).getSettings().showIconLabels, []);
-  return (0, _element.createElement)(_interface.ComplementaryArea, (0, _extends2.default)({
+  return (0, _element.createElement)(_interface.ComplementaryArea, {
     panelClassName: className,
     className: "edit-site-sidebar-edit-mode",
     scope: "core/edit-site",
-    showIconLabels: showIconLabels
-  }, props));
+    showIconLabels: showIconLabels,
+    ...props
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-edit-mode/plugin-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/plugin-sidebar/index.js"],"names":["PluginSidebarEditSite","className","props","showIconLabels","select","editSiteStore","getSettings"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,qBAAT,CAAgC;AAAEC,EAAAA,SAAF;AAAa,KAAGC;AAAhB,CAAhC,EAA0D;AACxE,QAAMC,cAAc,GAAG,qBACpBC,MAAF,IAAcA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,WAAxB,GAAsCH,cAD9B,EAEtB,EAFsB,CAAvB;AAKA,SACC,4BAAC,4BAAD;AACC,IAAA,cAAc,EAAGF,SADlB;AAEC,IAAA,SAAS,EAAC,6BAFX;AAGC,IAAA,KAAK,EAAC,gBAHP;AAIC,IAAA,cAAc,EAAGE;AAJlB,KAKMD,KALN,EADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryArea } from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\n/**\n * Renders a sidebar when activated. The contents within the `PluginSidebar` will appear as content within the sidebar.\n * It also automatically renders a corresponding `PluginSidebarMenuItem` component when `isPinnable` flag is set to `true`.\n * If you wish to display the sidebar, you can with use the `PluginSidebarMoreMenuItem` component or the `wp.data.dispatch` API:\n *\n * ```js\n * wp.data.dispatch( 'core/edit-site' ).openGeneralSidebar( 'plugin-name/sidebar-name' );\n * ```\n *\n * @see PluginSidebarMoreMenuItem\n *\n * @param {Object}                props                                 Element props.\n * @param {string}                props.name                            A string identifying the sidebar. Must be unique for every sidebar registered within the scope of your plugin.\n * @param {string}                [props.className]                     An optional class name added to the sidebar body.\n * @param {string}                props.title                           Title displayed at the top of the sidebar.\n * @param {boolean}               [props.isPinnable=true]               Whether to allow to pin sidebar to the toolbar. When set to `true` it also automatically renders a corresponding menu item.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var el = wp.element.createElement;\n * var PanelBody = wp.components.PanelBody;\n * var PluginSidebar = wp.editSite.PluginSidebar;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MyPluginSidebar() {\n * \treturn el(\n * \t\t\tPluginSidebar,\n * \t\t\t{\n * \t\t\t\tname: 'my-sidebar',\n * \t\t\t\ttitle: 'My sidebar title',\n * \t\t\t\ticon: moreIcon,\n * \t\t\t},\n * \t\t\tel(\n * \t\t\t\tPanelBody,\n * \t\t\t\t{},\n * \t\t\t\t__( 'My sidebar content' )\n * \t\t\t)\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PanelBody } from '@wordpress/components';\n * import { PluginSidebar } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MyPluginSidebar = () => (\n * \t<PluginSidebar\n * \t\tname=\"my-sidebar\"\n * \t\ttitle=\"My sidebar title\"\n * \t\ticon={ more }\n * \t>\n * \t\t<PanelBody>\n * \t\t\t{ __( 'My sidebar content' ) }\n * \t\t</PanelBody>\n * \t</PluginSidebar>\n * );\n * ```\n */\nexport default function PluginSidebarEditSite( { className, ...props } ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings().showIconLabels,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tpanelClassName={ className }\n\t\t\tclassName=\"edit-site-sidebar-edit-mode\"\n\t\t\tscope=\"core/edit-site\"\n\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/plugin-sidebar/index.js"],"names":["PluginSidebarEditSite","className","props","showIconLabels","select","editSiteStore","getSettings"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,qBAAT,CAAgC;AAAEC,EAAAA,SAAF;AAAa,KAAGC;AAAhB,CAAhC,EAA0D;AACxE,QAAMC,cAAc,GAAG,qBACpBC,MAAF,IAAcA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,WAAxB,GAAsCH,cAD9B,EAEtB,EAFsB,CAAvB;AAKA,SACC,4BAAC,4BAAD;AACC,IAAA,cAAc,EAAGF,SADlB;AAEC,IAAA,SAAS,EAAC,6BAFX;AAGC,IAAA,KAAK,EAAC,gBAHP;AAIC,IAAA,cAAc,EAAGE,cAJlB;AAAA,OAKMD;AALN,IADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryArea } from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\n/**\n * Renders a sidebar when activated. The contents within the `PluginSidebar` will appear as content within the sidebar.\n * It also automatically renders a corresponding `PluginSidebarMenuItem` component when `isPinnable` flag is set to `true`.\n * If you wish to display the sidebar, you can with use the `PluginSidebarMoreMenuItem` component or the `wp.data.dispatch` API:\n *\n * ```js\n * wp.data.dispatch( 'core/edit-site' ).openGeneralSidebar( 'plugin-name/sidebar-name' );\n * ```\n *\n * @see PluginSidebarMoreMenuItem\n *\n * @param {Object}                props                                 Element props.\n * @param {string}                props.name                            A string identifying the sidebar. Must be unique for every sidebar registered within the scope of your plugin.\n * @param {string}                [props.className]                     An optional class name added to the sidebar body.\n * @param {string}                props.title                           Title displayed at the top of the sidebar.\n * @param {boolean}               [props.isPinnable=true]               Whether to allow to pin sidebar to the toolbar. When set to `true` it also automatically renders a corresponding menu item.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var el = wp.element.createElement;\n * var PanelBody = wp.components.PanelBody;\n * var PluginSidebar = wp.editSite.PluginSidebar;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MyPluginSidebar() {\n * \treturn el(\n * \t\t\tPluginSidebar,\n * \t\t\t{\n * \t\t\t\tname: 'my-sidebar',\n * \t\t\t\ttitle: 'My sidebar title',\n * \t\t\t\ticon: moreIcon,\n * \t\t\t},\n * \t\t\tel(\n * \t\t\t\tPanelBody,\n * \t\t\t\t{},\n * \t\t\t\t__( 'My sidebar content' )\n * \t\t\t)\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PanelBody } from '@wordpress/components';\n * import { PluginSidebar } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MyPluginSidebar = () => (\n * \t<PluginSidebar\n * \t\tname=\"my-sidebar\"\n * \t\ttitle=\"My sidebar title\"\n * \t\ticon={ more }\n * \t>\n * \t\t<PanelBody>\n * \t\t\t{ __( 'My sidebar content' ) }\n * \t\t</PanelBody>\n * \t</PluginSidebar>\n * );\n * ```\n */\nexport default function PluginSidebarEditSite( { className, ...props } ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings().showIconLabels,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tpanelClassName={ className }\n\t\t\tclassName=\"edit-site-sidebar-edit-mode\"\n\t\t\tscope=\"core/edit-site\"\n\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"]}