@wordpress/edit-site 5.11.0 → 5.12.1

package/build-module/components/sidebar-edit-mode/settings-header/index.js

@@ -1,11 +1,16 @@
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
+
 import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
+import { __, sprintf } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
 /**
  * Internal dependencies
@@ -13,11 +18,25 @@ import { store as interfaceStore } from '@wordpress/interface';
 
 import { STORE_NAME } from '../../../store/constants';
 import { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from '../constants';
+import { store as editSiteStore } from '../../../store';
 
-const SettingsHeader = _ref => {
-  let {
-    sidebarName
-  } = _ref;
+const SettingsHeader = ({
+  sidebarName
+}) => {
+  const {
+    hasPageContentFocus,
+    entityType
+  } = useSelect(select => {
+    const {
+      getEditedPostType,
+      hasPageContentFocus: _hasPageContentFocus
+    } = select(editSiteStore);
+    return {
+      hasPageContentFocus: _hasPageContentFocus(),
+      entityType: getEditedPostType()
+    };
+  });
+  const entityLabel = entityType === 'wp_navigation' ? __('Navigation') : __('Template');
   const {
     enableComplementaryArea
   } = useDispatch(interfaceStore);
@@ -26,29 +45,37 @@ const SettingsHeader = _ref => {
 
   const openBlockSettings = () => enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
 
-  const [templateAriaLabel, templateActiveClass] = sidebarName === SIDEBAR_TEMPLATE ? // translators: ARIA label for the Template sidebar tab, selected.
-  [__('Template (selected)'), 'is-active'] : // translators: ARIA label for the Template Settings Sidebar tab, not selected.
-  [__('Template'), ''];
-  const [blockAriaLabel, blockActiveClass] = sidebarName === SIDEBAR_BLOCK ? // translators: ARIA label for the Block Settings Sidebar tab, selected.
-  [__('Block (selected)'), 'is-active'] : // translators: ARIA label for the Block Settings Sidebar tab, not selected.
-  [__('Block'), ''];
+  let templateAriaLabel;
+
+  if (hasPageContentFocus) {
+    templateAriaLabel = sidebarName === SIDEBAR_TEMPLATE ? // translators: ARIA label for the Template sidebar tab, selected.
+    __('Page (selected)') : // translators: ARIA label for the Template Settings Sidebar tab, not selected.
+    __('Page');
+  } else {
+    templateAriaLabel = sidebarName === SIDEBAR_TEMPLATE ? // translators: ARIA label for the Template sidebar tab, selected.
+    sprintf(__('%s (selected)'), entityLabel) : // translators: ARIA label for the Template Settings Sidebar tab, not selected.
+    entityLabel;
+  }
   /* Use a list so screen readers will announce how many tabs there are. */
 
+
   return createElement("ul", null, createElement("li", null, createElement(Button, {
     onClick: openTemplateSettings,
-    className: `edit-site-sidebar-edit-mode__panel-tab ${templateActiveClass}`,
-    "aria-label": templateAriaLabel // translators: Data label for the Template Settings Sidebar tab.
-    ,
-    "data-label": __('Template')
-  }, // translators: Text label for the Template Settings Sidebar tab.
-  __('Template'))), createElement("li", null, createElement(Button, {
+    className: classnames('edit-site-sidebar-edit-mode__panel-tab', {
+      'is-active': sidebarName === SIDEBAR_TEMPLATE
+    }),
+    "aria-label": templateAriaLabel,
+    "data-label": hasPageContentFocus ? __('Page') : entityLabel
+  }, hasPageContentFocus ? __('Page') : entityLabel)), createElement("li", null, createElement(Button, {
     onClick: openBlockSettings,
-    className: `edit-site-sidebar-edit-mode__panel-tab ${blockActiveClass}`,
-    "aria-label": blockAriaLabel // translators: Data label for the Block Settings Sidebar tab.
-    ,
+    className: classnames('edit-site-sidebar-edit-mode__panel-tab', {
+      'is-active': sidebarName === SIDEBAR_BLOCK
+    }),
+    "aria-label": sidebarName === SIDEBAR_BLOCK ? // translators: ARIA label for the Block Settings Sidebar tab, selected.
+    __('Block (selected)') : // translators: ARIA label for the Block Settings Sidebar tab, not selected.
+    __('Block'),
     "data-label": __('Block')
-  }, // translators: Text label for the Block Settings Sidebar tab.
-  __('Block'))));
+  }, __('Block'))));
 };
 
 export default SettingsHeader;

package/build-module/components/sidebar-edit-mode/settings-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/settings-header/index.js"],"names":["Button","__","useDispatch","store","interfaceStore","STORE_NAME","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","SettingsHeader","sidebarName","enableComplementaryArea","openTemplateSettings","openBlockSettings","templateAriaLabel","templateActiveClass","blockAriaLabel","blockActiveClass"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,cAAlB,QAAwC,sBAAxC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,cAAhD;;AAEA,MAAMC,cAAc,GAAG,QAAuB;AAAA,MAArB;AAAEC,IAAAA;AAAF,GAAqB;AAC7C,QAAM;AAAEC,IAAAA;AAAF,MAA8BR,WAAW,CAAEE,cAAF,CAA/C;;AACA,QAAMO,oBAAoB,GAAG,MAC5BD,uBAAuB,CAAEL,UAAF,EAAcE,gBAAd,CADxB;;AAEA,QAAMK,iBAAiB,GAAG,MACzBF,uBAAuB,CAAEL,UAAF,EAAcC,aAAd,CADxB;;AAGA,QAAM,CAAEO,iBAAF,EAAqBC,mBAArB,IACLL,WAAW,KAAKF,gBAAhB,GACG;AACA,GAAEN,EAAE,CAAE,qBAAF,CAAJ,EAA+B,WAA/B,CAFH,GAGG;AACA,GAAEA,EAAE,CAAE,UAAF,CAAJ,EAAoB,EAApB,CALJ;AAOA,QAAM,CAAEc,cAAF,EAAkBC,gBAAlB,IACLP,WAAW,KAAKH,aAAhB,GACG;AACA,GAAEL,EAAE,CAAE,kBAAF,CAAJ,EAA4B,WAA5B,CAFH,GAGG;AACA,GAAEA,EAAE,CAAE,OAAF,CAAJ,EAAiB,EAAjB,CALJ;AAOA;;AACA,SACC,0BACC,0BACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAGU,oBADX;AAEC,IAAA,SAAS,EAAI,0CAA0CG,mBAAqB,EAF7E;AAGC,kBAAaD,iBAHd,CAIC;AAJD;AAKC,kBAAaZ,EAAE,CAAE,UAAF;AALhB,KAQE;AACAA,EAAAA,EAAE,CAAE,UAAF,CATJ,CADD,CADD,EAeC,0BACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAGW,iBADX;AAEC,IAAA,SAAS,EAAI,0CAA0CI,gBAAkB,EAF1E;AAGC,kBAAaD,cAHd,CAIC;AAJD;AAKC,kBAAad,EAAE,CAAE,OAAF;AALhB,KAQE;AACAA,EAAAA,EAAE,CAAE,OAAF,CATJ,CADD,CAfD,CADD;AAgCA,CAtDD;;AAwDA,eAAeO,cAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { STORE_NAME } from '../../../store/constants';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from '../constants';\n\nconst SettingsHeader = ( { sidebarName } ) => {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst openTemplateSettings = () =>\n\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\tconst openBlockSettings = () =>\n\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\n\tconst [ templateAriaLabel, templateActiveClass ] =\n\t\tsidebarName === SIDEBAR_TEMPLATE\n\t\t\t? // translators: ARIA label for the Template sidebar tab, selected.\n\t\t\t  [ __( 'Template (selected)' ), 'is-active' ]\n\t\t\t: // translators: ARIA label for the Template Settings Sidebar tab, not selected.\n\t\t\t  [ __( 'Template' ), '' ];\n\n\tconst [ blockAriaLabel, blockActiveClass ] =\n\t\tsidebarName === SIDEBAR_BLOCK\n\t\t\t? // translators: ARIA label for the Block Settings Sidebar tab, selected.\n\t\t\t  [ __( 'Block (selected)' ), 'is-active' ]\n\t\t\t: // translators: ARIA label for the Block Settings Sidebar tab, not selected.\n\t\t\t  [ __( 'Block' ), '' ];\n\n\t/* Use a list so screen readers will announce how many tabs there are. */\n\treturn (\n\t\t<ul>\n\t\t\t<li>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ openTemplateSettings }\n\t\t\t\t\tclassName={ `edit-site-sidebar-edit-mode__panel-tab ${ templateActiveClass }` }\n\t\t\t\t\taria-label={ templateAriaLabel }\n\t\t\t\t\t// translators: Data label for the Template Settings Sidebar tab.\n\t\t\t\t\tdata-label={ __( 'Template' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: Text label for the Template Settings Sidebar tab.\n\t\t\t\t\t\t__( 'Template' )\n\t\t\t\t\t}\n\t\t\t\t</Button>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ openBlockSettings }\n\t\t\t\t\tclassName={ `edit-site-sidebar-edit-mode__panel-tab ${ blockActiveClass }` }\n\t\t\t\t\taria-label={ blockAriaLabel }\n\t\t\t\t\t// translators: Data label for the Block Settings Sidebar tab.\n\t\t\t\t\tdata-label={ __( 'Block' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: Text label for the Block Settings Sidebar tab.\n\t\t\t\t\t\t__( 'Block' )\n\t\t\t\t\t}\n\t\t\t\t</Button>\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default SettingsHeader;\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/settings-header/index.js"],"names":["classnames","Button","__","sprintf","useSelect","useDispatch","store","interfaceStore","STORE_NAME","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","editSiteStore","SettingsHeader","sidebarName","hasPageContentFocus","entityType","select","getEditedPostType","_hasPageContentFocus","entityLabel","enableComplementaryArea","openTemplateSettings","openBlockSettings","templateAriaLabel"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,cAAlB,QAAwC,sBAAxC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,cAAhD;AACA,SAASJ,KAAK,IAAIK,aAAlB,QAAuC,gBAAvC;;AAEA,MAAMC,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAuB;AAC7C,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MAAsCX,SAAS,CAAIY,MAAF,IAAc;AACpE,UAAM;AAAEC,MAAAA,iBAAF;AAAqBH,MAAAA,mBAAmB,EAAEI;AAA1C,QACLF,MAAM,CAAEL,aAAF,CADP;AAGA,WAAO;AACNG,MAAAA,mBAAmB,EAAEI,oBAAoB,EADnC;AAENH,MAAAA,UAAU,EAAEE,iBAAiB;AAFvB,KAAP;AAIA,GARoD,CAArD;AAUA,QAAME,WAAW,GAChBJ,UAAU,KAAK,eAAf,GAAiCb,EAAE,CAAE,YAAF,CAAnC,GAAsDA,EAAE,CAAE,UAAF,CADzD;AAGA,QAAM;AAAEkB,IAAAA;AAAF,MAA8Bf,WAAW,CAAEE,cAAF,CAA/C;;AACA,QAAMc,oBAAoB,GAAG,MAC5BD,uBAAuB,CAAEZ,UAAF,EAAcE,gBAAd,CADxB;;AAEA,QAAMY,iBAAiB,GAAG,MACzBF,uBAAuB,CAAEZ,UAAF,EAAcC,aAAd,CADxB;;AAGA,MAAIc,iBAAJ;;AACA,MAAKT,mBAAL,EAA2B;AAC1BS,IAAAA,iBAAiB,GAChBV,WAAW,KAAKH,gBAAhB,GACG;AACAR,IAAAA,EAAE,CAAE,iBAAF,CAFL,GAGG;AACAA,IAAAA,EAAE,CAAE,MAAF,CALN;AAMA,GAPD,MAOO;AACNqB,IAAAA,iBAAiB,GAChBV,WAAW,KAAKH,gBAAhB,GACG;AACAP,IAAAA,OAAO,CAAED,EAAE,CAAE,eAAF,CAAJ,EAAyBiB,WAAzB,CAFV,GAGG;AACAA,IAAAA,WALJ;AAMA;AAED;;;AACA,SACC,0BACC,0BACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAGE,oBADX;AAEC,IAAA,SAAS,EAAGrB,UAAU,CACrB,wCADqB,EAErB;AACC,mBAAaa,WAAW,KAAKH;AAD9B,KAFqB,CAFvB;AAQC,kBAAaa,iBARd;AASC,kBACCT,mBAAmB,GAAGZ,EAAE,CAAE,MAAF,CAAL,GAAkBiB;AAVvC,KAaGL,mBAAmB,GAAGZ,EAAE,CAAE,MAAF,CAAL,GAAkBiB,WAbxC,CADD,CADD,EAkBC,0BACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAGG,iBADX;AAEC,IAAA,SAAS,EAAGtB,UAAU,CACrB,wCADqB,EAErB;AACC,mBAAaa,WAAW,KAAKJ;AAD9B,KAFqB,CAFvB;AAQC,kBACCI,WAAW,KAAKJ,aAAhB,GACG;AACAP,IAAAA,EAAE,CAAE,kBAAF,CAFL,GAGG;AACAA,IAAAA,EAAE,CAAE,OAAF,CAbP;AAeC,kBAAaA,EAAE,CAAE,OAAF;AAfhB,KAiBGA,EAAE,CAAE,OAAF,CAjBL,CADD,CAlBD,CADD;AA0CA,CAhFD;;AAkFA,eAAeU,cAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { STORE_NAME } from '../../../store/constants';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from '../constants';\nimport { store as editSiteStore } from '../../../store';\n\nconst SettingsHeader = ( { sidebarName } ) => {\n\tconst { hasPageContentFocus, entityType } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, hasPageContentFocus: _hasPageContentFocus } =\n\t\t\tselect( editSiteStore );\n\n\t\treturn {\n\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\tentityType: getEditedPostType(),\n\t\t};\n\t} );\n\n\tconst entityLabel =\n\t\tentityType === 'wp_navigation' ? __( 'Navigation' ) : __( 'Template' );\n\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst openTemplateSettings = () =>\n\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\tconst openBlockSettings = () =>\n\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\n\tlet templateAriaLabel;\n\tif ( hasPageContentFocus ) {\n\t\ttemplateAriaLabel =\n\t\t\tsidebarName === SIDEBAR_TEMPLATE\n\t\t\t\t? // translators: ARIA label for the Template sidebar tab, selected.\n\t\t\t\t  __( 'Page (selected)' )\n\t\t\t\t: // translators: ARIA label for the Template Settings Sidebar tab, not selected.\n\t\t\t\t  __( 'Page' );\n\t} else {\n\t\ttemplateAriaLabel =\n\t\t\tsidebarName === SIDEBAR_TEMPLATE\n\t\t\t\t? // translators: ARIA label for the Template sidebar tab, selected.\n\t\t\t\t  sprintf( __( '%s (selected)' ), entityLabel )\n\t\t\t\t: // translators: ARIA label for the Template Settings Sidebar tab, not selected.\n\t\t\t\t  entityLabel;\n\t}\n\n\t/* Use a list so screen readers will announce how many tabs there are. */\n\treturn (\n\t\t<ul>\n\t\t\t<li>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ openTemplateSettings }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-sidebar-edit-mode__panel-tab',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-active': sidebarName === SIDEBAR_TEMPLATE,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ templateAriaLabel }\n\t\t\t\t\tdata-label={\n\t\t\t\t\t\thasPageContentFocus ? __( 'Page' ) : entityLabel\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ hasPageContentFocus ? __( 'Page' ) : entityLabel }\n\t\t\t\t</Button>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ openBlockSettings }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-sidebar-edit-mode__panel-tab',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-active': sidebarName === SIDEBAR_BLOCK,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tsidebarName === SIDEBAR_BLOCK\n\t\t\t\t\t\t\t? // translators: ARIA label for the Block Settings Sidebar tab, selected.\n\t\t\t\t\t\t\t  __( 'Block (selected)' )\n\t\t\t\t\t\t\t: // translators: ARIA label for the Block Settings Sidebar tab, not selected.\n\t\t\t\t\t\t\t  __( 'Block' )\n\t\t\t\t\t}\n\t\t\t\t\tdata-label={ __( 'Block' ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Block' ) }\n\t\t\t\t</Button>\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default SettingsHeader;\n"]}

package/build-module/components/sidebar-edit-mode/sidebar-card/index.js

@@ -0,0 +1,35 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { Icon } from '@wordpress/components';
+export default function SidebarCard({
+  className,
+  title,
+  icon,
+  description,
+  actions,
+  children
+}) {
+  return createElement("div", {
+    className: classnames('edit-site-sidebar-card', className)
+  }, createElement(Icon, {
+    className: "edit-site-sidebar-card__icon",
+    icon: icon
+  }), createElement("div", {
+    className: "edit-site-sidebar-card__content"
+  }, createElement("div", {
+    className: "edit-site-sidebar-card__header"
+  }, createElement("h2", {
+    className: "edit-site-sidebar-card__title"
+  }, title), actions), createElement("div", {
+    className: "edit-site-sidebar-card__description"
+  }, description), children));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/sidebar-card/index.js"],"names":["classnames","Icon","SidebarCard","className","title","icon","description","actions","children"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,eAAe,SAASC,WAAT,CAAsB;AACpCC,EAAAA,SADoC;AAEpCC,EAAAA,KAFoC;AAGpCC,EAAAA,IAHoC;AAIpCC,EAAAA,WAJoC;AAKpCC,EAAAA,OALoC;AAMpCC,EAAAA;AANoC,CAAtB,EAOX;AACH,SACC;AAAK,IAAA,SAAS,EAAGR,UAAU,CAAE,wBAAF,EAA4BG,SAA5B;AAA3B,KACC,cAAC,IAAD;AAAM,IAAA,SAAS,EAAC,8BAAhB;AAA+C,IAAA,IAAI,EAAGE;AAAtD,IADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KAAgDD,KAAhD,CADD,EAEGG,OAFH,CADD,EAKC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,WADH,CALD,EAQGE,QARH,CAFD,CADD;AAeA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nexport default function SidebarCard( {\n\tclassName,\n\ttitle,\n\ticon,\n\tdescription,\n\tactions,\n\tchildren,\n} ) {\n\treturn (\n\t\t<div className={ classnames( 'edit-site-sidebar-card', className ) }>\n\t\t\t<Icon className=\"edit-site-sidebar-card__icon\" icon={ icon } />\n\t\t\t<div className=\"edit-site-sidebar-card__content\">\n\t\t\t\t<div className=\"edit-site-sidebar-card__header\">\n\t\t\t\t\t<h2 className=\"edit-site-sidebar-card__title\">{ title }</h2>\n\t\t\t\t\t{ actions }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-site-sidebar-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/components/sidebar-edit-mode/sidebar-fixed-bottom.js

@@ -8,7 +8,7 @@ import { privateApis as componentsPrivateApis } from '@wordpress/components';
  * Internal dependencies
  */
 
-import { unlock } from '../../private-apis';
+import { unlock } from '../../lock-unlock';
 const {
   createPrivateSlotFill
 } = unlock(componentsPrivateApis);
@@ -17,10 +17,9 @@ const {
   Slot: SidebarFixedBottomSlot,
   Fill: SidebarFixedBottomFill
 } = createPrivateSlotFill(SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME);
-export default function SidebarFixedBottom(_ref) {
-  let {
-    children
-  } = _ref;
+export default function SidebarFixedBottom({
+  children
+}) {
   return createElement(SidebarFixedBottomFill, null, createElement("div", {
     className: "edit-site-sidebar-fixed-bottom-slot"
   }, children));

package/build-module/components/sidebar-edit-mode/sidebar-fixed-bottom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/sidebar-fixed-bottom.js"],"names":["privateApis","componentsPrivateApis","unlock","createPrivateSlotFill","SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME","Slot","SidebarFixedBottomSlot","Fill","SidebarFixedBottomFill","SidebarFixedBottom","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAxB,QAAqD,uBAArD;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,oBAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAA4BD,MAAM,CAAED,qBAAF,CAAxC;AACA,MAAMG,mCAAmC,GAAG,oBAA5C;AACA,MAAM;AAAEC,EAAAA,IAAI,EAAEC,sBAAR;AAAgCC,EAAAA,IAAI,EAAEC;AAAtC,IACLL,qBAAqB,CAAEC,mCAAF,CADtB;AAGA,eAAe,SAASK,kBAAT,OAA4C;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AAC1D,SACC,cAAC,sBAAD,QACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGA,QADH,CADD,CADD;AAOA;AAED,SAASJ,sBAAT","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../private-apis';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME = 'SidebarFixedBottom';\nconst { Slot: SidebarFixedBottomSlot, Fill: SidebarFixedBottomFill } =\n\tcreatePrivateSlotFill( SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME );\n\nexport default function SidebarFixedBottom( { children } ) {\n\treturn (\n\t\t<SidebarFixedBottomFill>\n\t\t\t<div className=\"edit-site-sidebar-fixed-bottom-slot\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</SidebarFixedBottomFill>\n\t);\n}\n\nexport { SidebarFixedBottomSlot };\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/sidebar-fixed-bottom.js"],"names":["privateApis","componentsPrivateApis","unlock","createPrivateSlotFill","SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME","Slot","SidebarFixedBottomSlot","Fill","SidebarFixedBottomFill","SidebarFixedBottom","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAxB,QAAqD,uBAArD;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAA4BD,MAAM,CAAED,qBAAF,CAAxC;AACA,MAAMG,mCAAmC,GAAG,oBAA5C;AACA,MAAM;AAAEC,EAAAA,IAAI,EAAEC,sBAAR;AAAgCC,EAAAA,IAAI,EAAEC;AAAtC,IACLL,qBAAqB,CAAEC,mCAAF,CADtB;AAGA,eAAe,SAASK,kBAAT,CAA6B;AAAEC,EAAAA;AAAF,CAA7B,EAA4C;AAC1D,SACC,cAAC,sBAAD,QACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGA,QADH,CADD,CADD;AAOA;AAED,SAASJ,sBAAT","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME = 'SidebarFixedBottom';\nconst { Slot: SidebarFixedBottomSlot, Fill: SidebarFixedBottomFill } =\n\tcreatePrivateSlotFill( SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME );\n\nexport default function SidebarFixedBottom( { children } ) {\n\treturn (\n\t\t<SidebarFixedBottomFill>\n\t\t\t<div className=\"edit-site-sidebar-fixed-bottom-slot\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</SidebarFixedBottomFill>\n\t);\n}\n\nexport { SidebarFixedBottomSlot };\n"]}

package/build-module/components/sidebar-edit-mode/template-panel/index.js

@@ -0,0 +1,72 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+import { PanelRow, PanelBody } from '@wordpress/components';
+import { store as editorStore } from '@wordpress/editor';
+import { store as coreStore } from '@wordpress/core-data';
+import { decodeEntities } from '@wordpress/html-entities';
+import { __ } from '@wordpress/i18n';
+import { navigation as navigationIcon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+import { store as editSiteStore } from '../../../store';
+import TemplateActions from './template-actions';
+import TemplateAreas from './template-areas';
+import LastRevision from './last-revision';
+import SidebarCard from '../sidebar-card';
+export default function TemplatePanel() {
+  const {
+    info: {
+      title,
+      description,
+      icon
+    },
+    record
+  } = useSelect(select => {
+    const {
+      getEditedPostType,
+      getEditedPostId
+    } = select(editSiteStore);
+    const {
+      getEditedEntityRecord
+    } = select(coreStore);
+    const {
+      __experimentalGetTemplateInfo: getTemplateInfo
+    } = select(editorStore);
+    const postType = getEditedPostType();
+    const postId = getEditedPostId();
+
+    const _record = getEditedEntityRecord('postType', postType, postId);
+
+    const info = _record ? getTemplateInfo(_record) : {};
+    return {
+      info,
+      record: _record
+    };
+  }, []);
+
+  if (!title && !description) {
+    return null;
+  }
+
+  return createElement(PanelBody, {
+    className: "edit-site-template-panel"
+  }, createElement(SidebarCard, {
+    className: "edit-site-template-card",
+    title: decodeEntities(title),
+    icon: record?.type === 'wp_navigation' ? navigationIcon : icon,
+    description: decodeEntities(description),
+    actions: createElement(TemplateActions, {
+      template: record
+    })
+  }, createElement(TemplateAreas, null)), createElement(PanelRow, {
+    header: __('Editing history'),
+    className: "edit-site-template-revisions"
+  }, createElement(LastRevision, null)));
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/sidebar-edit-mode/template-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/index.js"],"names":["useSelect","PanelRow","PanelBody","store","editorStore","coreStore","decodeEntities","__","navigation","navigationIcon","editSiteStore","TemplateActions","TemplateAreas","LastRevision","SidebarCard","TemplatePanel","info","title","description","icon","record","select","getEditedPostType","getEditedPostId","getEditedEntityRecord","__experimentalGetTemplateInfo","getTemplateInfo","postType","postId","_record","type"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,uBAApC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AACA,SAASD,KAAK,IAAIE,SAAlB,QAAmC,sBAAnC;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAU,IAAIC,cAAvB,QAA6C,kBAA7C;AAEA;AACA;AACA;;AACA,SAASN,KAAK,IAAIO,aAAlB,QAAuC,gBAAvC;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,aAAT,GAAyB;AACvC,QAAM;AACLC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA,WAAT;AAAsBC,MAAAA;AAAtB,KADD;AAELC,IAAAA;AAFK,MAGFpB,SAAS,CAAIqB,MAAF,IAAc;AAC5B,UAAM;AAAEC,MAAAA,iBAAF;AAAqBC,MAAAA;AAArB,QAAyCF,MAAM,CAAEX,aAAF,CAArD;AACA,UAAM;AAAEc,MAAAA;AAAF,QAA4BH,MAAM,CAAEhB,SAAF,CAAxC;AACA,UAAM;AAAEoB,MAAAA,6BAA6B,EAAEC;AAAjC,QACLL,MAAM,CAAEjB,WAAF,CADP;AAGA,UAAMuB,QAAQ,GAAGL,iBAAiB,EAAlC;AACA,UAAMM,MAAM,GAAGL,eAAe,EAA9B;;AACA,UAAMM,OAAO,GAAGL,qBAAqB,CAAE,UAAF,EAAcG,QAAd,EAAwBC,MAAxB,CAArC;;AAEA,UAAMZ,IAAI,GAAGa,OAAO,GAAGH,eAAe,CAAEG,OAAF,CAAlB,GAAgC,EAApD;AAEA,WAAO;AAAEb,MAAAA,IAAF;AAAQI,MAAAA,MAAM,EAAES;AAAhB,KAAP;AACA,GAbY,EAaV,EAbU,CAHb;;AAkBA,MAAK,CAAEZ,KAAF,IAAW,CAAEC,WAAlB,EAAgC;AAC/B,WAAO,IAAP;AACA;;AAED,SACC,cAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAC,yBADX;AAEC,IAAA,KAAK,EAAGZ,cAAc,CAAEW,KAAF,CAFvB;AAGC,IAAA,IAAI,EACHG,MAAM,EAAEU,IAAR,KAAiB,eAAjB,GAAmCrB,cAAnC,GAAoDU,IAJtD;AAMC,IAAA,WAAW,EAAGb,cAAc,CAAEY,WAAF,CAN7B;AAOC,IAAA,OAAO,EAAG,cAAC,eAAD;AAAiB,MAAA,QAAQ,EAAGE;AAA5B;AAPX,KASC,cAAC,aAAD,OATD,CADD,EAYC,cAAC,QAAD;AACC,IAAA,MAAM,EAAGb,EAAE,CAAE,iBAAF,CADZ;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,cAAC,YAAD,OAJD,CAZD,CADD;AAqBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { PanelRow, PanelBody } from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { navigation as navigationIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport TemplateActions from './template-actions';\nimport TemplateAreas from './template-areas';\nimport LastRevision from './last-revision';\nimport SidebarCard from '../sidebar-card';\n\nexport default function TemplatePanel() {\n\tconst {\n\t\tinfo: { title, description, icon },\n\t\trecord,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } = select( editSiteStore );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\tselect( editorStore );\n\n\t\tconst postType = getEditedPostType();\n\t\tconst postId = getEditedPostId();\n\t\tconst _record = getEditedEntityRecord( 'postType', postType, postId );\n\n\t\tconst info = _record ? getTemplateInfo( _record ) : {};\n\n\t\treturn { info, record: _record };\n\t}, [] );\n\n\tif ( ! title && ! description ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody className=\"edit-site-template-panel\">\n\t\t\t<SidebarCard\n\t\t\t\tclassName=\"edit-site-template-card\"\n\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\ticon={\n\t\t\t\t\trecord?.type === 'wp_navigation' ? navigationIcon : icon\n\t\t\t\t}\n\t\t\t\tdescription={ decodeEntities( description ) }\n\t\t\t\tactions={ <TemplateActions template={ record } /> }\n\t\t\t>\n\t\t\t\t<TemplateAreas />\n\t\t\t</SidebarCard>\n\t\t\t<PanelRow\n\t\t\t\theader={ __( 'Editing history' ) }\n\t\t\t\tclassName=\"edit-site-template-revisions\"\n\t\t\t>\n\t\t\t\t<LastRevision />\n\t\t\t</PanelRow>\n\t\t</PanelBody>\n\t);\n}\n"]}

package/build-module/components/sidebar-edit-mode/{template-revisions/index.js → template-panel/last-revision.js}

@@ -15,13 +15,13 @@ import { PostTypeSupportCheck } from '@wordpress/editor';
 import useEditedEntityRecord from '../../use-edited-entity-record';
 
 const useRevisionData = () => {
-  var _currentTemplate$_lin, _currentTemplate$_lin2, _currentTemplate$_lin3, _currentTemplate$_lin4, _currentTemplate$_lin5, _currentTemplate$_lin6, _currentTemplate$_lin7, _currentTemplate$_lin8;
+  var _currentTemplate$_lin, _currentTemplate$_lin2;
 
   const {
     record: currentTemplate
   } = useEditedEntityRecord();
-  const lastRevisionId = (_currentTemplate$_lin = currentTemplate === null || currentTemplate === void 0 ? void 0 : (_currentTemplate$_lin2 = currentTemplate._links) === null || _currentTemplate$_lin2 === void 0 ? void 0 : (_currentTemplate$_lin3 = _currentTemplate$_lin2['predecessor-version']) === null || _currentTemplate$_lin3 === void 0 ? void 0 : (_currentTemplate$_lin4 = _currentTemplate$_lin3[0]) === null || _currentTemplate$_lin4 === void 0 ? void 0 : _currentTemplate$_lin4.id) !== null && _currentTemplate$_lin !== void 0 ? _currentTemplate$_lin : null;
-  const revisionsCount = (_currentTemplate$_lin5 = currentTemplate === null || currentTemplate === void 0 ? void 0 : (_currentTemplate$_lin6 = currentTemplate._links) === null || _currentTemplate$_lin6 === void 0 ? void 0 : (_currentTemplate$_lin7 = _currentTemplate$_lin6['version-history']) === null || _currentTemplate$_lin7 === void 0 ? void 0 : (_currentTemplate$_lin8 = _currentTemplate$_lin7[0]) === null || _currentTemplate$_lin8 === void 0 ? void 0 : _currentTemplate$_lin8.count) !== null && _currentTemplate$_lin5 !== void 0 ? _currentTemplate$_lin5 : 0;
+  const lastRevisionId = (_currentTemplate$_lin = currentTemplate?._links?.['predecessor-version']?.[0]?.id) !== null && _currentTemplate$_lin !== void 0 ? _currentTemplate$_lin : null;
+  const revisionsCount = (_currentTemplate$_lin2 = currentTemplate?._links?.['version-history']?.[0]?.count) !== null && _currentTemplate$_lin2 !== void 0 ? _currentTemplate$_lin2 : 0;
   return {
     currentTemplate,
     lastRevisionId,
@@ -29,10 +29,9 @@ const useRevisionData = () => {
   };
 };
 
-function PostLastRevisionCheck(_ref) {
-  let {
-    children
-  } = _ref;
+function PostLastRevisionCheck({
+  children
+}) {
   const {
     lastRevisionId,
     revisionsCount
@@ -67,4 +66,4 @@ const PostLastRevision = () => {
 export default function LastRevision() {
   return createElement(PostLastRevisionCheck, null, createElement(PostLastRevision, null));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=last-revision.js.map

package/build-module/components/sidebar-edit-mode/template-panel/last-revision.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/last-revision.js"],"names":["Button","sprintf","_n","backup","addQueryArgs","PostTypeSupportCheck","useEditedEntityRecord","useRevisionData","record","currentTemplate","lastRevisionId","_links","id","revisionsCount","count","PostLastRevisionCheck","children","PostLastRevision","revision","gutenberg","LastRevision"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,OAAT,EAAkBC,EAAlB,QAA4B,iBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,oBAAT,QAAqC,mBAArC;AAEA;AACA;AACA;;AACA,OAAOC,qBAAP,MAAkC,gCAAlC;;AAEA,MAAMC,eAAe,GAAG,MAAM;AAAA;;AAC7B,QAAM;AAAEC,IAAAA,MAAM,EAAEC;AAAV,MAA8BH,qBAAqB,EAAzD;AAEA,QAAMI,cAAc,4BACnBD,eAAe,EAAEE,MAAjB,GAA2B,qBAA3B,IAAsD,CAAtD,GAA2DC,EADxC,yEAC8C,IADlE;AAGA,QAAMC,cAAc,6BACnBJ,eAAe,EAAEE,MAAjB,GAA2B,iBAA3B,IAAkD,CAAlD,GAAuDG,KADpC,2EAC6C,CADjE;AAGA,SAAO;AACNL,IAAAA,eADM;AAENC,IAAAA,cAFM;AAGNG,IAAAA;AAHM,GAAP;AAKA,CAdD;;AAgBA,SAASE,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAA+C;AAC9C,QAAM;AAAEN,IAAAA,cAAF;AAAkBG,IAAAA;AAAlB,MAAqCN,eAAe,EAA1D;;AAEA,MAAK,CAAEG,cAAF,IAAoBG,cAAc,GAAG,CAA1C,EAA8C;AAC7C,WAAO,IAAP;AACA;;AAED,SACC,cAAC,oBAAD;AAAsB,IAAA,WAAW,EAAC;AAAlC,KACGG,QADH,CADD;AAKA;;AAED,MAAMC,gBAAgB,GAAG,MAAM;AAC9B,QAAM;AAAEP,IAAAA,cAAF;AAAkBG,IAAAA;AAAlB,MAAqCN,eAAe,EAA1D;AAEA,SACC,cAAC,qBAAD,QACC,cAAC,MAAD;AACC,IAAA,IAAI,EAAGH,YAAY,CAAE,cAAF,EAAkB;AACpCc,MAAAA,QAAQ,EAAER,cAD0B;AAEpCS,MAAAA,SAAS,EAAE;AAFyB,KAAlB,CADpB;AAKC,IAAA,SAAS,EAAC,yCALX;AAMC,IAAA,IAAI,EAAGhB;AANR,KAQGF,OAAO;AACR;AACAC,EAAAA,EAAE,CAAE,aAAF,EAAiB,cAAjB,EAAiCW,cAAjC,CAFM,EAGRA,cAHQ,CARV,CADD,CADD;AAkBA,CArBD;;AAuBA,eAAe,SAASO,YAAT,GAAwB;AACtC,SACC,cAAC,qBAAD,QACC,cAAC,gBAAD,OADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { sprintf, _n } from '@wordpress/i18n';\nimport { backup } from '@wordpress/icons';\nimport { addQueryArgs } from '@wordpress/url';\nimport { PostTypeSupportCheck } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\n\nconst useRevisionData = () => {\n\tconst { record: currentTemplate } = useEditedEntityRecord();\n\n\tconst lastRevisionId =\n\t\tcurrentTemplate?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\n\tconst revisionsCount =\n\t\tcurrentTemplate?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\n\treturn {\n\t\tcurrentTemplate,\n\t\tlastRevisionId,\n\t\trevisionsCount,\n\t};\n};\n\nfunction PostLastRevisionCheck( { children } ) {\n\tconst { lastRevisionId, revisionsCount } = useRevisionData();\n\n\tif ( ! lastRevisionId || revisionsCount < 2 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"revisions\">\n\t\t\t{ children }\n\t\t</PostTypeSupportCheck>\n\t);\n}\n\nconst PostLastRevision = () => {\n\tconst { lastRevisionId, revisionsCount } = useRevisionData();\n\n\treturn (\n\t\t<PostLastRevisionCheck>\n\t\t\t<Button\n\t\t\t\thref={ addQueryArgs( 'revision.php', {\n\t\t\t\t\trevision: lastRevisionId,\n\t\t\t\t\tgutenberg: true,\n\t\t\t\t} ) }\n\t\t\t\tclassName=\"edit-site-template-last-revision__title\"\n\t\t\t\ticon={ backup }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: number of revisions */\n\t\t\t\t\t_n( '%d Revision', '%d Revisions', revisionsCount ),\n\t\t\t\t\trevisionsCount\n\t\t\t\t) }\n\t\t\t</Button>\n\t\t</PostLastRevisionCheck>\n\t);\n};\n\nexport default function LastRevision() {\n\treturn (\n\t\t<PostLastRevisionCheck>\n\t\t\t<PostLastRevision />\n\t\t</PostLastRevisionCheck>\n\t);\n}\n"]}

package/build-module/components/sidebar-edit-mode/{template-card → template-panel}/template-actions.js

@@ -13,10 +13,9 @@ import { moreVertical } from '@wordpress/icons';
 
 import { store as editSiteStore } from '../../../store';
 import isTemplateRevertable from '../../../utils/is-template-revertable';
-export default function Actions(_ref) {
-  let {
-    template
-  } = _ref;
+export default function Actions({
+  template
+}) {
   const {
     revertTemplate
   } = useDispatch(editSiteStore);
@@ -33,17 +32,14 @@ export default function Actions(_ref) {
     toggleProps: {
       isSmall: true
     }
-  }, _ref2 => {
-    let {
-      onClose
-    } = _ref2;
-    return createElement(MenuGroup, null, createElement(MenuItem, {
-      info: __('Use the template as supplied by the theme.'),
-      onClick: () => {
-        revertTemplate(template);
-        onClose();
-      }
-    }, __('Clear customizations')));
-  });
+  }, ({
+    onClose
+  }) => createElement(MenuGroup, null, createElement(MenuItem, {
+    info: __('Use the template as supplied by the theme.'),
+    onClick: () => {
+      revertTemplate(template);
+      onClose();
+    }
+  }, __('Clear customizations'))));
 }
 //# sourceMappingURL=template-actions.js.map

package/build-module/components/sidebar-edit-mode/template-panel/template-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/template-actions.js"],"names":["useDispatch","__","DropdownMenu","MenuGroup","MenuItem","moreVertical","store","editSiteStore","isTemplateRevertable","Actions","template","revertTemplate","isRevertable","isSmall","onClose"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,iBAA5B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,YAAT,EAAuBC,SAAvB,EAAkCC,QAAlC,QAAkD,uBAAlD;AACA,SAASC,YAAT,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,gBAAvC;AACA,OAAOC,oBAAP,MAAiC,uCAAjC;AAEA,eAAe,SAASC,OAAT,CAAkB;AAAEC,EAAAA;AAAF,CAAlB,EAAiC;AAC/C,QAAM;AAAEC,IAAAA;AAAF,MAAqBX,WAAW,CAAEO,aAAF,CAAtC;AACA,QAAMK,YAAY,GAAGJ,oBAAoB,CAAEE,QAAF,CAAzC;;AACA,MAAK,CAAEE,YAAP,EAAsB;AACrB,WAAO,IAAP;AACA;;AACD,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAGP,YADR;AAEC,IAAA,KAAK,EAAGJ,EAAE,CAAE,SAAF,CAFX;AAGC,IAAA,SAAS,EAAC,kCAHX;AAIC,IAAA,WAAW,EAAG;AAAEY,MAAAA,OAAO,EAAE;AAAX;AAJf,KAMG,CAAE;AAAEC,IAAAA;AAAF,GAAF,KACD,cAAC,SAAD,QACC,cAAC,QAAD;AACC,IAAA,IAAI,EAAGb,EAAE,CACR,4CADQ,CADV;AAIC,IAAA,OAAO,EAAG,MAAM;AACfU,MAAAA,cAAc,CAAED,QAAF,CAAd;AACAI,MAAAA,OAAO;AACP;AAPF,KASGb,EAAE,CAAE,sBAAF,CATL,CADD,CAPF,CADD;AAwBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport isTemplateRevertable from '../../../utils/is-template-revertable';\n\nexport default function Actions( { template } ) {\n\tconst { revertTemplate } = useDispatch( editSiteStore );\n\tconst isRevertable = isTemplateRevertable( template );\n\tif ( ! isRevertable ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName=\"edit-site-template-card__actions\"\n\t\t\ttoggleProps={ { isSmall: true } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\trevertTemplate( template );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}

package/build-module/components/sidebar-edit-mode/{template-card → template-panel}/template-areas.js

@@ -14,11 +14,10 @@ import { __ } from '@wordpress/i18n';
 
 import { store as editSiteStore } from '../../../store';
 
-function TemplateAreaItem(_ref) {
-  let {
-    area,
-    clientId
-  } = _ref;
+function TemplateAreaItem({
+  area,
+  clientId
+}) {
   const {
     selectBlock,
     toggleBlockHighlight
@@ -35,7 +34,7 @@ function TemplateAreaItem(_ref) {
 
   return createElement(Button, {
     className: "edit-site-template-card__template-areas-item",
-    icon: templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.icon,
+    icon: templatePartArea?.icon,
     onMouseOver: highlightBlock,
     onMouseLeave: cancelHighlightBlock,
     onFocus: highlightBlock,
@@ -43,7 +42,7 @@ function TemplateAreaItem(_ref) {
     onClick: () => {
       selectBlock(clientId);
     }
-  }, templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.label);
+  }, templatePartArea?.label);
 }
 
 export default function TemplateAreas() {
@@ -60,17 +59,14 @@ export default function TemplateAreas() {
     className: "edit-site-template-card__template-areas-title"
   }, __('Areas')), createElement("ul", {
     className: "edit-site-template-card__template-areas-list"
-  }, templateParts.map(_ref2 => {
-    let {
-      templatePart,
-      block
-    } = _ref2;
-    return createElement("li", {
-      key: templatePart.slug
-    }, createElement(TemplateAreaItem, {
-      area: templatePart.area,
-      clientId: block.clientId
-    }));
-  })));
+  }, templateParts.map(({
+    templatePart,
+    block
+  }) => createElement("li", {
+    key: templatePart.slug
+  }, createElement(TemplateAreaItem, {
+    area: templatePart.area,
+    clientId: block.clientId
+  })))));
 }
 //# sourceMappingURL=template-areas.js.map

package/build-module/components/sidebar-edit-mode/template-panel/template-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/template-areas.js"],"names":["useSelect","useDispatch","Button","__experimentalHeading","Heading","store","editorStore","blockEditorStore","__","editSiteStore","TemplateAreaItem","area","clientId","selectBlock","toggleBlockHighlight","templatePartArea","select","defaultAreas","__experimentalGetDefaultTemplatePartAreas","find","defaultArea","highlightBlock","cancelHighlightBlock","icon","label","TemplateAreas","templateParts","getCurrentTemplateTemplateParts","length","map","templatePart","block","slug"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SACCC,MADD,EAECC,qBAAqB,IAAIC,OAF1B,QAGO,uBAHP;AAIA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,yBAA1C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASH,KAAK,IAAII,aAAlB,QAAuC,gBAAvC;;AAEA,SAASC,gBAAT,CAA2B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA3B,EAAgD;AAC/C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MACLb,WAAW,CAAEM,gBAAF,CADZ;AAEA,QAAMQ,gBAAgB,GAAGf,SAAS,CAC/BgB,MAAF,IAAc;AACb,UAAMC,YAAY,GACjBD,MAAM,CACLV,WADK,CAAN,CAEEY,yCAFF,EADD;;AAKA,WAAOD,YAAY,CAACE,IAAb,CACJC,WAAF,IAAmBA,WAAW,CAACT,IAAZ,KAAqBA,IADlC,CAAP;AAGA,GAVgC,EAWjC,CAAEA,IAAF,CAXiC,CAAlC;;AAcA,QAAMU,cAAc,GAAG,MAAMP,oBAAoB,CAAEF,QAAF,EAAY,IAAZ,CAAjD;;AACA,QAAMU,oBAAoB,GAAG,MAAMR,oBAAoB,CAAEF,QAAF,EAAY,KAAZ,CAAvD;;AAEA,SACC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,8CADX;AAEC,IAAA,IAAI,EAAGG,gBAAgB,EAAEQ,IAF1B;AAGC,IAAA,WAAW,EAAGF,cAHf;AAIC,IAAA,YAAY,EAAGC,oBAJhB;AAKC,IAAA,OAAO,EAAGD,cALX;AAMC,IAAA,MAAM,EAAGC,oBANV;AAOC,IAAA,OAAO,EAAG,MAAM;AACfT,MAAAA,WAAW,CAAED,QAAF,CAAX;AACA;AATF,KAWGG,gBAAgB,EAAES,KAXrB,CADD;AAeA;;AAED,eAAe,SAASC,aAAT,GAAyB;AACvC,QAAMC,aAAa,GAAG1B,SAAS,CAC5BgB,MAAF,IAAcA,MAAM,CAAEP,aAAF,CAAN,CAAwBkB,+BAAxB,EADgB,EAE9B,EAF8B,CAA/B;;AAKA,MAAK,CAAED,aAAa,CAACE,MAArB,EAA8B;AAC7B,WAAO,IAAP;AACA;;AAED,SACC;AAAS,IAAA,SAAS,EAAC;AAAnB,KACC,cAAC,OAAD;AACC,IAAA,KAAK,EAAG,CADT;AAEC,IAAA,SAAS,EAAC;AAFX,KAIGpB,EAAE,CAAE,OAAF,CAJL,CADD,EAQC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGkB,aAAa,CAACG,GAAd,CAAmB,CAAE;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAAF,KACpB;AAAI,IAAA,GAAG,EAAGD,YAAY,CAACE;AAAvB,KACC,cAAC,gBAAD;AACC,IAAA,IAAI,EAAGF,YAAY,CAACnB,IADrB;AAEC,IAAA,QAAQ,EAAGoB,KAAK,CAACnB;AAFlB,IADD,CADC,CADH,CARD,CADD;AAqBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\nfunction TemplateAreaItem( { area, clientId } ) {\n\tconst { selectBlock, toggleBlockHighlight } =\n\t\tuseDispatch( blockEditorStore );\n\tconst templatePartArea = useSelect(\n\t\t( select ) => {\n\t\t\tconst defaultAreas =\n\t\t\t\tselect(\n\t\t\t\t\teditorStore\n\t\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\n\t\t\treturn defaultAreas.find(\n\t\t\t\t( defaultArea ) => defaultArea.area === area\n\t\t\t);\n\t\t},\n\t\t[ area ]\n\t);\n\n\tconst highlightBlock = () => toggleBlockHighlight( clientId, true );\n\tconst cancelHighlightBlock = () => toggleBlockHighlight( clientId, false );\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-template-card__template-areas-item\"\n\t\t\ticon={ templatePartArea?.icon }\n\t\t\tonMouseOver={ highlightBlock }\n\t\t\tonMouseLeave={ cancelHighlightBlock }\n\t\t\tonFocus={ highlightBlock }\n\t\t\tonBlur={ cancelHighlightBlock }\n\t\t\tonClick={ () => {\n\t\t\t\tselectBlock( clientId );\n\t\t\t} }\n\t\t>\n\t\t\t{ templatePartArea?.label }\n\t\t</Button>\n\t);\n}\n\nexport default function TemplateAreas() {\n\tconst templateParts = useSelect(\n\t\t( select ) => select( editSiteStore ).getCurrentTemplateTemplateParts(),\n\t\t[]\n\t);\n\n\tif ( ! templateParts.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<section className=\"edit-site-template-card__template-areas\">\n\t\t\t<Heading\n\t\t\t\tlevel={ 3 }\n\t\t\t\tclassName=\"edit-site-template-card__template-areas-title\"\n\t\t\t>\n\t\t\t\t{ __( 'Areas' ) }\n\t\t\t</Heading>\n\n\t\t\t<ul className=\"edit-site-template-card__template-areas-list\">\n\t\t\t\t{ templateParts.map( ( { templatePart, block } ) => (\n\t\t\t\t\t<li key={ templatePart.slug }>\n\t\t\t\t\t\t<TemplateAreaItem\n\t\t\t\t\t\t\tarea={ templatePart.area }\n\t\t\t\t\t\t\tclientId={ block.clientId }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t</section>\n\t);\n}\n"]}

package/build-module/components/sidebar-navigation-item/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -10,18 +9,22 @@ import classnames from 'classnames';
  */
 
 import { __experimentalItem as Item, __experimentalHStack as HStack, FlexBlock } from '@wordpress/components';
-import { chevronRightSmall, Icon } from '@wordpress/icons';
-export default function SidebarNavigationItem(_ref) {
-  let {
-    className,
-    icon,
-    withChevron = false,
-    children,
+import { isRTL } from '@wordpress/i18n';
+import { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';
+export default function SidebarNavigationItem({
+  className,
+  icon,
+  withChevron = false,
+  suffix,
+  children,
+  ...props
+}) {
+  return createElement(Item, {
+    className: classnames('edit-site-sidebar-navigation-item', {
+      'with-suffix': !withChevron && suffix
+    }, className),
     ...props
-  } = _ref;
-  return createElement(Item, _extends({
-    className: classnames('edit-site-sidebar-navigation-item', className)
-  }, props), createElement(HStack, {
+  }, createElement(HStack, {
     justify: "flex-start"
   }, icon && createElement(Icon, {
     style: {
@@ -30,9 +33,9 @@ export default function SidebarNavigationItem(_ref) {
     icon: icon,
     size: 24
   }), createElement(FlexBlock, null, children), withChevron && createElement(Icon, {
-    icon: chevronRightSmall,
+    icon: isRTL() ? chevronLeftSmall : chevronRightSmall,
     className: "edit-site-sidebar-navigation-item__drilldown-indicator",
     size: 24
-  })));
+  }), !withChevron && suffix));
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar-navigation-item/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"names":["classnames","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","chevronRightSmall","Icon","SidebarNavigationItem","className","icon","withChevron","children","props","fill"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,kBAAkB,IAAIC,IADvB,EAECC,oBAAoB,IAAIC,MAFzB,EAGCC,SAHD,QAIO,uBAJP;AAKA,SAASC,iBAAT,EAA4BC,IAA5B,QAAwC,kBAAxC;AAEA,eAAe,SAASC,qBAAT,OAMX;AAAA,MAN2C;AAC9CC,IAAAA,SAD8C;AAE9CC,IAAAA,IAF8C;AAG9CC,IAAAA,WAAW,GAAG,KAHgC;AAI9CC,IAAAA,QAJ8C;AAK9C,OAAGC;AAL2C,GAM3C;AACH,SACC,cAAC,IAAD;AACC,IAAA,SAAS,EAAGb,UAAU,CACrB,mCADqB,EAErBS,SAFqB;AADvB,KAKMI,KALN,GAOC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACGH,IAAI,IACL,cAAC,IAAD;AACC,IAAA,KAAK,EAAG;AAAEI,MAAAA,IAAI,EAAE;AAAR,KADT;AAEC,IAAA,IAAI,EAAGJ,IAFR;AAGC,IAAA,IAAI,EAAG;AAHR,IAFF,EAQC,cAAC,SAAD,QAAaE,QAAb,CARD,EASGD,WAAW,IACZ,cAAC,IAAD;AACC,IAAA,IAAI,EAAGL,iBADR;AAEC,IAAA,SAAS,EAAC,wDAFX;AAGC,IAAA,IAAI,EAAG;AAHR,IAVF,CAPD,CADD;AA2BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tchildren,\n\t...props\n} ) {\n\treturn (\n\t\t<Item\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"names":["classnames","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","isRTL","chevronRightSmall","chevronLeftSmall","Icon","SidebarNavigationItem","className","icon","withChevron","suffix","children","props","fill"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,kBAAkB,IAAIC,IADvB,EAECC,oBAAoB,IAAIC,MAFzB,EAGCC,SAHD,QAIO,uBAJP;AAKA,SAASC,KAAT,QAAsB,iBAAtB;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,EAA8CC,IAA9C,QAA0D,kBAA1D;AAEA,eAAe,SAASC,qBAAT,CAAgC;AAC9CC,EAAAA,SAD8C;AAE9CC,EAAAA,IAF8C;AAG9CC,EAAAA,WAAW,GAAG,KAHgC;AAI9CC,EAAAA,MAJ8C;AAK9CC,EAAAA,QAL8C;AAM9C,KAAGC;AAN2C,CAAhC,EAOX;AACH,SACC,cAAC,IAAD;AACC,IAAA,SAAS,EAAGhB,UAAU,CACrB,mCADqB,EAErB;AAAE,qBAAe,CAAEa,WAAF,IAAiBC;AAAlC,KAFqB,EAGrBH,SAHqB,CADvB;AAAA,OAMMK;AANN,KAQC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACGJ,IAAI,IACL,cAAC,IAAD;AACC,IAAA,KAAK,EAAG;AAAEK,MAAAA,IAAI,EAAE;AAAR,KADT;AAEC,IAAA,IAAI,EAAGL,IAFR;AAGC,IAAA,IAAI,EAAG;AAHR,IAFF,EAQC,cAAC,SAAD,QAAaG,QAAb,CARD,EASGF,WAAW,IACZ,cAAC,IAAD;AACC,IAAA,IAAI,EAAGP,KAAK,KAAKE,gBAAL,GAAwBD,iBADrC;AAEC,IAAA,SAAS,EAAC,wDAFX;AAGC,IAAA,IAAI,EAAG;AAHR,IAVF,EAgBG,CAAEM,WAAF,IAAiBC,MAhBpB,CARD,CADD;AA6BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tchildren,\n\t...props\n} ) {\n\treturn (\n\t\t<Item\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"]}