@wordpress/edit-site 5.11.0 → 5.12.1

package/build/components/sidebar-navigation-screen-page/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"names":["SidebarNavigationScreenPage","setCanvasMode","editSiteStore","params","postId","record","title","rendered","pencil","link","description"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAWA;AACA;AACA;AAMe,SAASA,2BAAT,GAAuC;AAAA;;AACrD,QAAM;AAAEC,IAAAA;AAAF,MAAoB,yBAAQ,uBAAaC,YAAb,CAAR,CAA1B;AACA,QAAM;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF;AADH,MAEF,6CAFJ;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAAa,+BAAiB,UAAjB,EAA6B,MAA7B,EAAqCD,MAArC,CAAnB;AAEA,SACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAGC,MAAM,GAAG,kCAAgBA,MAAhB,aAAgBA,MAAhB,wCAAgBA,MAAM,CAAEC,KAAxB,kDAAgB,cAAeC,QAA/B,CAAH,GAA+C,IAD9D;AAEC,IAAA,OAAO,EACN,4BAAC,sBAAD;AACC,MAAA,OAAO,EAAG,MAAMN,aAAa,CAAE,MAAF,CAD9B;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,IAAI,EAAGO;AAHR,MAHF;AASC,IAAA,WAAW,EAAG,cACb,mFADa,CATf;AAYC,IAAA,OAAO,EACN,qDACGH,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEI,IAAR,GACD,4BAAC,wBAAD;AACC,MAAA,SAAS,EAAC,gDADX;AAEC,MAAA,IAAI,EAAGJ,MAAM,CAACI;AAFf,OAIGJ,MAAM,CAACI,IAJV,CADC,GAOE,IARL,EASGJ,MAAM,GACL,kCAAgBA,MAAhB,aAAgBA,MAAhB,8CAAgBA,MAAM,CAAEK,WAAxB,wDAAgB,oBAAqBH,QAArC,CADK,GAEL,IAXJ;AAbF,IADD;AA8BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\tExternalLink,\n} from '@wordpress/components';\nimport { useEntityRecord } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { pencil } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../private-apis';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\n\nexport default function SidebarNavigationScreenPage() {\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst {\n\t\tparams: { postId },\n\t} = useNavigator();\n\tconst { record } = useEntityRecord( 'postType', 'page', postId );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ record ? decodeEntities( record?.title?.rendered ) : null }\n\t\t\tactions={\n\t\t\t\t<SidebarButton\n\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\ticon={ pencil }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tdescription={ __(\n\t\t\t\t'Pages are static and are not listed by date. Pages do not use tags or categories.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ record?.link ? (\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__page-link\"\n\t\t\t\t\t\t\thref={ record.link }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ record.link }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t) : null }\n\t\t\t\t\t{ record\n\t\t\t\t\t\t? decodeEntities( record?.description?.rendered )\n\t\t\t\t\t\t: null }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"names":["SidebarNavigationScreenPage","navigator","setCanvasMode","editSiteStore","params","postId","record","featuredMediaAltText","featuredMediaSourceUrl","select","getEntityRecord","coreStore","attachedMedia","featured_media","media_details","sizes","medium","source_url","alt_text","description","raw","featureImageAltText","title","rendered","as","SidebarButton","goTo","pencil","link","excerpt","modified"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AA3BA;AACA;AACA;;AAgBA;AACA;AACA;AASe,SAASA,2BAAT,GAAuC;AACrD,QAAMC,SAAS,GAAG,6CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,wBAAQ,uBAAaC,YAAb,CAAR,CAA1B;AACA,QAAM;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF;AADH,MAEF,6CAFJ;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAAa,+BAAiB,UAAjB,EAA6B,MAA7B,EAAqCD,MAArC,CAAnB;AAEA,QAAM;AAAEE,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAmD,qBACtDC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAsBD,MAAM,CAAEE,eAAF,CAAlC,CADa,CAEb;;AACA,UAAMC,aAAa,GAAGN,MAAM,EAAEO,cAAR,GACnBH,eAAe,CACf,UADe,EAEf,YAFe,EAGfJ,MAAM,EAAEO,cAHO,CADI,GAMnB,IANH;AAQA,WAAO;AACNL,MAAAA,sBAAsB,EACrBI,aAAa,EAAEE,aAAf,CAA6BC,KAA7B,EAAoCC,MAApC,EAA4CC,UAA5C,IACAL,aAAa,EAAEK,UAHV;AAINV,MAAAA,oBAAoB,EAAE,iCACrBK,aAAa,EAAEM,QAAf,IACCN,aAAa,EAAEO,WAAf,EAA4BC,GAD7B,IAEC,EAHoB;AAJhB,KAAP;AAUA,GAtBuD,EAuBxD,CAAEd,MAAF,CAvBwD,CAAzD;AA0BA,QAAMe,mBAAmB,GAAGd,oBAAoB,GAC7C,kCAAgBA,oBAAhB,CAD6C,GAE7C,kCAAgBD,MAAM,EAAEgB,KAAR,EAAeC,QAAf,IAA2B,cAAI,gBAAJ,CAA3C,CAFH;AAIA,SAAOjB,MAAM,GACZ,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,kCACPA,MAAM,EAAEgB,KAAR,EAAeC,QAAf,IAA2B,cAAI,YAAJ,CADpB,CADT;AAIC,IAAA,OAAO,EACN,qDACC,4BAAC,oBAAD;AACC,MAAA,MAAM,EAAGlB,MADV;AAEC,MAAA,WAAW,EAAG;AAAEmB,QAAAA,EAAE,EAAEC;AAAN,OAFf;AAGC,MAAA,QAAQ,EAAG,MAAM;AAChBxB,QAAAA,SAAS,CAACyB,IAAV,CAAgB,OAAhB;AACA;AALF,MADD,EAQC,4BAAC,sBAAD;AACC,MAAA,OAAO,EAAG,MAAMxB,aAAa,CAAE,MAAF,CAD9B;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,IAAI,EAAGyB;AAHR,MARD,CALF;AAoBC,IAAA,IAAI,EACH,4BAAC,wBAAD;AACC,MAAA,SAAS,EAAC,gDADX;AAEC,MAAA,IAAI,EAAGrB,MAAM,CAACsB;AAFf,OAIG,8BACD,iCAAwBtB,MAAM,CAACsB,IAA/B,CADC,CAJH,CArBF;AA8BC,IAAA,OAAO,EACN,qDACG,CAAC,CAAEpB,sBAAH,IACD,4BAAC,gCAAD;AACC,MAAA,SAAS,EAAC,kEADX;AAEC,MAAA,SAAS,EAAC,MAFX;AAGC,MAAA,OAAO,EAAG;AAHX,OAKC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC;AACC,MAAA,GAAG,EAAGa,mBADP;AAEC,MAAA,GAAG,EAAGb;AAFP,MADD,CALD,CAFF,EAeG,CAAC,CAAEF,MAAM,EAAEuB,OAAR,EAAiBN,QAApB,IACD,4BAAC,kCAAD;AACC,MAAA,SAAS,EAAC,mDADX;AAEC,MAAA,aAAa,EAAG;AAFjB,OAIG,8BAAWjB,MAAM,CAACuB,OAAP,CAAeN,QAA1B,CAJH,CAhBF,EAuBC,4BAAC,oBAAD;AAAa,MAAA,EAAE,EAAGlB;AAAlB,MAvBD,CA/BF;AAyDC,IAAA,MAAM,EACL,4BAAC,6CAAD;AACC,MAAA,oBAAoB,EAAGC,MAAM,EAAEwB;AADhC;AA1DF,IADY,GAgET,IAhEJ;AAiEA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { pencil } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { escapeAttribute } from '@wordpress/escape-html';\nimport { safeDecodeURIComponent, filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport PageDetails from './page-details';\nimport PageActions from '../page-actions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nexport default function SidebarNavigationScreenPage() {\n\tconst navigator = useNavigator();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst {\n\t\tparams: { postId },\n\t} = useNavigator();\n\tconst { record } = useEntityRecord( 'postType', 'page', postId );\n\n\tconst { featuredMediaAltText, featuredMediaSourceUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\t// Featured image.\n\t\t\tconst attachedMedia = record?.featured_media\n\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\trecord?.featured_media\n\t\t\t\t  )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tfeaturedMediaSourceUrl:\n\t\t\t\t\tattachedMedia?.media_details.sizes?.medium?.source_url ||\n\t\t\t\t\tattachedMedia?.source_url,\n\t\t\t\tfeaturedMediaAltText: escapeAttribute(\n\t\t\t\t\tattachedMedia?.alt_text ||\n\t\t\t\t\t\tattachedMedia?.description?.raw ||\n\t\t\t\t\t\t''\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ record ]\n\t);\n\n\tconst featureImageAltText = featuredMediaAltText\n\t\t? decodeEntities( featuredMediaAltText )\n\t\t: decodeEntities( record?.title?.rendered || __( 'Featured image' ) );\n\n\treturn record ? (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ decodeEntities(\n\t\t\t\trecord?.title?.rendered || __( '(no title)' )\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<PageActions\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\ttoggleProps={ { as: SidebarButton } }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tnavigator.goTo( '/page' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\t\ticon={ pencil }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tmeta={\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__page-link\"\n\t\t\t\t\thref={ record.link }\n\t\t\t\t>\n\t\t\t\t\t{ filterURLForDisplay(\n\t\t\t\t\t\tsafeDecodeURIComponent( record.link )\n\t\t\t\t\t) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ !! featuredMediaSourceUrl && (\n\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__featured-image-wrapper\"\n\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen-page__featured-image has-image\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ featureImageAltText }\n\t\t\t\t\t\t\t\t\tsrc={ featuredMediaSourceUrl }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! record?.excerpt?.rendered && (\n\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-page__excerpt\"\n\t\t\t\t\t\t\tnumberOfLines={ 3 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ stripHTML( record.excerpt.rendered ) }\n\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t) }\n\t\t\t\t\t<PageDetails id={ postId } />\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\tlastModifiedDateTime={ record?.modified }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t) : null;\n}\n"]}

package/build/components/sidebar-navigation-screen-page/page-details.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageDetails;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _wordcount = require("@wordpress/wordcount");
+
+var _data = require("@wordpress/data");
+
+var _htmlEntities = require("@wordpress/html-entities");
+
+var _coreData = require("@wordpress/core-data");
+
+var _url = require("@wordpress/url");
+
+var _statusLabel = _interopRequireDefault(require("./status-label"));
+
+var _lockUnlock = require("../../lock-unlock");
+
+var _store = require("../../store");
+
+var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+// Taken from packages/editor/src/components/time-to-read/index.js.
+const AVERAGE_READING_RATE = 189;
+
+function getPageDetails(page) {
+  if (!page) {
+    return [];
+  }
+
+  const details = [{
+    label: (0, _i18n.__)('Status'),
+    value: (0, _element.createElement)(_statusLabel.default, {
+      status: page?.password ? 'protected' : page.status,
+      date: page?.date,
+      short: true
+    })
+  }, {
+    label: (0, _i18n.__)('Slug'),
+    value: (0, _element.createElement)(_components.__experimentalTruncate, {
+      numberOfLines: 1
+    }, (0, _url.safeDecodeURIComponent)(page.slug))
+  }];
+
+  if (page?.templateTitle) {
+    details.push({
+      label: (0, _i18n.__)('Template'),
+      value: (0, _htmlEntities.decodeEntities)(page.templateTitle)
+    });
+  }
+
+  if (page?.parentTitle) {
+    details.push({
+      label: (0, _i18n.__)('Parent'),
+      value: (0, _htmlEntities.decodeEntities)(page.parentTitle || (0, _i18n.__)('(no title)'))
+    });
+  }
+  /*
+   * translators: If your word count is based on single characters (e.g. East Asian characters),
+   * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
+   * Do not translate into your own language.
+   */
+
+
+  const wordCountType = (0, _i18n._x)('words', 'Word count type. Do not translate!');
+  const wordsCounted = page?.content?.rendered ? (0, _wordcount.count)(page.content.rendered, wordCountType) : 0;
+  const readingTime = Math.round(wordsCounted / AVERAGE_READING_RATE);
+
+  if (wordsCounted) {
+    details.push({
+      label: (0, _i18n.__)('Words'),
+      value: wordsCounted.toLocaleString() || (0, _i18n.__)('Unknown')
+    }, {
+      label: (0, _i18n.__)('Time to read'),
+      value: readingTime > 1 ? (0, _i18n.sprintf)(
+      /* translators: %s: is the number of minutes. */
+      (0, _i18n.__)('%s mins'), readingTime.toLocaleString()) : (0, _i18n.__)('< 1 min')
+    });
+  }
+
+  return details;
+}
+
+function PageDetails({
+  id
+}) {
+  const {
+    record
+  } = (0, _coreData.useEntityRecord)('postType', 'page', id);
+  const {
+    parentTitle,
+    templateTitle
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostContext
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    const postContext = getEditedPostContext();
+    const templates = select(_coreData.store).getEntityRecords('postType', 'wp_template', {
+      per_page: -1
+    }); // Template title.
+
+    const templateSlug = // Checks that the post type matches the current theme's post type, otherwise
+    // the templateSlug returns 'home'.
+    postContext?.postType === 'page' ? postContext?.templateSlug : null;
+
+    const _templateTitle = templates && templateSlug ? templates.find(template => template.slug === templateSlug)?.title?.rendered : null; // Parent page title.
+
+
+    const _parentTitle = record?.parent ? select(_coreData.store).getEntityRecord('postType', 'page', record.parent, {
+      _fields: ['title']
+    })?.title?.rendered : null;
+
+    return {
+      parentTitle: _parentTitle,
+      templateTitle: _templateTitle
+    };
+  }, [record?.parent]);
+  return (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanel, {
+    spacing: 5,
+    title: (0, _i18n.__)('Details')
+  }, getPageDetails({
+    parentTitle,
+    templateTitle,
+    ...record
+  }).map(({
+    label,
+    value
+  }) => (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+    key: label
+  }, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelLabel, null, label), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelValue, null, value))));
+}
+//# sourceMappingURL=page-details.js.map

package/build/components/sidebar-navigation-screen-page/page-details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/page-details.js"],"names":["AVERAGE_READING_RATE","getPageDetails","page","details","label","value","password","status","date","slug","templateTitle","push","parentTitle","wordCountType","wordsCounted","content","rendered","readingTime","Math","round","toLocaleString","PageDetails","id","record","select","getEditedPostContext","editSiteStore","postContext","templates","coreStore","getEntityRecords","per_page","templateSlug","postType","_templateTitle","find","template","title","_parentTitle","parent","getEntityRecord","_fields","map"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore, useEntityRecord } from '@wordpress/core-data';\nimport { safeDecodeURIComponent } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from './status-label';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\n// Taken from packages/editor/src/components/time-to-read/index.js.\nconst AVERAGE_READING_RATE = 189;\n\nfunction getPageDetails( page ) {\n\tif ( ! page ) {\n\t\treturn [];\n\t}\n\n\tconst details = [\n\t\t{\n\t\t\tlabel: __( 'Status' ),\n\t\t\tvalue: (\n\t\t\t\t<StatusLabel\n\t\t\t\t\tstatus={ page?.password ? 'protected' : page.status }\n\t\t\t\t\tdate={ page?.date }\n\t\t\t\t\tshort\n\t\t\t\t/>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Slug' ),\n\t\t\tvalue: (\n\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t{ safeDecodeURIComponent( page.slug ) }\n\t\t\t\t</Truncate>\n\t\t\t),\n\t\t},\n\t];\n\n\tif ( page?.templateTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Template' ),\n\t\t\tvalue: decodeEntities( page.templateTitle ),\n\t\t} );\n\t}\n\n\tif ( page?.parentTitle ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Parent' ),\n\t\t\tvalue: decodeEntities( page.parentTitle || __( '(no title)' ) ),\n\t\t} );\n\t}\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst wordsCounted = page?.content?.rendered\n\t\t? wordCount( page.content.rendered, wordCountType )\n\t\t: 0;\n\tconst readingTime = Math.round( wordsCounted / AVERAGE_READING_RATE );\n\n\tif ( wordsCounted ) {\n\t\tdetails.push(\n\t\t\t{\n\t\t\t\tlabel: __( 'Words' ),\n\t\t\t\tvalue: wordsCounted.toLocaleString() || __( 'Unknown' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Time to read' ),\n\t\t\t\tvalue:\n\t\t\t\t\treadingTime > 1\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: is the number of minutes. */\n\t\t\t\t\t\t\t\t__( '%s mins' ),\n\t\t\t\t\t\t\t\treadingTime.toLocaleString()\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( '< 1 min' ),\n\t\t\t}\n\t\t);\n\t}\n\treturn details;\n}\n\nexport default function PageDetails( { id } ) {\n\tconst { record } = useEntityRecord( 'postType', 'page', id );\n\tconst { parentTitle, templateTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = unlock( select( editSiteStore ) );\n\t\t\tconst postContext = getEditedPostContext();\n\t\t\tconst templates = select( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template',\n\t\t\t\t{ per_page: -1 }\n\t\t\t);\n\t\t\t// Template title.\n\t\t\tconst templateSlug =\n\t\t\t\t// Checks that the post type matches the current theme's post type, otherwise\n\t\t\t\t// the templateSlug returns 'home'.\n\t\t\t\tpostContext?.postType === 'page'\n\t\t\t\t\t? postContext?.templateSlug\n\t\t\t\t\t: null;\n\t\t\tconst _templateTitle =\n\t\t\t\ttemplates && templateSlug\n\t\t\t\t\t? templates.find(\n\t\t\t\t\t\t\t( template ) => template.slug === templateSlug\n\t\t\t\t\t  )?.title?.rendered\n\t\t\t\t\t: null;\n\n\t\t\t// Parent page title.\n\t\t\tconst _parentTitle = record?.parent\n\t\t\t\t? select( coreStore ).getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'page',\n\t\t\t\t\t\trecord.parent,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t_fields: [ 'title' ],\n\t\t\t\t\t\t}\n\t\t\t\t  )?.title?.rendered\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tparentTitle: _parentTitle,\n\t\t\t\ttemplateTitle: _templateTitle,\n\t\t\t};\n\t\t},\n\t\t[ record?.parent ]\n\t);\n\treturn (\n\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\tspacing={ 5 }\n\t\t\ttitle={ __( 'Details' ) }\n\t\t>\n\t\t\t{ getPageDetails( {\n\t\t\t\tparentTitle,\n\t\t\t\ttemplateTitle,\n\t\t\t\t...record,\n\t\t\t} ).map( ( { label, value } ) => (\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow key={ label }>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ value }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t) ) }\n\t\t</SidebarNavigationScreenDetailsPanel>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-page/status-label.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StatusLabel;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _i18n = require("@wordpress/i18n");
+
+var _date = require("@wordpress/date");
+
+var _primitives = require("@wordpress/primitives");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+const publishedIcon = (0, _element.createElement)(_primitives.SVG, {
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, (0, _element.createElement)(_primitives.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-1.067-5.6 4.2-5.667.8.6-4.8 6.467-3-2.267.6-.8 2.2 1.667Z"
+}));
+const draftIcon = (0, _element.createElement)(_primitives.SVG, {
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, (0, _element.createElement)(_primitives.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a4 4 0 0 0 0-8v8Z"
+}));
+const pendingIcon = (0, _element.createElement)(_primitives.SVG, {
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, (0, _element.createElement)(_primitives.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"
+}));
+
+function StatusLabel({
+  status,
+  date,
+  short
+}) {
+  const relateToNow = (0, _date.humanTimeDiff)(date);
+  let statusLabel = '';
+  let statusIcon = pendingIcon;
+
+  switch (status) {
+    case 'publish':
+      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
+      /* translators: %s: is the relative time when the post was published. */
+      (0, _i18n.__)('Published <time>%s</time>'), relateToNow), {
+        time: (0, _element.createElement)("time", {
+          dateTime: date
+        })
+      }) : (0, _i18n.__)('Published');
+      statusIcon = publishedIcon;
+      break;
+
+    case 'future':
+      const formattedDate = (0, _date.dateI18n)(short ? 'M j' : 'F j', (0, _date.getDate)(date));
+      statusLabel = date ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
+      /* translators: %s: is the formatted date and time on which the post is scheduled to be published. */
+      (0, _i18n.__)('Scheduled: <time>%s</time>'), formattedDate), {
+        time: (0, _element.createElement)("time", {
+          dateTime: date
+        })
+      }) : (0, _i18n.__)('Scheduled');
+      break;
+
+    case 'draft':
+      statusLabel = (0, _i18n.__)('Draft');
+      statusIcon = draftIcon;
+      break;
+
+    case 'pending':
+      statusLabel = (0, _i18n.__)('Pending');
+      break;
+
+    case 'private':
+      statusLabel = (0, _i18n.__)('Private');
+      break;
+
+    case 'protected':
+      statusLabel = (0, _i18n.__)('Password protected');
+      break;
+  }
+
+  return (0, _element.createElement)("div", {
+    className: (0, _classnames.default)('edit-site-sidebar-navigation-screen-page__status', {
+      [`has-status has-${status}-status`]: !!status
+    })
+  }, statusIcon, " ", statusLabel);
+}
+//# sourceMappingURL=status-label.js.map

package/build/components/sidebar-navigation-screen-page/status-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/status-label.js"],"names":["publishedIcon","draftIcon","pendingIcon","StatusLabel","status","date","short","relateToNow","statusLabel","statusIcon","time","formattedDate"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AAEA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,aAAa,GAClB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,SAAS,GACd,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;AAUA,MAAMC,WAAW,GAChB,4BAAC,eAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC,4BAAvB;AAAoD,EAAA,OAAO,EAAC;AAA5D,GACC,4BAAC,gBAAD;AACC,EAAA,QAAQ,EAAC,SADV;AAEC,EAAA,QAAQ,EAAC,SAFV;AAGC,EAAA,CAAC,EAAC;AAHH,EADD,CADD;;AAUe,SAASC,WAAT,CAAsB;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,IAAV;AAAgBC,EAAAA;AAAhB,CAAtB,EAAgD;AAC9D,QAAMC,WAAW,GAAG,yBAAeF,IAAf,CAApB;AACA,MAAIG,WAAW,GAAG,EAAlB;AACA,MAAIC,UAAU,GAAGP,WAAjB;;AACA,UAASE,MAAT;AACC,SAAK,SAAL;AACCI,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,2BAAJ,CAFD,EAGCE,WAHD,CADA,EAMA;AAAEG,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGL;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUAI,MAAAA,UAAU,GAAGT,aAAb;AACA;;AACD,SAAK,QAAL;AACC,YAAMW,aAAa,GAAG,oBACrBL,KAAK,GAAG,KAAH,GAAW,KADK,EAErB,mBAASD,IAAT,CAFqB,CAAtB;AAIAG,MAAAA,WAAW,GAAGH,IAAI,GACf,uCACA;AACC;AACA,oBAAI,4BAAJ,CAFD,EAGCM,aAHD,CADA,EAMA;AAAED,QAAAA,IAAI,EAAE;AAAM,UAAA,QAAQ,EAAGL;AAAjB;AAAR,OANA,CADe,GASf,cAAI,WAAJ,CATH;AAUA;;AACD,SAAK,OAAL;AACCG,MAAAA,WAAW,GAAG,cAAI,OAAJ,CAAd;AACAC,MAAAA,UAAU,GAAGR,SAAb;AACA;;AACD,SAAK,SAAL;AACCO,MAAAA,WAAW,GAAG,cAAI,SAAJ,CAAd;AACA;;AACD,SAAK,SAAL;AACCA,MAAAA,WAAW,GAAG,cAAI,SAAJ,CAAd;AACA;;AACD,SAAK,WAAL;AACCA,MAAAA,WAAW,GAAG,cAAI,oBAAJ,CAAd;AACA;AA1CF;;AA6CA,SACC;AACC,IAAA,SAAS,EAAG,yBACX,kDADW,EAEX;AACC,OAAG,kBAAkBJ,MAAQ,SAA7B,GAAyC,CAAC,CAAEA;AAD7C,KAFW;AADb,KAQGK,UARH,OAQkBD,WARlB,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { dateI18n, getDate, humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { Path, SVG } from '@wordpress/primitives';\n\nconst publishedIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-1.067-5.6 4.2-5.667.8.6-4.8 6.467-3-2.267.6-.8 2.2 1.667Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst draftIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a4 4 0 0 0 0-8v8Z\"\n\t\t/>\n\t</SVG>\n);\n\nconst pendingIcon = (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z\"\n\t\t/>\n\t</SVG>\n);\n\nexport default function StatusLabel( { status, date, short } ) {\n\tconst relateToNow = humanTimeDiff( date );\n\tlet statusLabel = '';\n\tlet statusIcon = pendingIcon;\n\tswitch ( status ) {\n\t\tcase 'publish':\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the relative time when the post was published. */\n\t\t\t\t\t\t\t__( 'Published <time>%s</time>' ),\n\t\t\t\t\t\t\trelateToNow\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Published' );\n\t\t\tstatusIcon = publishedIcon;\n\t\t\tbreak;\n\t\tcase 'future':\n\t\t\tconst formattedDate = dateI18n(\n\t\t\t\tshort ? 'M j' : 'F j',\n\t\t\t\tgetDate( date )\n\t\t\t);\n\t\t\tstatusLabel = date\n\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %s: is the formatted date and time on which the post is scheduled to be published. */\n\t\t\t\t\t\t\t__( 'Scheduled: <time>%s</time>' ),\n\t\t\t\t\t\t\tformattedDate\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{ time: <time dateTime={ date } /> }\n\t\t\t\t  )\n\t\t\t\t: __( 'Scheduled' );\n\t\t\tbreak;\n\t\tcase 'draft':\n\t\t\tstatusLabel = __( 'Draft' );\n\t\t\tstatusIcon = draftIcon;\n\t\t\tbreak;\n\t\tcase 'pending':\n\t\t\tstatusLabel = __( 'Pending' );\n\t\t\tbreak;\n\t\tcase 'private':\n\t\t\tstatusLabel = __( 'Private' );\n\t\t\tbreak;\n\t\tcase 'protected':\n\t\t\tstatusLabel = __( 'Password protected' );\n\t\t\tbreak;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-screen-page__status',\n\t\t\t\t{\n\t\t\t\t\t[ `has-status has-${ status }-status` ]: !! status,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t{ statusIcon } { statusLabel }\n\t\t</div>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pages/index.js

@@ -9,8 +9,6 @@ exports.default = SidebarNavigationScreenPages;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
@@ -19,13 +17,23 @@ var _coreData = require("@wordpress/core-data");
 
 var _htmlEntities = require("@wordpress/html-entities");
 
+var _router = require("@wordpress/router");
+
+var _icons = require("@wordpress/icons");
+
+var _data = require("@wordpress/data");
+
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 
 var _link = require("../routes/link");
 
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 
-var _sidebarNavigationSubtitle = _interopRequireDefault(require("../sidebar-navigation-subtitle"));
+var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
+
+var _addNewPage = _interopRequireDefault(require("../add-new-page"));
+
+var _lockUnlock = require("../../lock-unlock");
 
 /**
  * WordPress dependencies
@@ -34,41 +42,145 @@ var _sidebarNavigationSubtitle = _interopRequireDefault(require("../sidebar-navi
 /**
  * Internal dependencies
  */
-const PageItem = _ref => {
-  let {
-    postId,
-    ...props
-  } = _ref;
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+
+const PageItem = ({
+  postType = 'page',
+  postId,
+  ...props
+}) => {
   const linkInfo = (0, _link.useLink)({
-    postType: 'page',
+    postType,
     postId
   });
-  return (0, _element.createElement)(_sidebarNavigationItem.default, (0, _extends2.default)({}, linkInfo, props));
+  return (0, _element.createElement)(_sidebarNavigationItem.default, { ...linkInfo,
+    ...props
+  });
 };
 
 function SidebarNavigationScreenPages() {
   const {
     records: pages,
-    isResolving: isLoading
-  } = (0, _coreData.useEntityRecords)('postType', 'page');
-  return (0, _element.createElement)(_sidebarNavigationScreen.default, {
+    isResolving: isLoadingPages
+  } = (0, _coreData.useEntityRecords)('postType', 'page', {
+    status: 'any',
+    per_page: -1
+  });
+  const {
+    records: templates,
+    isResolving: isLoadingTemplates
+  } = (0, _coreData.useEntityRecords)('postType', 'wp_template', {
+    per_page: -1
+  });
+  const dynamicPageTemplates = templates?.filter(({
+    slug
+  }) => ['404', 'search'].includes(slug));
+  const homeTemplate = templates?.find(template => template.slug === 'front-page') || templates?.find(template => template.slug === 'home') || templates?.find(template => template.slug === 'index');
+  const pagesAndTemplates = pages?.concat(dynamicPageTemplates, [homeTemplate]);
+  const {
+    frontPage,
+    postsPage
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEntityRecord('root', 'site');
+    return {
+      frontPage: siteSettings?.page_on_front,
+      postsPage: siteSettings?.page_for_posts
+    };
+  }, []);
+  const isHomePageBlog = frontPage === postsPage;
+  const reorderedPages = pages && [...pages];
+
+  if (!isHomePageBlog && reorderedPages?.length) {
+    const homePageIndex = reorderedPages.findIndex(item => item.id === frontPage);
+    const homePage = reorderedPages.splice(homePageIndex, 1);
+    reorderedPages?.splice(0, 0, ...homePage);
+    const postsPageIndex = reorderedPages.findIndex(item => item.id === postsPage);
+    const blogPage = reorderedPages.splice(postsPageIndex, 1);
+    reorderedPages.splice(1, 0, ...blogPage);
+  }
+
+  const [showAddPage, setShowAddPage] = (0, _element.useState)(false);
+  const history = useHistory();
+
+  const handleNewPage = ({
+    type,
+    id
+  }) => {
+    // Navigate to the created template editor.
+    history.push({
+      postId: id,
+      postType: type,
+      canvas: 'edit'
+    });
+    setShowAddPage(false);
+  };
+
+  return (0, _element.createElement)(_element.Fragment, null, showAddPage && (0, _element.createElement)(_addNewPage.default, {
+    onSave: handleNewPage,
+    onClose: () => setShowAddPage(false)
+  }), (0, _element.createElement)(_sidebarNavigationScreen.default, {
     title: (0, _i18n.__)('Pages'),
     description: (0, _i18n.__)('Browse and edit pages on your site.'),
-    content: (0, _element.createElement)(_element.Fragment, null, isLoading && (0, _element.createElement)(_components.__experimentalItemGroup, null, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('Loading pages'))), !isLoading && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_sidebarNavigationSubtitle.default, null, (0, _i18n.__)('Recent')), (0, _element.createElement)(_components.__experimentalItemGroup, null, !(pages !== null && pages !== void 0 && pages.length) && (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No page found')), pages === null || pages === void 0 ? void 0 : pages.map(page => {
-      var _decodeEntities, _page$title;
+    actions: (0, _element.createElement)(_sidebarButton.default, {
+      icon: _icons.plus,
+      label: (0, _i18n.__)('Draft a new page'),
+      onClick: () => setShowAddPage(true)
+    }),
+    content: (0, _element.createElement)(_element.Fragment, null, (isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('Loading pages'))), !(isLoadingPages || isLoadingTemplates) && (0, _element.createElement)(_components.__experimentalItemGroup, null, !pagesAndTemplates?.length && (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No page found')), isHomePageBlog && homeTemplate && (0, _element.createElement)(PageItem, {
+      postType: "wp_template",
+      postId: homeTemplate.id,
+      key: homeTemplate.id,
+      icon: _icons.home,
+      withChevron: true
+    }, (0, _element.createElement)(_components.__experimentalTruncate, {
+      numberOfLines: 1
+    }, (0, _htmlEntities.decodeEntities)(homeTemplate.title?.rendered || (0, _i18n.__)('(no title)')))), reorderedPages?.map(item => {
+      let itemIcon;
+
+      switch (item.id) {
+        case frontPage:
+          itemIcon = _icons.home;
+          break;
+
+        case postsPage:
+          itemIcon = _icons.loop;
+          break;
+
+        default:
+          itemIcon = _icons.page;
+      }
 
       return (0, _element.createElement)(PageItem, {
-        postId: page.id,
-        key: page.id,
+        postId: item.id,
+        key: item.id,
+        icon: itemIcon,
         withChevron: true
-      }, (_decodeEntities = (0, _htmlEntities.decodeEntities)((_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered)) !== null && _decodeEntities !== void 0 ? _decodeEntities : (0, _i18n.__)('(no title)'));
-    }), (0, _element.createElement)(_sidebarNavigationItem.default, {
+      }, (0, _element.createElement)(_components.__experimentalTruncate, {
+        numberOfLines: 1
+      }, (0, _htmlEntities.decodeEntities)(item?.title?.rendered || (0, _i18n.__)('(no title)'))));
+    }))),
+    footer: (0, _element.createElement)(_components.__experimentalVStack, {
+      spacing: 0
+    }, dynamicPageTemplates?.map(item => (0, _element.createElement)(PageItem, {
+      postType: "wp_template",
+      postId: item.id,
+      key: item.id,
+      icon: _icons.layout,
+      withChevron: true
+    }, (0, _element.createElement)(_components.__experimentalTruncate, {
+      numberOfLines: 1
+    }, (0, _htmlEntities.decodeEntities)(item.title?.rendered || (0, _i18n.__)('(no title)'))))), (0, _element.createElement)(_sidebarNavigationItem.default, {
       className: "edit-site-sidebar-navigation-screen-pages__see-all",
       href: "edit.php?post_type=page",
       onClick: () => {
         document.location = 'edit.php?post_type=page';
       }
-    }, (0, _i18n.__)('Manage all pages')))))
-  });
+    }, (0, _i18n.__)('Manage all pages')))
+  }));
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-navigation-screen-pages/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages/index.js"],"names":["PageItem","postId","props","linkInfo","postType","SidebarNavigationScreenPages","records","pages","isResolving","isLoading","length","map","page","id","title","rendered","document","location"],"mappings":";;;;;;;;;;;;;AAGA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AASA;AACA;AACA;AAMA,MAAMA,QAAQ,GAAG,QAA4B;AAAA,MAA1B;AAAEC,IAAAA,MAAF;AAAU,OAAGC;AAAb,GAA0B;AAC5C,QAAMC,QAAQ,GAAG,mBAAS;AACzBC,IAAAA,QAAQ,EAAE,MADe;AAEzBH,IAAAA;AAFyB,GAAT,CAAjB;AAIA,SAAO,4BAAC,8BAAD,6BAA4BE,QAA5B,EAA4CD,KAA5C,EAAP;AACA,CAND;;AAQe,SAASG,4BAAT,GAAwC;AACtD,QAAM;AAAEC,IAAAA,OAAO,EAAEC,KAAX;AAAkBC,IAAAA,WAAW,EAAEC;AAA/B,MAA6C,gCAClD,UADkD,EAElD,MAFkD,CAAnD;AAKA,SACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,cAAI,OAAJ,CADT;AAEC,IAAA,WAAW,EAAG,cAAI,qCAAJ,CAFf;AAGC,IAAA,OAAO,EACN,qDACGA,SAAS,IACV,4BAAC,mCAAD,QACC,4BAAC,8BAAD,QAAQ,cAAI,eAAJ,CAAR,CADD,CAFF,EAMG,CAAEA,SAAF,IACD,qDACC,4BAAC,kCAAD,QACG,cAAI,QAAJ,CADH,CADD,EAIC,4BAAC,mCAAD,QACG,EAAEF,KAAF,aAAEA,KAAF,eAAEA,KAAK,CAAEG,MAAT,KACD,4BAAC,8BAAD,QAAQ,cAAI,eAAJ,CAAR,CAFF,EAIGH,KAJH,aAIGA,KAJH,uBAIGA,KAAK,CAAEI,GAAP,CAAcC,IAAF;AAAA;;AAAA,aACb,4BAAC,QAAD;AACC,QAAA,MAAM,EAAGA,IAAI,CAACC,EADf;AAEC,QAAA,GAAG,EAAGD,IAAI,CAACC,EAFZ;AAGC,QAAA,WAAW;AAHZ,4BAKG,iDACDD,IAAI,CAACE,KADJ,gDACD,YAAYC,QADX,CALH,6DAOM,cAAI,YAAJ,CAPN,CADa;AAAA,KAAZ,CAJH,EAeC,4BAAC,8BAAD;AACC,MAAA,SAAS,EAAC,oDADX;AAEC,MAAA,IAAI,EAAC,yBAFN;AAGC,MAAA,OAAO,EAAG,MAAM;AACfC,QAAAA,QAAQ,CAACC,QAAT,GACC,yBADD;AAEA;AANF,OAQG,cAAI,kBAAJ,CARH,CAfD,CAJD,CAPF;AAJF,IADD;AAgDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarNavigationSubtitle from '../sidebar-navigation-subtitle';\n\nconst PageItem = ( { postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType: 'page',\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPages() {\n\tconst { records: pages, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\t'page'\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tdescription={ __( 'Browse and edit pages on your site.' ) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<Item>{ __( 'Loading pages' ) }</Item>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<SidebarNavigationSubtitle>\n\t\t\t\t\t\t\t\t{ __( 'Recent' ) }\n\t\t\t\t\t\t\t</SidebarNavigationSubtitle>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ ! pages?.length && (\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No page found' ) }</Item>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ pages?.map( ( page ) => (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\tpostId={ page.id }\n\t\t\t\t\t\t\t\t\t\tkey={ page.id }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\tpage.title?.rendered\n\t\t\t\t\t\t\t\t\t\t) ?? __( '(no title)' ) }\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-pages__see-all\"\n\t\t\t\t\t\t\t\t\thref=\"edit.php?post_type=page\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tdocument.location =\n\t\t\t\t\t\t\t\t\t\t\t'edit.php?post_type=page';\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Manage all pages' ) }\n\t\t\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages/index.js"],"names":["useHistory","routerPrivateApis","PageItem","postType","postId","props","linkInfo","SidebarNavigationScreenPages","records","pages","isResolving","isLoadingPages","status","per_page","templates","isLoadingTemplates","dynamicPageTemplates","filter","slug","includes","homeTemplate","find","template","pagesAndTemplates","concat","frontPage","postsPage","select","getEntityRecord","coreStore","siteSettings","page_on_front","page_for_posts","isHomePageBlog","reorderedPages","length","homePageIndex","findIndex","item","id","homePage","splice","postsPageIndex","blogPage","showAddPage","setShowAddPage","history","handleNewPage","type","push","canvas","plus","home","title","rendered","map","itemIcon","loop","page","layout","document","location"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { layout, page, home, loop, plus } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarButton from '../sidebar-button';\nimport AddNewPageModal from '../add-new-page';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst PageItem = ( { postType = 'page', postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPages() {\n\tconst { records: pages, isResolving: isLoadingPages } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\tstatus: 'any',\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst { records: templates, isResolving: isLoadingTemplates } =\n\t\tuseEntityRecords( 'postType', 'wp_template', {\n\t\t\tper_page: -1,\n\t\t} );\n\n\tconst dynamicPageTemplates = templates?.filter( ( { slug } ) =>\n\t\t[ '404', 'search' ].includes( slug )\n\t);\n\n\tconst homeTemplate =\n\t\ttemplates?.find( ( template ) => template.slug === 'front-page' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'home' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'index' );\n\n\tconst pagesAndTemplates = pages?.concat( dynamicPageTemplates, [\n\t\thomeTemplate,\n\t] );\n\n\tconst { frontPage, postsPage } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tfrontPage: siteSettings?.page_on_front,\n\t\t\tpostsPage: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\n\tconst isHomePageBlog = frontPage === postsPage;\n\n\tconst reorderedPages = pages && [ ...pages ];\n\n\tif ( ! isHomePageBlog && reorderedPages?.length ) {\n\t\tconst homePageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === frontPage\n\t\t);\n\t\tconst homePage = reorderedPages.splice( homePageIndex, 1 );\n\t\treorderedPages?.splice( 0, 0, ...homePage );\n\n\t\tconst postsPageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === postsPage\n\t\t);\n\n\t\tconst blogPage = reorderedPages.splice( postsPageIndex, 1 );\n\n\t\treorderedPages.splice( 1, 0, ...blogPage );\n\t}\n\n\tconst [ showAddPage, setShowAddPage ] = useState( false );\n\n\tconst history = useHistory();\n\n\tconst handleNewPage = ( { type, id } ) => {\n\t\t// Navigate to the created template editor.\n\t\thistory.push( {\n\t\t\tpostId: id,\n\t\t\tpostType: type,\n\t\t\tcanvas: 'edit',\n\t\t} );\n\t\tsetShowAddPage( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ showAddPage && (\n\t\t\t\t<AddNewPageModal\n\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\tonClose={ () => setShowAddPage( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\tdescription={ __( 'Browse and edit pages on your site.' ) }\n\t\t\t\tactions={\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ __( 'Draft a new page' ) }\n\t\t\t\t\t\tonClick={ () => setShowAddPage( true ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tcontent={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t<Item>{ __( 'Loading pages' ) }</Item>\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ ! pagesAndTemplates?.length && (\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No page found' ) }</Item>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isHomePageBlog && homeTemplate && (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\tpostType=\"wp_template\"\n\t\t\t\t\t\t\t\t\t\tpostId={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\tkey={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\ticon={ home }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\thomeTemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ reorderedPages?.map( ( item ) => {\n\t\t\t\t\t\t\t\t\tlet itemIcon;\n\t\t\t\t\t\t\t\t\tswitch ( item.id ) {\n\t\t\t\t\t\t\t\t\t\tcase frontPage:\n\t\t\t\t\t\t\t\t\t\t\titemIcon = home;\n\t\t\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t\t\tcase postsPage:\n\t\t\t\t\t\t\t\t\t\t\titemIcon = loop;\n\t\t\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\t\titemIcon = page;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\t\titem?.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\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</Truncate>\n\t\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t{ dynamicPageTemplates?.map( ( item ) => (\n\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\tpostType=\"wp_template\"\n\t\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-pages__see-all\"\n\t\t\t\t\t\t\thref=\"edit.php?post_type=page\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tdocument.location = 'edit.php?post_type=page';\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage all pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</VStack>\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-pattern/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SidebarNavigationScreenPattern;
+
+var _element = require("@wordpress/element");
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _icons = require("@wordpress/icons");
+
+var _components = require("@wordpress/components");
+
+var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
+
+var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
+
+var _useInitEditedEntityFromUrl = _interopRequireDefault(require("../sync-state-with-url/use-init-edited-entity-from-url"));
+
+var _usePatternDetails = _interopRequireDefault(require("./use-pattern-details"));
+
+var _useNavigationMenuContent = _interopRequireDefault(require("./use-navigation-menu-content"));
+
+var _store = require("../../store");
+
+var _lockUnlock = require("../../lock-unlock");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function SidebarNavigationScreenPattern() {
+  const {
+    params
+  } = (0, _components.__experimentalUseNavigator)();
+  const {
+    postType,
+    postId
+  } = params;
+  const {
+    setCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  (0, _useInitEditedEntityFromUrl.default)();
+  const patternDetails = (0, _usePatternDetails.default)(postType, postId);
+  const content = (0, _useNavigationMenuContent.default)(postType, postId);
+  return (0, _element.createElement)(_sidebarNavigationScreen.default, {
+    actions: (0, _element.createElement)(_sidebarButton.default, {
+      onClick: () => setCanvasMode('edit'),
+      label: (0, _i18n.__)('Edit'),
+      icon: _icons.pencil
+    }),
+    backPath: '/library',
+    content: content,
+    ...patternDetails
+  });
+}
+//# sourceMappingURL=index.js.map

package/build/components/sidebar-navigation-screen-pattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/index.js"],"names":["SidebarNavigationScreenPattern","params","postType","postId","setCanvasMode","editSiteStore","patternDetails","content","pencil"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAMA;AACA;AACA;AASe,SAASA,8BAAT,GAA0C;AACxD,QAAM;AAAEC,IAAAA;AAAF,MAAa,6CAAnB;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAAuBF,MAA7B;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAoB,wBAAQ,uBAAaC,YAAb,CAAR,CAA1B;AAEA;AAEA,QAAMC,cAAc,GAAG,gCAAmBJ,QAAnB,EAA6BC,MAA7B,CAAvB;AACA,QAAMI,OAAO,GAAG,uCAA0BL,QAA1B,EAAoCC,MAApC,CAAhB;AAEA,SACC,4BAAC,gCAAD;AACC,IAAA,OAAO,EACN,4BAAC,sBAAD;AACC,MAAA,OAAO,EAAG,MAAMC,aAAa,CAAE,MAAF,CAD9B;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,IAAI,EAAGI;AAHR,MAFF;AAQC,IAAA,QAAQ,EAAG,UARZ;AASC,IAAA,OAAO,EAAGD,OATX;AAAA,OAUMD;AAVN,IADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { pencil } from '@wordpress/icons';\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport usePatternDetails from './use-pattern-details';\nimport useNavigationMenuContent from './use-navigation-menu-content';\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function SidebarNavigationScreenPattern() {\n\tconst { params } = useNavigator();\n\tconst { postType, postId } = params;\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tuseInitEditedEntityFromURL();\n\n\tconst patternDetails = usePatternDetails( postType, postId );\n\tconst content = useNavigationMenuContent( postType, postId );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tactions={\n\t\t\t\t<SidebarButton\n\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\ticon={ pencil }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tbackPath={ '/library' }\n\t\t\tcontent={ content }\n\t\t\t{ ...patternDetails }\n\t\t/>\n\t);\n}\n"]}