npm - @wordpress/edit-site - Versions diffs - 5.18.1-next.5a1d1283.0 → 5.19.0 - Mend

@wordpress/edit-site 5.18.1-next.5a1d1283.0 → 5.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (425) hide show

package/build/components/sidebar-navigation-screen-details-footer/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,7 +8,11 @@ exports.default = SidebarNavigationScreenDetailsFooter;
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _date = require("@wordpress/date");
+var _url = require("@wordpress/url");
+var _components = require("@wordpress/components");
+var _icons = require("@wordpress/icons");
 var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 /**
  * WordPress dependencies
  */
@@ -17,15 +22,38 @@ var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen
  */
 function SidebarNavigationScreenDetailsFooter({
-  lastModifiedDateTime
+  record,
+  ...otherProps
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, lastModifiedDateTime && (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+  /*
+   * There might be other items in the future,
+   * but for now it's just modified date.
+   * Later we might render a list of items and isolate
+   * the following logic.
+   */
+  const hrefProps = {};
+  if (record?._links?.['predecessor-version']?.[0]?.id) {
+    hrefProps.href = (0, _url.addQueryArgs)('revision.php', {
+      revision: record?._links['predecessor-version'][0].id
+    });
+    hrefProps.as = 'a';
+  }
+  return (0, _element.createElement)(_components.__experimentalItemGroup, {
     className: "edit-site-sidebar-navigation-screen-details-footer"
+  }, (0, _element.createElement)(_sidebarNavigationItem.default, {
+    label: (0, _i18n.__)('Revisions'),
+    ...hrefProps,
+    ...otherProps
+  }, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
+    justify: "space-between"
   }, (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelLabel, null, (0, _i18n.__)('Last modified')), (0, _element.createElement)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelValue, null, (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: is the relative time when the post was last modified. */
-  (0, _i18n.__)('<time>%s</time>'), (0, _date.humanTimeDiff)(lastModifiedDateTime)), {
+  (0, _i18n.__)('<time>%s</time>'), (0, _date.humanTimeDiff)(record.modified)), {
     time: (0, _element.createElement)("time", {
-      dateTime: lastModifiedDateTime
+      dateTime: record.modified
     })
+  })), (0, _element.createElement)(_components.Icon, {
+    className: "edit-site-sidebar-navigation-screen-details-footer__icon",
+    icon: _icons.backup
   }))));
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-navigation-screen-details-footer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_i18n","_date","_sidebarNavigationScreenDetailsPanel","SidebarNavigationScreenDetailsFooter","~~lastModifiedDateTime~~","~~createElement~~","~~Fragment~~","~~SidebarNavigationScreenDetailsPanelRow~~","className","~~SidebarNavigationScreenDetailsPanelLabel~~","__","SidebarNavigationScreenDetailsPanelValue","createInterpolateElement","sprintf","humanTimeDiff","time","dateTime"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport {\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\~~tlastModifiedDateTime~~,\n} ) {\n\~~treturn~~ (\n\t\~~t<>\~~n\t\t\t{ ~~lastModifiedDateTime~~ && (\n\t\t\t\t<~~SidebarNavigationScreenDetailsPanelRow~~ className=\"edit-site-sidebar-navigation-screen-details-footer\">\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/ translators: %s: is the relative time when the post was last modified. */\n\t\t\t\t\t\t\t\t__( '<time>%s</time>' ),\n\t\t\t\t\t\t\t\thumanTimeDiff( ~~lastModifiedDateTime~~ )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttime: (\n\t\t\t\t\t\t\t\t\t~~<time~~ ~~dateTime={ lastModifiedDateTime~~ } ~~/>\~~n\t\t\t\t\t\t\t\t~~),\n~~\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t~~</SidebarNavigationScreenDetailsPanelValue>\~~n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t~~) }\~~n\t\t~~</>\~~n\t);\n}\n"],"mappings":"~~;;;;;;~~AAKA,IAAAA,QAAA,GAAAC,OAAA;AAFA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;~~AAMA~~,IAAAG,~~oCAAA~~,GAAAH,OAAA;~~AAVA~~;AACA;AACA;;~~AAKA~~;AACA;AACA;;~~AAOe~~,~~SAASI~~,oCAAoCA,CAAE;EAC7DC;~~AACD~~,CAAC,EAAG;EACH,OACC,~~IAAAN~~,QAAA,~~CAAAO~~,aAAA,~~EAAAP~~,~~QAAA~~,~~CAAAQ~~,QAAA,~~QACGF~~,~~oBAAoB~~,~~IACrB~~,~~IAAAN~~,QAAA,~~CAAAO~~,aAAA,~~EAACH~~,oCAAA,~~CAAAK~~,sCAAsC;IAACC,~~SAAS~~,EAAC;~~EAAoD~~,~~GACrG~~,~~IAAAV~~,QAAA,~~CAAAO~~,aAAA,~~EAACH~~,oCAAA,~~CAAAO~~,wCAAwC,QACtC,~~IAAAC~~,QAAE,EAAE,eAAgB,CACmB,CAAC,EAC3C,~~IAAAZ~~,QAAA,~~CAAAO~~,aAAA,~~EAACH~~,oCAAA,~~CAAAS~~,wCAAwC,QACtC,IAAAC,iCAAwB,EACzB,IAAAC,aAAO,GACN;EACA,~~IAAAH~~,QAAE,EAAE,iBAAkB,CAAC,EACvB,~~IAAAI~~,mBAAa,~~EAAEV~~,~~oBAAqB~~,~~CACrC~~,CAAC,EACD;~~IACCW~~,IAAI,~~EACH~~,~~IAAAjB~~,QAAA,~~CAAAO~~,aAAA;~~MAAMW~~,QAAQ,~~EAAGZ~~;~~IAAsB~~,CAAE;~~EAE3C~~,CACD,CACyC,~~CACH~~,~~CAExC~~,CAAC;~~AAEL~~"}
1	+ {"version":3,"names":["_element","require","_i18n","_date","_url","_components","_icons","_sidebarNavigationScreenDetailsPanel","_sidebarNavigationItem","_interopRequireDefault","SidebarNavigationScreenDetailsFooter","record","otherProps","hrefProps","_links","id","href","addQueryArgs","revision","as","createElement","__experimentalItemGroup","className","default","label","__","SidebarNavigationScreenDetailsPanelRow","justify","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue","createInterpolateElement","sprintf","humanTimeDiff","modified","time","dateTime","Icon","icon","backup"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { addQueryArgs } from '@wordpress/url';\nimport {\n\tIcon,\n\t__experimentalItemGroup as ItemGroup,\n} from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport {\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\t...otherProps\n} ) {\n\t/\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t /\n\tconst hrefProps = {};\n\tif ( record?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-details-footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow justify=\"space-between\">\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/ translators: %s: is the relative time when the post was last modified. */\n\t\t\t\t\t\t\t\t__( '<time>%s</time>' ),\n\t\t\t\t\t\t\t\thumanTimeDiff( record.modified )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttime: <time dateTime={ record.modified } />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer__icon\"\n\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAFA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,oCAAA,GAAAN,OAAA;AAKA,IAAAO,sBAAA,GAAAC,sBAAA,CAAAR,OAAA;AArBA;AACA;AACA;;AAWA;AACA;AACA;;AAQe,SAASS,oCAAoCA,CAAE;EAC7DC,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACH;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,SAAS,GAAG,CAAC,CAAC;EACpB,IAAKF,MAAM,EAAEG,MAAM,GAAI,qBAAqB,CAAE,GAAI,CAAC,CAAE,EAAEC,EAAE,EAAG;IAC3DF,SAAS,CAACG,IAAI,GAAG,IAAAC,iBAAY,EAAE,cAAc,EAAE;MAC9CC,QAAQ,EAAEP,MAAM,EAAEG,MAAM,CAAE,qBAAqB,CAAE,CAAE,CAAC,CAAE,CAACC;IACxD,CAAE,CAAC;IACHF,SAAS,CAACM,EAAE,GAAG,GAAG;EACnB;EAEA,OACC,IAAAnB,QAAA,CAAAoB,aAAA,EAACf,WAAA,CAAAgB,uBAAS;IAACC,SAAS,EAAC;EAAoD,GACxE,IAAAtB,QAAA,CAAAoB,aAAA,EAACZ,sBAAA,CAAAe,OAAqB;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAAA,GACtBZ,SAAS;IAAA,GACTD;EAAU,GAEf,IAAAZ,QAAA,CAAAoB,aAAA,EAACb,oCAAA,CAAAmB,sCAAsC;IAACC,OAAO,EAAC;EAAe,GAC9D,IAAA3B,QAAA,CAAAoB,aAAA,EAACb,oCAAA,CAAAqB,wCAAwC,QACtC,IAAAH,QAAE,EAAE,eAAgB,CACmB,CAAC,EAC3C,IAAAzB,QAAA,CAAAoB,aAAA,EAACb,oCAAA,CAAAsB,wCAAwC,QACtC,IAAAC,iCAAwB,EACzB,IAAAC,aAAO,GACN;EACA,IAAAN,QAAE,EAAE,iBAAkB,CAAC,EACvB,IAAAO,mBAAa,EAAErB,MAAM,CAACsB,QAAS,CAChC,CAAC,EACD;IACCC,IAAI,EAAE,IAAAlC,QAAA,CAAAoB,aAAA;MAAMe,QAAQ,EAAGxB,MAAM,CAACsB;IAAU,CAAE;EAC3C,CACD,CACyC,CAAC,EAC3C,IAAAjC,QAAA,CAAAoB,aAAA,EAACf,WAAA,CAAA+B,IAAI;IACJd,SAAS,EAAC,0DAA0D;IACpEe,IAAI,EAAGC;EAAQ,CACf,CACsC,CAClB,CACb,CAAC;AAEd"}

package/build/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js CHANGED Viewed

@@ -19,13 +19,15 @@ var _components = require("@wordpress/components");
 function SidebarNavigationScreenDetailsPanelRow({
   label,
   children,
-  className
+  className,
+  ...extraProps
 }) {
   return (0, _element.createElement)(_components.__experimentalHStack, {
     key: label,
     spacing: 5,
     alignment: "left",
-    className: (0, _classnames.default)('edit-site-sidebar-navigation-details-screen-panel__row', className)
+    className: (0, _classnames.default)('edit-site-sidebar-navigation-details-screen-panel__row', className),
+    ...extraProps
   }, children);
 }
 //# sourceMappingURL=sidebar-navigation-screen-details-panel-row.js.map

package/build/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_components","SidebarNavigationScreenDetailsPanelRow","label","children","className","_element","createElement","__experimentalHStack","key","spacing","alignment","classnames"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelRow( {\n\tlabel,\n\tchildren,\n\tclassName,\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\tkey={ label }\n\t\t\tspacing={ 5 }\n\t\t\talignment=\"left\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-details-screen-panel__row',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC;~~AACD~~,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,~~EAACN~~,WAAA,~~CAAAO~~,oBAAM;IACNC,GAAG,~~EAAGN~~,KAAO;~~IACbO~~,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;~~IAChBN~~,SAAS,EAAG,~~IAAAO~~,mBAAU,EACrB,wDAAwD,~~EACxDP~~,SACD;~~EAAG~~,~~GAEDD~~,QACK,CAAC;AAEX"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_components","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","_element","createElement","__experimentalHStack","key","spacing","alignment","classnames"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelRow( {\n\tlabel,\n\tchildren,\n\tclassName,\n\t...extraProps\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\tkey={ label }\n\t\t\tspacing={ 5 }\n\t\t\talignment=\"left\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-details-screen-panel__row',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t>\n\t\t\t{ children }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IACNC,GAAG,EAAGP,KAAO;IACbQ,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;IAChBP,SAAS,EAAG,IAAAQ,mBAAU,EACrB,wDAAwD,EACxDR,SACD,CAAG;IAAA,GACEC;EAAU,GAEbF,QACK,CAAC;AAEX"}

package/build/components/sidebar-navigation-screen-global-styles/index.js CHANGED Viewed

@@ -14,7 +14,6 @@ var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
-var _date = require("@wordpress/date");
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _styleVariationsContainer = _interopRequireDefault(require("../global-styles/style-variations-container"));
 var _lockUnlock = require("../../lock-unlock");
@@ -23,6 +22,7 @@ var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 var _styleBook = _interopRequireDefault(require("../style-book"));
 var _useGlobalStylesRevisions = _interopRequireDefault(require("../global-styles/screen-revisions/use-global-styles-revisions"));
+var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../sidebar-navigation-screen-details-footer"));
 /**
  * WordPress dependencies
  */
@@ -80,33 +80,6 @@ function SidebarNavigationScreenGlobalStylesContent() {
     onInput: noop
   }, (0, _element.createElement)(_styleVariationsContainer.default, null));
 }
-function SidebarNavigationScreenGlobalStylesFooter({
-  modifiedDateTime,
-  onClickRevisions
-}) {
-  return (0, _element.createElement)(_components.__experimentalVStack, {
-    className: "edit-site-sidebar-navigation-screen-global-styles__footer"
-  }, (0, _element.createElement)(_sidebarNavigationItem.default, {
-    className: "edit-site-sidebar-navigation-screen-global-styles__revisions",
-    label: (0, _i18n.__)('Revisions'),
-    onClick: onClickRevisions
-  }, (0, _element.createElement)(_components.__experimentalVStack, {
-    as: "span",
-    alignment: "center",
-    spacing: 5,
-    direction: "row",
-    justify: "space-between"
-  }, (0, _element.createElement)("span", {
-    className: "edit-site-sidebar-navigation-screen-global-styles__revisions__label"
-  }, (0, _i18n.__)('Last modified')), (0, _element.createElement)("span", null, (0, _element.createElement)("time", {
-    dateTime: modifiedDateTime
-  }, (0, _date.humanTimeDiff)(modifiedDateTime))), (0, _element.createElement)(_components.Icon, {
-    icon: _icons.backup,
-    style: {
-      fill: 'currentcolor'
-    }
-  }))));
-}
 function SidebarNavigationScreenGlobalStyles() {
   const {
     revisions,
@@ -171,9 +144,9 @@ function SidebarNavigationScreenGlobalStyles() {
     title: (0, _i18n.__)('Styles'),
     description: (0, _i18n.__)('Choose a different style combination for the theme styles.'),
     content: (0, _element.createElement)(SidebarNavigationScreenGlobalStylesContent, null),
-    footer: shouldShowGlobalStylesFooter && (0, _element.createElement)(SidebarNavigationScreenGlobalStylesFooter, {
-      modifiedDateTime: modifiedDateTime,
-      onClickRevisions: openRevisions
+    footer: shouldShowGlobalStylesFooter && (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
+      record: revisions?.[0],
+      onClick: openRevisions
     }),
     actions: (0, _element.createElement)(_element.Fragment, null, !isMobileViewport && (0, _element.createElement)(_sidebarButton.default, {
       icon: _icons.seen,

package/build/components/sidebar-navigation-screen-global-styles/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_i18n","_icons","_data","_coreData","_components","_compose","_blockEditor","_date","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","__experimentalNavigatorButton","as","SidebarNavigationItem","path","default","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","BlockEditorProvider","settings","onChange","onInput","SidebarNavigationScreenGlobalStylesFooter","modifiedDateTime","onClickRevisions","__experimentalVStack","className","label","__","alignment","spacing","direction","justify","dateTime","humanTimeDiff","Icon","icon","backup","style","fill","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modified","shouldShowGlobalStylesFooter","Fragment","title","description","content","footer","actions","seen","isPressed","edit","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { backup, edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tIcon,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesFooter( {\n\tmodifiedDateTime,\n\tonClickRevisions,\n} ) {\n\treturn (\n\t\t<VStack className=\"edit-site-sidebar-navigation-screen-global-styles__footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-global-styles__revisions\"\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\tonClick={ onClickRevisions }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-global-styles__revisions__label\">\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<time dateTime={ modifiedDateTime }>\n\t\t\t\t\t\t\t{ humanTimeDiff( modifiedDateTime ) }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Icon icon={ backup } style={ { fill: 'currentcolor' } } />\n\t\t\t\t</HStack>\n\t\t\t</SidebarNavigationItem>\n\t\t</VStack>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenGlobalStylesFooter\n\t\t\t\t\t\t\tmodifiedDateTime={ modifiedDateTime }\n\t\t\t\t\t\t\tonClickRevisions={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_i18n","_icons","_data","_coreData","_components","_compose","_blockEditor","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","__experimentalNavigatorButton","as","SidebarNavigationItem","path","default","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","BlockEditorProvider","settings","onChange","onInput","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","title","__","description","content","footer","record","actions","icon","seen","label","isPressed","edit","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalNavigatorButton as NavigatorButton } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAMA,IAAAQ,wBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,yBAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAJ,sBAAA,CAAAT,OAAA;AACA,IAAAc,sBAAA,GAAAL,sBAAA,CAAAT,OAAA;AACA,IAAAe,UAAA,GAAAN,sBAAA,CAAAT,OAAA;AACA,IAAAgB,yBAAA,GAAAP,sBAAA,CAAAT,OAAA;AACA,IAAAiB,qCAAA,GAAAR,sBAAA,CAAAT,OAAA;AAvBA;AACA;AACA;;AAUA;AACA;AACA;;AAWA,MAAMkB,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,iCAAiCA,CAAEC,KAAK,EAAG;EAC1D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAc,CAAC;EAC3D,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAH,iBAAW,EAAEC,YAAc,CAAE,CAAC;EAEhE,MAAMG,wBAAwB,GAAG,IAAAC,eAAS,EACvCC,MAAM,IACP,CAAC,CAAEA,MAAM,CACRC,eACD,CAAC,CAACC,mDAAmD,CAAC,CAAC,EAAEC,MAAM,EAChE,EACD,CAAC;EACD,IAAKL,wBAAwB,EAAG;IAC/B,OACC,IAAA3B,QAAA,CAAAiC,aAAA,EAAC3B,WAAA,CAAA4B,6BAAe;MAAA,GACVb,KAAK;MACVc,EAAE,EAAGC,8BAAuB;MAC5BC,IAAI,EAAC;IAAmB,CACxB,CAAC;EAEJ;EACA,OACC,IAAArC,QAAA,CAAAiC,aAAA,EAAClB,sBAAA,CAAAuB,OAAqB;IAAA,GAChBjB,KAAK;IACVkB,OAAO,EAAGA,CAAA,KAAM;MACf;MACAd,aAAa,CAAE,MAAO,CAAC;MACvB;MACAH,kBAAkB,CAAE,yBAA0B,CAAC;IAChD;EAAG,CACH,CAAC;AAEJ;AAEA,SAASkB,0CAA0CA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAb,eAAS,EAAIC,MAAM,IAAM;IACnD,MAAM;MAAEa;IAAY,CAAC,GAAG,IAAAhB,kBAAM,EAAEG,MAAM,CAAEL,YAAc,CAAE,CAAC;IAEzD,OAAO;MACNiB,cAAc,EAAEC,WAAW,CAAE,KAAM;IACpC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA;EACA;EACA,OACC,IAAA1C,QAAA,CAAAiC,aAAA,EAACzB,YAAA,CAAAmC,mBAAmB;IACnBC,QAAQ,EAAGH,cAAgB;IAC3BI,QAAQ,EAAG1B,IAAM;IACjB2B,OAAO,EAAG3B;EAAM,GAEhB,IAAAnB,QAAA,CAAAiC,aAAA,EAACtB,yBAAA,CAAA2B,OAAwB,MAAE,CACP,CAAC;AAExB;AAEe,SAASS,mCAAmCA,CAAA,EAAG;EAC7D,MAAM;IAAEC,SAAS;IAAEC,SAAS,EAAEC;EAAmB,CAAC,GACjD,IAAAC,iCAAwB,EAAC,CAAC;EAC3B,MAAM;IAAE7B,kBAAkB;IAAE8B;EAAoB,CAAC,GAChD,IAAA7B,iBAAW,EAAEC,YAAc,CAAC;EAC7B,MAAM6B,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAE7B,aAAa;IAAE8B;EAA6B,CAAC,GAAG,IAAA7B,kBAAM,EAC7D,IAAAH,iBAAW,EAAEC,YAAc,CAC5B,CAAC;EACD,MAAM;IAAEgC,UAAU;IAAEC,iBAAiB;IAAEC;EAAe,CAAC,GAAG,IAAA9B,eAAS,EAChEC,MAAM,IAAM;IAAA,IAAA8B,qBAAA;IACb,MAAM;MAAEC,aAAa;MAAEC;IAA6B,CAAC,GAAG,IAAAnC,kBAAM,EAC7DG,MAAM,CAAEL,YAAc,CACvB,CAAC;IACD,MAAM;MAAEsC,eAAe;MAAEC;IAAuC,CAAC,GAChElC,MAAM,CAAEC,eAAU,CAAC;IACpB,MAAMkC,cAAc,GAAGD,sCAAsC,CAAC,CAAC;IAC/D,MAAME,YAAY,GAAGD,cAAc,GAChCF,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEE,cAAe,CAAC,GACzDE,SAAS;IACZ,OAAO;MACNV,UAAU,EAAE,MAAM,KAAKI,aAAa,CAAC,CAAC;MACtCH,iBAAiB,EAChB,YAAY,KAAKI,4BAA4B,CAAC,CAAC;MAChDH,cAAc,GAAAC,qBAAA,GACbM,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEC,KAAK,cAAAT,qBAAA,cAAAA,qBAAA,GACzD;IACF,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAMU,gBAAgB,GAAG,IAAAC,oBAAW,EAAE,YAAY;IACjD,OAAOC,OAAO,CAACC,GAAG,CAAE,CACnB/C,aAAa,CAAE,MAAO,CAAC,EACvBH,kBAAkB,CAAE,yBAA0B,CAAC,CAC9C,CAAC;EACJ,CAAC,EAAE,CAAEG,aAAa,EAAEH,kBAAkB,CAAG,CAAC;EAE1C,MAAMmD,aAAa,GAAG,IAAAH,oBAAW,EAAE,YAAY;IAC9C,MAAMD,gBAAgB,CAAC,CAAC;IACxB;IACA;IACA;IACAd,4BAA4B,CAAE,YAAa,CAAC;IAC5CH,mBAAmB,CAAE,KAAM,CAAC;EAC7B,CAAC,EAAE,CACFiB,gBAAgB,EAChBd,4BAA4B,EAC5BH,mBAAmB,CAClB,CAAC;EAEH,MAAMsB,aAAa,GAAG,IAAAJ,oBAAW,EAAE,YAAY;IAC9C,MAAMD,gBAAgB,CAAC,CAAC;IACxB;IACA;IACA;IACA;IACAd,4BAA4B,CAAE,yBAA0B,CAAC;EAC1D,CAAC,EAAE,CAAEc,gBAAgB,EAAEd,4BAA4B,CAAG,CAAC;;EAEvD;EACA,MAAMoB,YAAY,GAAGjB,cAAc,GAAG,CAAC;EACvC,MAAMkB,gBAAgB,GAAG5B,SAAS,GAAI,CAAC,CAAE,EAAE6B,QAAQ;EACnD,MAAMC,4BAA4B,GACjCH,YAAY,IAAI,CAAEzB,kBAAkB,IAAI0B,gBAAgB;EAEzD,OACC,IAAA5E,QAAA,CAAAiC,aAAA,EAAAjC,QAAA,CAAA+E,QAAA,QACC,IAAA/E,QAAA,CAAAiC,aAAA,EAACxB,wBAAA,CAAA6B,OAAuB;IACvB0C,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,4DACD,CAAG;IACHE,OAAO,EAAG,IAAAnF,QAAA,CAAAiC,aAAA,EAACO,0CAA0C,MAAE,CAAG;IAC1D4C,MAAM,EACLN,4BAA4B,IAC3B,IAAA9E,QAAA,CAAAiC,aAAA,EAACf,qCAAA,CAAAoB,OAAoC;MACpC+C,MAAM,EAAGrC,SAAS,GAAI,CAAC,CAAI;MAC3BT,OAAO,EAAGmC;IAAe,CACzB,CAEF;IACDY,OAAO,EACN,IAAAtF,QAAA,CAAAiC,aAAA,EAAAjC,QAAA,CAAA+E,QAAA,QACG,CAAE1B,gBAAgB,IACnB,IAAArD,QAAA,CAAAiC,aAAA,EAACnB,cAAA,CAAAwB,OAAa;MACbiD,IAAI,EAAGC,WAAM;MACbC,KAAK,EAAG,IAAAR,QAAE,EAAE,YAAa,CAAG;MAC5B1C,OAAO,EAAGA,CAAA,KACTgB,4BAA4B,CAC3B,CAAEE,iBAAiB,GAChB,YAAY,GACZS,SACJ,CACA;MACDwB,SAAS,EAAGjC;IAAmB,CAC/B,CACD,EACD,IAAAzD,QAAA,CAAAiC,aAAA,EAACnB,cAAA,CAAAwB,OAAa;MACbiD,IAAI,EAAGI,WAAM;MACbF,KAAK,EAAG,IAAAR,QAAE,EAAE,aAAc,CAAG;MAC7B1C,OAAO,EAAG,MAAAA,CAAA,KAAY,MAAM8B,gBAAgB,CAAC;IAAG,CAChD,CACA;EACF,CACD,CAAC,EACAZ,iBAAiB,IAAI,CAAEJ,gBAAgB,IAAIG,UAAU,IACtD,IAAAxD,QAAA,CAAAiC,aAAA,EAACjB,UAAA,CAAAsB,OAAS;IACTsD,cAAc,EAAG,KAAO;IACxBC,UAAU,EAAGA,CAAA,KAAM,KAAO;IAC1BtD,OAAO,EAAGkC,aAAe;IACzBqB,QAAQ,EAAGrB,aAAe;IAC1BsB,eAAe,EAAG,KAAO;IACzBC,QAAQ,EAAG;EAAO,CAClB,CAED,CAAC;AAEL"}

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

@@ -92,9 +92,9 @@ function SidebarNavigationScreenPage() {
     }, (0, _dom.__unstableStripHTML)(record.excerpt.rendered)), (0, _element.createElement)(_pageDetails.default, {
       id: postId
     })),
-    footer: (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
-      lastModifiedDateTime: record?.modified
-    })
+    footer: record?.modified ? (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
+      record: record
+    }) : null
   }) : null;
 }
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_data","_components","_coreData","_htmlEntities","_icons","_dom","_escapeHtml","_url","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_store","_sidebarButton","_pageDetails","_pageActions","_sidebarNavigationScreenDetailsFooter","SidebarNavigationScreenPage","navigator","useNavigator","setCanvasMode","unlock","useDispatch","editSiteStore","params","postId","record","useEntityRecord","featuredMediaAltText","featuredMediaSourceUrl","useSelect","select","getEntityRecord","coreStore","attachedMedia","featured_media","media_details","sizes","medium","source_url","escapeAttribute","alt_text","description","raw","featureImageAltText","decodeEntities","title","rendered","__","_element","createElement","default","actions","Fragment","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","icon","pencil","meta","ExternalLink","className","href","link","filterURLForDisplay","safeDecodeURIComponent","content","__experimentalVStack","alignment","spacing","alt","src","excerpt","__experimentalTruncate","numberOfLines","stripHTML","id","footer","~~lastModifiedDateTime","~~modified"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"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"],"mappings":"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~~EACL~~,~~IAAAhC~~,QAAA,CAAAC,aAAA,EAAClC,qCAAA,CAAAmC,OAAoC;~~MACpC+B~~,~~oBAAoB,EAAGxD,~~MAAM,~~EAAEyD~~;~~IAAU~~,~~CACzC~~;~~EACD~~,CACD,CAAC,GACC,IAAI;AACT"}
1	+ {"version":3,"names":["_i18n","require","_data","_components","_coreData","_htmlEntities","_icons","_dom","_escapeHtml","_url","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_store","_sidebarButton","_pageDetails","_pageActions","_sidebarNavigationScreenDetailsFooter","SidebarNavigationScreenPage","navigator","useNavigator","setCanvasMode","unlock","useDispatch","editSiteStore","params","postId","record","useEntityRecord","featuredMediaAltText","featuredMediaSourceUrl","useSelect","select","getEntityRecord","coreStore","attachedMedia","featured_media","media_details","sizes","medium","source_url","escapeAttribute","alt_text","description","raw","featureImageAltText","decodeEntities","title","rendered","__","_element","createElement","default","actions","Fragment","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","icon","pencil","meta","ExternalLink","className","href","link","filterURLForDisplay","safeDecodeURIComponent","content","__experimentalVStack","alignment","spacing","alt","src","excerpt","__experimentalTruncate","numberOfLines","stripHTML","id","footer","modified"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-page/index.js"],"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\trecord?.modified ? (\n\t\t\t\t\t<SidebarNavigationScreenDetailsFooter record={ record } />\n\t\t\t\t) : null\n\t\t\t}\n\t\t/>\n\t) : null;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,IAAA,GAAAR,OAAA;AAKA,IAAAS,wBAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAH,sBAAA,CAAAV,OAAA;AACA,IAAAc,YAAA,GAAAJ,sBAAA,CAAAV,OAAA;AACA,IAAAe,YAAA,GAAAL,sBAAA,CAAAV,OAAA;AACA,IAAAgB,qCAAA,GAAAN,sBAAA,CAAAV,OAAA;AA3BA;AACA;AACA;;AAgBA;AACA;AACA;;AASe,SAASiB,2BAA2BA,CAAA,EAAG;EACrD,MAAMC,SAAS,GAAG,IAAAC,sCAAY,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAc,CAAE,CAAC;EAChE,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAG,IAAAN,sCAAY,EAAC,CAAC;EAClB,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,yBAAe,EAAE,UAAU,EAAE,MAAM,EAAEF,MAAO,CAAC;EAEhE,MAAM;IAAEG,oBAAoB;IAAEC;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAC/DC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C;IACA,MAAMC,aAAa,GAAGR,MAAM,EAAES,cAAc,GACzCH,eAAe,CACf,UAAU,EACV,YAAY,EACZN,MAAM,EAAES,cACR,CAAC,GACD,IAAI;IAEP,OAAO;MACNN,sBAAsB,EACrBK,aAAa,EAAEE,aAAa,CAACC,KAAK,EAAEC,MAAM,EAAEC,UAAU,IACtDL,aAAa,EAAEK,UAAU;MAC1BX,oBAAoB,EAAE,IAAAY,2BAAe,EACpCN,aAAa,EAAEO,QAAQ,IACtBP,aAAa,EAAEQ,WAAW,EAAEC,GAAG,IAC/B,EACF;IACD,CAAC;EACF,CAAC,EACD,CAAEjB,MAAM,CACT,CAAC;EAED,MAAMkB,mBAAmB,GAAGhB,oBAAoB,GAC7C,IAAAiB,4BAAc,EAAEjB,oBAAqB,CAAC,GACtC,IAAAiB,4BAAc,EAAEnB,MAAM,EAAEoB,KAAK,EAAEC,QAAQ,IAAI,IAAAC,QAAE,EAAE,gBAAiB,CAAE,CAAC;EAEtE,OAAOtB,MAAM,GACZ,IAAAuB,QAAA,CAAAC,aAAA,EAACzC,wBAAA,CAAA0C,OAAuB;IACvBL,KAAK,EAAG,IAAAD,4BAAc,EACrBnB,MAAM,EAAEoB,KAAK,EAAEC,QAAQ,IAAI,IAAAC,QAAE,EAAE,YAAa,CAC7C,CAAG;IACHI,OAAO,EACN,IAAAH,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAI,QAAA,QACC,IAAAJ,QAAA,CAAAC,aAAA,EAACnC,YAAA,CAAAoC,OAAW;MACX1B,MAAM,EAAGA,MAAQ;MACjB6B,WAAW,EAAG;QAAEC,EAAE,EAAEC;MAAc,CAAG;MACrCC,QAAQ,EAAGA,CAAA,KAAM;QAChBvC,SAAS,CAACwC,IAAI,CAAE,OAAQ,CAAC;MAC1B;IAAG,CACH,CAAC,EACF,IAAAT,QAAA,CAAAC,aAAA,EAACrC,cAAA,CAAAsC,OAAa;MACbQ,OAAO,EAAGA,CAAA,KAAMvC,aAAa,CAAE,MAAO,CAAG;MACzCwC,KAAK,EAAG,IAAAZ,QAAE,EAAE,MAAO,CAAG;MACtBa,IAAI,EAAGC;IAAQ,CACf,CACA,CACF;IACDC,IAAI,EACH,IAAAd,QAAA,CAAAC,aAAA,EAAChD,WAAA,CAAA8D,YAAY;MACZC,SAAS,EAAC,gDAAgD;MAC1DC,IAAI,EAAGxC,MAAM,CAACyC;IAAM,GAElB,IAAAC,wBAAmB,EACpB,IAAAC,2BAAsB,EAAE3C,MAAM,CAACyC,IAAK,CACrC,CACa,CACd;IACDG,OAAO,EACN,IAAArB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAI,QAAA,QACG,CAAC,CAAExB,sBAAsB,IAC1B,IAAAoB,QAAA,CAAAC,aAAA,EAAChD,WAAA,CAAAqE,oBAAM;MACNN,SAAS,EAAC,kEAAkE;MAC5EO,SAAS,EAAC,MAAM;MAChBC,OAAO,EAAG;IAAG,GAEb,IAAAxB,QAAA,CAAAC,aAAA;MAAKe,SAAS,EAAC;IAAoE,GAClF,IAAAhB,QAAA,CAAAC,aAAA;MACCwB,GAAG,EAAG9B,mBAAqB;MAC3B+B,GAAG,EAAG9C;IAAwB,CAC9B,CACG,CACE,CACR,EACC,CAAC,CAAEH,MAAM,EAAEkD,OAAO,EAAE7B,QAAQ,IAC7B,IAAAE,QAAA,CAAAC,aAAA,EAAChD,WAAA,CAAA2E,sBAAQ;MACRZ,SAAS,EAAC,mDAAmD;MAC7Da,aAAa,EAAG;IAAG,GAEjB,IAAAC,wBAAS,EAAErD,MAAM,CAACkD,OAAO,CAAC7B,QAAS,CAC5B,CACV,EACD,IAAAE,QAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAqC,OAAW;MAAC6B,EAAE,EAAGvD;IAAQ,CAAE,CAC3B,CACF;IACDwD,MAAM,EACLvD,MAAM,EAAEwD,QAAQ,GACf,IAAAjC,QAAA,CAAAC,aAAA,EAAClC,qCAAA,CAAAmC,OAAoC;MAACzB,MAAM,EAAGA;IAAQ,CAAE,CAAC,GACvD;EACJ,CACD,CAAC,GACC,IAAI;AACT"}

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

@@ -17,6 +17,7 @@ var _useInitEditedEntityFromUrl = _interopRequireDefault(require("../sync-state-
 var _usePatternDetails = _interopRequireDefault(require("./use-pattern-details"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _templateActions = _interopRequireDefault(require("../template-actions"));
 /**
  * WordPress dependencies
  */
@@ -26,16 +27,16 @@ var _lockUnlock = require("../../lock-unlock");
  */
 function SidebarNavigationScreenPattern() {
+  const navigator = (0, _components.__experimentalUseNavigator)();
   const {
-    params
-  } = (0, _components.__experimentalUseNavigator)();
+    params: {
+      postType,
+      postId
+    }
+  } = navigator;
   const {
     categoryType
   } = (0, _url.getQueryArgs)(window.location.href);
-  const {
-    postType,
-    postId
-  } = params;
   const {
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
@@ -47,11 +48,20 @@ function SidebarNavigationScreenPattern() {
   // page and the back button should return them to that list page.
   const backPath = !categoryType && postType === 'wp_template_part' ? '/wp_template_part/all' : '/patterns';
   return (0, _element.createElement)(_sidebarNavigationScreen.default, {
-    actions: (0, _element.createElement)(_sidebarButton.default, {
+    actions: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_templateActions.default, {
+      postType: postType,
+      postId: postId,
+      toggleProps: {
+        as: _sidebarButton.default
+      },
+      onRemove: () => {
+        navigator.goTo(backPath);
+      }
+    }), (0, _element.createElement)(_sidebarButton.default, {
       onClick: () => setCanvasMode('edit'),
       label: (0, _i18n.__)('Edit'),
       icon: _icons.pencil
-    }),
+    })),
     backPath: backPath,
     ...patternDetails
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_data","_i18n","_icons","_url","_sidebarButton","_interopRequireDefault","_sidebarNavigationScreen","_useInitEditedEntityFromUrl","_usePatternDetails","_store","_lockUnlock","SidebarNavigationScreenPattern","~~params~~","useNavigator","~~categoryType~~","~~getQueryArgs~~","~~window~~","~~location~~","~~href~~","~~postType~~","~~postId~~","setCanvasMode","unlock","useDispatch","editSiteStore","useInitEditedEntityFromURL","patternDetails","usePatternDetails","backPath","_element","createElement","default","actions","onClick","label","__","icon","pencil"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { pencil } from '@wordpress/icons';\nimport { getQueryArgs } from '@wordpress/url';\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 { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function SidebarNavigationScreenPattern() {\n\tconst { ~~params~~ } = ~~useNavigator()~~;\n\tconst { categoryType } = getQueryArgs( window.location.href );\n\tconst { ~~postType, postId } = params;\n\tconst {~~ setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tuseInitEditedEntityFromURL();\n\n\tconst patternDetails = usePatternDetails( postType, postId );\n\n\t// The absence of a category type in the query params for template parts\n\t// indicates the user has arrived at the template part via the \"manage all\"\n\t// page and the back button should return them to that list page.\n\tconst backPath =\n\t\t! categoryType && postType === 'wp_template_part'\n\t\t\t? '/wp_template_part/all'\n\t\t\t: '/patterns';\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={ backPath }\n\t\t\t{ ...patternDetails }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,2BAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,kBAAA,GAAAH,sBAAA,CAAAN,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;~~AAjBA~~;AACA;AACA;;AAOA;AACA;AACA;;~~AAQe~~,~~SAASY~~,8BAA8BA,CAAA,EAAG;EACxD,~~MAAM;IAAEC;EAAO~~,~~CAAC~~,GAAG,IAAAC,sCAAY,EAAC,CAAC;~~EACjC~~,MAAM;~~IAAEC~~;EAAa,CAAC,GAAG,IAAAC,iBAAY,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EAC7D,MAAM;IAAEC~~,QAAQ~~;~~IAAEC;EAAO,CAAC,GAAGR,MAAM;EACnC,MAAM;IAAES;~~EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAc,CAAE,CAAC;EAEhE,IAAAC,mCAA0B,EAAC,CAAC;EAE5B,MAAMC,cAAc,GAAG,IAAAC,0BAAiB,~~EAAER~~,QAAQ,EAAEC,MAAO,CAAC;;EAE5D;EACA;EACA;EACA,~~MAAMQ~~,QAAQ,GACb,~~CAAEd~~,YAAY,~~IAAIK~~,QAAQ,KAAK,kBAAkB,GAC9C,uBAAuB,GACvB,WAAW;EAEf,OACC,~~IAAAU~~,QAAA,CAAAC,aAAA,~~EAACxB~~,wBAAA,~~CAAAyB~~,OAAuB;IACvBC,OAAO,EACN,IAAAH,QAAA,CAAAC,aAAA,~~EAAC1B~~,cAAA,~~CAAA2B~~,OAAa;~~MACbE~~,OAAO,EAAGA,CAAA,~~KAAMZ~~,aAAa,CAAE,MAAO,CAAG;~~MACzCa~~,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBC,IAAI,EAAGC;IAAQ,CACf,~~CACD~~;~~IACDT~~,QAAQ,EAAGA,QAAU;IAAA,GAChBF;EAAc,CACnB,CAAC;AAEJ"}
1	+ {"version":3,"names":["_components","require","_data","_i18n","_icons","_url","_sidebarButton","_interopRequireDefault","_sidebarNavigationScreen","_useInitEditedEntityFromUrl","_usePatternDetails","_store","_lockUnlock","_templateActions","SidebarNavigationScreenPattern","navigator","useNavigator","params","postType","postId","categoryType","getQueryArgs","window","location","href","setCanvasMode","unlock","useDispatch","editSiteStore","useInitEditedEntityFromURL","patternDetails","usePatternDetails","backPath","_element","createElement","default","actions","Fragment","toggleProps","as","SidebarButton","onRemove","goTo","onClick","label","__","icon","pencil"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { pencil } from '@wordpress/icons';\nimport { getQueryArgs } from '@wordpress/url';\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 { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport TemplateActions from '../template-actions';\n\nexport default function SidebarNavigationScreenPattern() {\n\tconst navigator = useNavigator();\n\tconst {\n\t\tparams: { postType, postId },\n\t} = navigator;\n\tconst { categoryType } = getQueryArgs( window.location.href );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tuseInitEditedEntityFromURL();\n\n\tconst patternDetails = usePatternDetails( postType, postId );\n\n\t// The absence of a category type in the query params for template parts\n\t// indicates the user has arrived at the template part via the \"manage all\"\n\t// page and the back button should return them to that list page.\n\tconst backPath =\n\t\t! categoryType && postType === 'wp_template_part'\n\t\t\t? '/wp_template_part/all'\n\t\t\t: '/patterns';\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<TemplateActions\n\t\t\t\t\t\tpostType={ postType }\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( backPath );\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\tbackPath={ backPath }\n\t\t\t{ ...patternDetails }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,2BAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,kBAAA,GAAAH,sBAAA,CAAAN,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAN,sBAAA,CAAAN,OAAA;AAlBA;AACA;AACA;;AAOA;AACA;AACA;;AASe,SAASa,8BAA8BA,CAAA,EAAG;EACxD,MAAMC,SAAS,GAAG,IAAAC,sCAAY,EAAC,CAAC;EAChC,MAAM;IACLC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAGJ,SAAS;EACb,MAAM;IAAEK;EAAa,CAAC,GAAG,IAAAC,iBAAY,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EAC7D,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAc,CAAE,CAAC;EAEhE,IAAAC,mCAA0B,EAAC,CAAC;EAE5B,MAAMC,cAAc,GAAG,IAAAC,0BAAiB,EAAEb,QAAQ,EAAEC,MAAO,CAAC;;EAE5D;EACA;EACA;EACA,MAAMa,QAAQ,GACb,CAAEZ,YAAY,IAAIF,QAAQ,KAAK,kBAAkB,GAC9C,uBAAuB,GACvB,WAAW;EAEf,OACC,IAAAe,QAAA,CAAAC,aAAA,EAAC1B,wBAAA,CAAA2B,OAAuB;IACvBC,OAAO,EACN,IAAAH,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAI,QAAA,QACC,IAAAJ,QAAA,CAAAC,aAAA,EAACrB,gBAAA,CAAAsB,OAAe;MACfjB,QAAQ,EAAGA,QAAU;MACrBC,MAAM,EAAGA,MAAQ;MACjBmB,WAAW,EAAG;QAAEC,EAAE,EAAEC;MAAc,CAAG;MACrCC,QAAQ,EAAGA,CAAA,KAAM;QAChB1B,SAAS,CAAC2B,IAAI,CAAEV,QAAS,CAAC;MAC3B;IAAG,CACH,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAAC5B,cAAA,CAAA6B,OAAa;MACbQ,OAAO,EAAGA,CAAA,KAAMlB,aAAa,CAAE,MAAO,CAAG;MACzCmB,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBC,IAAI,EAAGC;IAAQ,CACf,CACA,CACF;IACDf,QAAQ,EAAGA,QAAU;IAAA,GAChBF;EAAc,CACnB,CAAC;AAEJ"}

package/build/components/sidebar-navigation-screen-pattern/use-pattern-details.js CHANGED Viewed

@@ -35,23 +35,37 @@ function usePatternDetails(postType, postId) {
     record
   } = (0, _useEditedEntityRecord.default)(postType, postId);
   const templatePartAreas = (0, _data.useSelect)(select => select(_editor.store).__experimentalGetDefaultTemplatePartAreas(), []);
-  const currentTheme = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme(), []);
+  const {
+    currentTheme,
+    userPatternCategories
+  } = (0, _data.useSelect)(select => {
+    const {
+      getCurrentTheme,
+      getUserPatternCategories
+    } = select(_coreData.store);
+    return {
+      currentTheme: getCurrentTheme(),
+      userPatternCategories: getUserPatternCategories()
+    };
+  }, []);
   const addedBy = (0, _addedBy.useAddedBy)(postType, postId);
   const isAddedByActiveTheme = addedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;
   const title = getTitle();
   let description = getDescription();
   if (!description && addedBy.text) {
-    description = (0, _i18n.sprintf)(
+    description = postType === 'wp_block' ? (0, _i18n.sprintf)(
     // translators: %s: pattern title e.g: "Header".
-    (0, _i18n.__)('This is the %s pattern.'), getTitle());
+    (0, _i18n.__)('This is the %s pattern.'), getTitle()) : (0, _i18n.sprintf)(
+    // translators: %s: template part title e.g: "Header".
+    (0, _i18n.__)('This is the %s template part.'), getTitle());
   }
   if (!description && postType === 'wp_block' && record?.title) {
     description = (0, _i18n.sprintf)(
     // translators: %s: user created pattern title e.g. "Footer".
     (0, _i18n.__)('This is the %s pattern.'), record.title);
   }
-  const footer = !!record?.modified ? (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
-    lastModifiedDateTime: record.modified
+  const footer = record?.modified ? (0, _element.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
+    record: record
   }) : null;
   const details = [];
   if (postType === 'wp_block' || 'wp_template_part') {
@@ -59,6 +73,21 @@ function usePatternDetails(postType, postId) {
       label: (0, _i18n.__)('Syncing'),
       value: record.wp_pattern_sync_status === 'unsynced' ? (0, _i18n.__)('Not synced') : (0, _i18n.__)('Fully synced')
     });
+    if (record.wp_pattern_category?.length === 0) {
+      details.push({
+        label: (0, _i18n.__)('Categories'),
+        value: (0, _i18n.__)('Uncategorized')
+      });
+    }
+    if (record.wp_pattern_category?.length > 0) {
+      const patternCategories = new Map();
+      userPatternCategories.forEach(userCategory => patternCategories.set(userCategory.id, userCategory));
+      const categories = record.wp_pattern_category.filter(category => patternCategories.get(category)).map(category => patternCategories.get(category).label);
+      details.push({
+        label: (0, _i18n.__)('Categories'),
+        value: categories.length > 0 ? categories.join(', ') : ''
+      });
+    }
   }
   if (postType === 'wp_template_part') {
     const templatePartArea = templatePartAreas.find(area => area.area === record.area);

package/build/components/sidebar-navigation-screen-pattern/use-pattern-details.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_changeCase","require","_i18n","_coreData","_editor","_data","_addedBy","_useEditedEntityRecord","_interopRequireDefault","_useNavigationMenuContent","_sidebarNavigationScreenDetailsFooter","_sidebarNavigationScreenDetailsPanel","usePatternDetails","postType","postId","getDescription","getTitle","record","useEditedEntityRecord","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","currentTheme","coreStore","getCurrentTheme","addedBy","useAddedBy","isAddedByActiveTheme","type","theme","stylesheet","title","description","text","sprintf","__","footer","modified","_element","createElement","default","lastModifiedDateTime","details","push","label","value","wp_pattern_sync_status","templatePartArea","find","area","areaDetailValue","sentenceCase","className","origin","has_theme_file","isCustomized","content","Fragment","useNavigationMenuContent","length","SidebarNavigationScreenDetailsPanel","spacing","map","SidebarNavigationScreenDetailsPanelRow","key","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { sentenceCase } from 'change-case';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { useAddedBy } from '../list/added-by';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport useNavigationMenuContent from './use-navigation-menu-content';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\nexport default function usePatternDetails( postType, postId ) {\n\tconst { getDescription, getTitle, record } = useEditedEntityRecord(\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\tconst addedBy = useAddedBy( postType, postId );\n\tconst isAddedByActiveTheme =\n\t\taddedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;\n\tconst title = getTitle();\n\tlet description = getDescription();\n\n\tif ( ! description && addedBy.text ) {\n\t\tdescription = sprintf(\n\t\t\t// translators: %s: pattern title e.g: \"Header\".\n\t\t\t__( 'This is the %s pattern.' ),\n\t\t\tgetTitle()\n\t\t);\n\t}\n\n\tif ( ! description && postType === 'wp_block' && record?.title ) {\n\t\tdescription = sprintf(\n\t\t\t// translators: %s: user created pattern title e.g. \"Footer\".\n\t\t\t__( 'This is the %s pattern.' ),\n\t\t\trecord.title\n\t\t);\n\t}\n\n\tconst footer = !! record?.modified ? (\n\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\tlastModifiedDateTime={ record.modified }\n\t\t/>\n\t) : null;\n\n\tconst details = [];\n\n\tif ( postType === 'wp_block' \|\| 'wp_template_part' ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Syncing' ),\n\t\t\tvalue:\n\t\t\t\trecord.wp_pattern_sync_status === 'unsynced'\n\t\t\t\t\t? __( 'Not synced' )\n\t\t\t\t\t: __( 'Fully synced' ),\n\t\t} );\n\t}\n\n\tif ( postType === 'wp_template_part' ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === record.area\n\t\t);\n\n\t\tlet areaDetailValue = templatePartArea?.label;\n\n\t\tif ( ! areaDetailValue ) {\n\t\t\tareaDetailValue = record.area\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: Sentenced cased template part area e.g: \"My custom area\".\n\t\t\t\t\t\t__( '%s (removed)' ),\n\t\t\t\t\t\tsentenceCase( record.area )\n\t\t\t\t )\n\t\t\t\t: __( 'None' );\n\t\t}\n\n\t\tdetails.push( { label: __( 'Area' ), value: areaDetailValue } );\n\t}\n\n\tif (\n\t\tpostType === 'wp_template_part' &&\n\t\taddedBy.text &&\n\t\t! isAddedByActiveTheme\n\t) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Added by' ),\n\t\t\tvalue: (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__added-by-description-author\">\n\t\t\t\t\t{ addedBy.text }\n\t\t\t\t</span>\n\t\t\t),\n\t\t} );\n\t}\n\n\tif (\n\t\tpostType === 'wp_template_part' &&\n\t\taddedBy.text &&\n\t\t( record.origin === 'plugin' \|\| record.has_theme_file === true )\n\t) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Customized' ),\n\t\t\tvalue: (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__added-by-description-customized\">\n\t\t\t\t\t{ addedBy.isCustomized ? __( 'Yes' ) : __( 'No' ) }\n\t\t\t\t</span>\n\t\t\t),\n\t\t} );\n\t}\n\n\tconst content = (\n\t\t<>\n\t\t\t{ useNavigationMenuContent( postType, postId ) }\n\t\t\t{ !! details.length && (\n\t\t\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\ttitle={ __( 'Details' ) }\n\t\t\t\t>\n\t\t\t\t\t{ details.map( ( { label, value } ) => (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow key={ label }>\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t\t\t{ value }\n\t\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t) ) }\n\t\t\t\t</SidebarNavigationScreenDetailsPanel>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn { title, description, content, footer };\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_changeCase","require","_i18n","_coreData","_editor","_data","_addedBy","_useEditedEntityRecord","_interopRequireDefault","_useNavigationMenuContent","_sidebarNavigationScreenDetailsFooter","_sidebarNavigationScreenDetailsPanel","usePatternDetails","postType","postId","getDescription","getTitle","record","useEditedEntityRecord","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","currentTheme","userPatternCategories","getCurrentTheme","getUserPatternCategories","coreStore","addedBy","useAddedBy","isAddedByActiveTheme","type","theme","stylesheet","title","description","text","sprintf","__","footer","modified","_element","createElement","default","details","push","label","value","wp_pattern_sync_status","wp_pattern_category","length","patternCategories","Map","forEach","userCategory","set","id","categories","filter","category","get","map","join","templatePartArea","find","area","areaDetailValue","sentenceCase","className","origin","has_theme_file","isCustomized","content","Fragment","useNavigationMenuContent","SidebarNavigationScreenDetailsPanel","spacing","SidebarNavigationScreenDetailsPanelRow","key","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { sentenceCase } from 'change-case';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { useAddedBy } from '../list/added-by';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport useNavigationMenuContent from './use-navigation-menu-content';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\n\nexport default function usePatternDetails( postType, postId ) {\n\tconst { getDescription, getTitle, record } = useEditedEntityRecord(\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\tconst { currentTheme, userPatternCategories } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getUserPatternCategories } =\n\t\t\tselect( coreStore );\n\n\t\treturn {\n\t\t\tcurrentTheme: getCurrentTheme(),\n\t\t\tuserPatternCategories: getUserPatternCategories(),\n\t\t};\n\t}, [] );\n\n\tconst addedBy = useAddedBy( postType, postId );\n\tconst isAddedByActiveTheme =\n\t\taddedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;\n\tconst title = getTitle();\n\tlet description = getDescription();\n\n\tif ( ! description && addedBy.text ) {\n\t\tdescription =\n\t\t\tpostType === 'wp_block'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: pattern title e.g: \"Header\".\n\t\t\t\t\t\t__( 'This is the %s pattern.' ),\n\t\t\t\t\t\tgetTitle()\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: template part title e.g: \"Header\".\n\t\t\t\t\t\t__( 'This is the %s template part.' ),\n\t\t\t\t\t\tgetTitle()\n\t\t\t\t );\n\t}\n\n\tif ( ! description && postType === 'wp_block' && record?.title ) {\n\t\tdescription = sprintf(\n\t\t\t// translators: %s: user created pattern title e.g. \"Footer\".\n\t\t\t__( 'This is the %s pattern.' ),\n\t\t\trecord.title\n\t\t);\n\t}\n\n\tconst footer = record?.modified ? (\n\t\t<SidebarNavigationScreenDetailsFooter record={ record } />\n\t) : null;\n\n\tconst details = [];\n\n\tif ( postType === 'wp_block' \|\| 'wp_template_part' ) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Syncing' ),\n\t\t\tvalue:\n\t\t\t\trecord.wp_pattern_sync_status === 'unsynced'\n\t\t\t\t\t? __( 'Not synced' )\n\t\t\t\t\t: __( 'Fully synced' ),\n\t\t} );\n\n\t\tif ( record.wp_pattern_category?.length === 0 ) {\n\t\t\tdetails.push( {\n\t\t\t\tlabel: __( 'Categories' ),\n\t\t\t\tvalue: __( 'Uncategorized' ),\n\t\t\t} );\n\t\t}\n\t\tif ( record.wp_pattern_category?.length > 0 ) {\n\t\t\tconst patternCategories = new Map();\n\t\t\tuserPatternCategories.forEach( ( userCategory ) =>\n\t\t\t\tpatternCategories.set( userCategory.id, userCategory )\n\t\t\t);\n\n\t\t\tconst categories = record.wp_pattern_category\n\t\t\t\t.filter( ( category ) => patternCategories.get( category ) )\n\t\t\t\t.map( ( category ) => patternCategories.get( category ).label );\n\n\t\t\tdetails.push( {\n\t\t\t\tlabel: __( 'Categories' ),\n\t\t\t\tvalue: categories.length > 0 ? categories.join( ', ' ) : '',\n\t\t\t} );\n\t\t}\n\t}\n\n\tif ( postType === 'wp_template_part' ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === record.area\n\t\t);\n\n\t\tlet areaDetailValue = templatePartArea?.label;\n\n\t\tif ( ! areaDetailValue ) {\n\t\t\tareaDetailValue = record.area\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: Sentenced cased template part area e.g: \"My custom area\".\n\t\t\t\t\t\t__( '%s (removed)' ),\n\t\t\t\t\t\tsentenceCase( record.area )\n\t\t\t\t )\n\t\t\t\t: __( 'None' );\n\t\t}\n\n\t\tdetails.push( { label: __( 'Area' ), value: areaDetailValue } );\n\t}\n\n\tif (\n\t\tpostType === 'wp_template_part' &&\n\t\taddedBy.text &&\n\t\t! isAddedByActiveTheme\n\t) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Added by' ),\n\t\t\tvalue: (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__added-by-description-author\">\n\t\t\t\t\t{ addedBy.text }\n\t\t\t\t</span>\n\t\t\t),\n\t\t} );\n\t}\n\n\tif (\n\t\tpostType === 'wp_template_part' &&\n\t\taddedBy.text &&\n\t\t( record.origin === 'plugin' \|\| record.has_theme_file === true )\n\t) {\n\t\tdetails.push( {\n\t\t\tlabel: __( 'Customized' ),\n\t\t\tvalue: (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-pattern__added-by-description-customized\">\n\t\t\t\t\t{ addedBy.isCustomized ? __( 'Yes' ) : __( 'No' ) }\n\t\t\t\t</span>\n\t\t\t),\n\t\t} );\n\t}\n\n\tconst content = (\n\t\t<>\n\t\t\t{ useNavigationMenuContent( postType, postId ) }\n\t\t\t{ !! details.length && (\n\t\t\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\ttitle={ __( 'Details' ) }\n\t\t\t\t>\n\t\t\t\t\t{ details.map( ( { label, value } ) => (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow key={ label }>\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t\t\t{ value }\n\t\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t) ) }\n\t\t\t\t</SidebarNavigationScreenDetailsPanel>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn { title, description, content, footer };\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-patterns/index.js CHANGED Viewed

@@ -16,10 +16,9 @@ var _addNewPattern = _interopRequireDefault(require("../add-new-pattern"));
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _categoryItem = _interopRequireDefault(require("./category-item"));
-var _utils = require("../page-patterns/utils");
+var _constants = require("../../utils/constants");
 var _link = require("../routes/link");
 var _usePatternCategories = _interopRequireDefault(require("./use-pattern-categories"));
-var _useMyPatterns = _interopRequireDefault(require("./use-my-patterns"));
 var _useTemplatePartAreas = _interopRequireDefault(require("./use-template-part-areas"));
 /**
  * WordPress dependencies
@@ -53,7 +52,7 @@ function TemplatePartGroup({
     isActive: currentArea === area && currentType === 'wp_template_part'
   }))));
 }
-function ThemePatternsGroup({
+function PatternCategoriesGroup({
   categories,
   currentCategory,
   currentType
@@ -63,25 +62,11 @@ function ThemePatternsGroup({
   }, categories.map(category => (0, _element.createElement)(_categoryItem.default, {
     key: category.name,
     count: category.count,
-    label: (0, _element.createElement)(_components.Flex, {
-      justify: "left",
-      align: "center",
-      gap: 0
-    }, category.label, (0, _element.createElement)(_components.Tooltip, {
-      position: "top center",
-      text: (0, _i18n.sprintf)(
-      // translators: %s: The pattern category name.
-      '"%s" patterns cannot be edited.', category.label)
-    }, (0, _element.createElement)("span", {
-      className: "edit-site-sidebar-navigation-screen-pattern__lock-icon"
-    }, (0, _element.createElement)(_components.Icon, {
-      icon: _icons.lockSmall,
-      size: 24
-    })))),
+    label: category.label,
     icon: _icons.file,
     id: category.name,
     type: "pattern",
-    isActive: currentCategory === `${category.name}` && currentType === 'pattern'
+    isActive: currentCategory === `${category.name}` && (currentType === _constants.PATTERN_TYPES.theme || currentType === _constants.PATTERN_TYPES.user)
   }))));
 }
 function SidebarNavigationScreenPatterns() {
@@ -90,8 +75,8 @@ function SidebarNavigationScreenPatterns() {
     categoryType,
     categoryId
   } = (0, _url.getQueryArgs)(window.location.href);
-  const currentCategory = categoryId || _utils.DEFAULT_CATEGORY;
-  const currentType = categoryType || _utils.DEFAULT_TYPE;
+  const currentCategory = categoryId || _constants.PATTERN_DEFAULT_CATEGORY;
+  const currentType = categoryType || _constants.PATTERN_TYPES.user;
   const {
     templatePartAreas,
     hasTemplateParts,
@@ -101,9 +86,6 @@ function SidebarNavigationScreenPatterns() {
     patternCategories,
     hasPatterns
   } = (0, _usePatternCategories.default)();
-  const {
-    myPatterns
-  } = (0, _useMyPatterns.default)();
   const templatePartsLink = (0, _link.useLink)({
     path: '/wp_template_part/all'
   });
@@ -122,17 +104,7 @@ function SidebarNavigationScreenPatterns() {
     footer: footer,
     content: (0, _element.createElement)(_element.Fragment, null, isLoading && (0, _i18n.__)('Loading patterns…'), !isLoading && (0, _element.createElement)(_element.Fragment, null, !hasTemplateParts && !hasPatterns && (0, _element.createElement)(_components.__experimentalItemGroup, {
       className: "edit-site-sidebar-navigation-screen-patterns__group"
-    }, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No template parts or patterns found'))), (0, _element.createElement)(_components.__experimentalItemGroup, {
-      className: "edit-site-sidebar-navigation-screen-patterns__group"
-    }, (0, _element.createElement)(_categoryItem.default, {
-      key: myPatterns.name,
-      count: !myPatterns.count ? '0' : myPatterns.count,
-      label: myPatterns.label,
-      icon: _icons.starFilled,
-      id: myPatterns.name,
-      type: "wp_block",
-      isActive: currentCategory === `${myPatterns.name}` && currentType === 'wp_block'
-    })), hasPatterns && (0, _element.createElement)(ThemePatternsGroup, {
+    }, (0, _element.createElement)(_components.__experimentalItem, null, (0, _i18n.__)('No template parts or patterns found'))), hasPatterns && (0, _element.createElement)(PatternCategoriesGroup, {
       categories: patternCategories,
       currentCategory: currentCategory,
       currentType: currentType