@wordpress/edit-site 5.31.0 → 5.33.0

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

@@ -10,6 +10,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _router = require("@wordpress/router");
+var _element = require("@wordpress/element");
+var _lockUnlock = require("../../lock-unlock");
+var _sidebar = require("../sidebar");
 /**
  * External dependencies
  */
@@ -18,18 +22,45 @@ var _icons = require("@wordpress/icons");
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 function SidebarNavigationItem({
   className,
   icon,
   withChevron = false,
   suffix,
+  path,
+  onClick,
   children,
   ...props
 }) {
+  const history = useHistory();
+  const navigate = (0, _element.useContext)(_sidebar.SidebarNavigationContext);
+
+  // If there is no custom click handler, create one that navigates to `path`.
+  function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+      navigate('forward');
+    } else if (path) {
+      e.preventDefault();
+      history.push({
+        path
+      });
+      navigate('forward', `[id="${path}"]`);
+    }
+  }
   return (0, _react.createElement)(_components.__experimentalItem, {
     className: (0, _classnames.default)('edit-site-sidebar-navigation-item', {
       'with-suffix': !withChevron && suffix
     }, className),
+    onClick: handleClick,
+    id: path,
     ...props
   }, (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "flex-start"

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_icons","SidebarNavigationItem","className","icon","withChevron","suffix","children","props","_react","createElement","__experimentalItem","classnames","__experimentalHStack","justify","Icon","style","fill","size","FlexBlock","isRTL","chevronLeftSmall","chevronRightSmall"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AASe,SAASI,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,kBAAI;IACJR,SAAS,EAAG,IAAAS,mBAAU,EACrB,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEP,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IAAA,GACEK;EAAK,GAEV,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,oBAAM;IAACC,OAAO,EAAC;EAAY,GACzBV,IAAI,IACL,IAAAK,MAAA,CAAAC,aAAA,EAACT,MAAA,CAAAc,IAAI;IACJC,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAe,CAAG;IAClCb,IAAI,EAAGA,IAAM;IACbc,IAAI,EAAG;EAAI,CACX,CACD,EACD,IAAAT,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAoB,SAAS,QAAGZ,QAAqB,CAAC,EACjCF,WAAW,IACZ,IAAAI,MAAA,CAAAC,aAAA,EAACT,MAAA,CAAAc,IAAI;IACJX,IAAI,EAAG,IAAAgB,WAAK,EAAC,CAAC,GAAGC,uBAAgB,GAAGC,wBAAmB;IACvDnB,SAAS,EAAC,wDAAwD;IAClEe,IAAI,EAAG;EAAI,CACX,CACD,EACC,CAAEb,WAAW,IAAIC,MACZ,CACH,CAAC;AAET"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_icons","_router","_element","_lockUnlock","_sidebar","useHistory","unlock","routerPrivateApis","SidebarNavigationItem","className","icon","withChevron","suffix","path","onClick","children","props","history","navigate","useContext","SidebarNavigationContext","handleClick","e","preventDefault","push","_react","createElement","__experimentalItem","classnames","id","__experimentalHStack","justify","Icon","style","fill","size","FlexBlock","isRTL","chevronLeftSmall","chevronRightSmall"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"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';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tpath,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst navigate = useContext( SidebarNavigationContext );\n\n\t// If there is no custom click handler, create one that navigates to `path`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( path ) {\n\t\t\te.preventDefault();\n\t\t\thistory.push( { path } );\n\t\t\tnavigate( 'forward', `[id=\"${ path }\"]` );\n\t\t}\n\t}\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\tonClick={ handleClick }\n\t\t\tid={ path }\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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAtBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,MAAM;EAAEQ;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEnC,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGZ,UAAU,CAAC,CAAC;EAC5B,MAAMa,QAAQ,GAAG,IAAAC,mBAAU,EAAEC,iCAAyB,CAAC;;EAEvD;EACA,SAASC,WAAWA,CAAEC,CAAC,EAAG;IACzB,IAAKR,OAAO,EAAG;MACdA,OAAO,CAAEQ,CAAE,CAAC;MACZJ,QAAQ,CAAE,SAAU,CAAC;IACtB,CAAC,MAAM,IAAKL,IAAI,EAAG;MAClBS,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBN,OAAO,CAACO,IAAI,CAAE;QAAEX;MAAK,CAAE,CAAC;MACxBK,QAAQ,CAAE,SAAS,EAAG,QAAQL,IAAM,IAAI,CAAC;IAC1C;EACD;EAEA,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA6B,kBAAI;IACJlB,SAAS,EAAG,IAAAmB,mBAAU,EACrB,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEjB,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IACHK,OAAO,EAAGO,WAAa;IACvBQ,EAAE,EAAGhB,IAAM;IAAA,GACNG;EAAK,GAEV,IAAAS,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,oBAAM;IAACC,OAAO,EAAC;EAAY,GACzBrB,IAAI,IACL,IAAAe,MAAA,CAAAC,aAAA,EAAC1B,MAAA,CAAAgC,IAAI;IACJC,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAe,CAAG;IAClCxB,IAAI,EAAGA,IAAM;IACbyB,IAAI,EAAG;EAAI,CACX,CACD,EACD,IAAAV,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAsC,SAAS,QAAGrB,QAAqB,CAAC,EACjCJ,WAAW,IACZ,IAAAc,MAAA,CAAAC,aAAA,EAAC1B,MAAA,CAAAgC,IAAI;IACJtB,IAAI,EAAG,IAAA2B,WAAK,EAAC,CAAC,GAAGC,uBAAgB,GAAGC,wBAAmB;IACvD9B,SAAS,EAAC,wDAAwD;IAClE0B,IAAI,EAAG;EAAI,CACX,CACD,EACC,CAAExB,WAAW,IAAIC,MACZ,CACH,CAAC;AAET","ignoreList":[]}

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

@@ -13,10 +13,12 @@ var _icons = require("@wordpress/icons");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _router = require("@wordpress/router");
+var _element = require("@wordpress/element");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
 var _isPreviewingTheme = require("../../utils/is-previewing-theme");
+var _sidebar = require("../sidebar");
 /**
  * External dependencies
  */
@@ -30,8 +32,36 @@ var _isPreviewingTheme = require("../../utils/is-previewing-theme");
  */
 
 const {
+  useHistory,
   useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
+function getBackPath(params) {
+  // From a data view path we navigate back to root
+  if (params.path) {
+    return {};
+  }
+
+  // From edit screen for a post we navigate back to post-type specific data view
+  if (params.postType === 'page') {
+    return {
+      path: '/page',
+      postId: params.postId
+    };
+  } else if (params.postType === 'wp_template') {
+    return {
+      path: '/wp_template',
+      postId: params.postId
+    };
+  } else if (params.postType === 'wp_navigation') {
+    return {
+      path: '/navigation',
+      postId: params.postId
+    };
+  }
+
+  // Go back to root by default
+  return {};
+}
 function SidebarNavigationScreen({
   isRoot,
   title,
@@ -60,7 +90,8 @@ function SidebarNavigationScreen({
     };
   }, []);
   const location = useLocation();
-  const navigator = (0, _components.__experimentalUseNavigator)();
+  const history = useHistory();
+  const navigate = (0, _element.useContext)(_sidebar.SidebarNavigationContext);
   const icon = (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft;
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalVStack, {
     className: (0, _classnames.default)('edit-site-sidebar-navigation-screen__main', {
@@ -74,14 +105,10 @@ function SidebarNavigationScreen({
     className: "edit-site-sidebar-navigation-screen__title-icon"
   }, !isRoot && (0, _react.createElement)(_sidebarButton.default, {
     onClick: () => {
-      const backPath = backPathProp !== null && backPathProp !== void 0 ? backPathProp : location.state?.backPath;
-      if (backPath) {
-        navigator.goTo(backPath, {
-          isBack: true
-        });
-      } else {
-        navigator.goToParent();
-      }
+      var _ref;
+      const backPath = (_ref = backPathProp !== null && backPathProp !== void 0 ? backPathProp : location.state?.backPath) !== null && _ref !== void 0 ? _ref : getBackPath(location.params);
+      history.push(backPath);
+      navigate('back');
     },
     icon: icon,
     label: (0, _i18n.__)('Back'),

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_icons","_coreData","_data","_router","_store","_lockUnlock","_sidebarButton","_isPreviewingTheme","useLocation","unlock","routerPrivateApis","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","useSelect","select","getSettings","editSiteStore","currentlyPreviewingThemeId","currentlyPreviewingTheme","__experimentalDashboardLink","__experimentalDashboardLinkText","coreStore","getTheme","name","rendered","undefined","location","navigator","useNavigator","icon","isRTL","chevronRight","chevronLeft","_react","createElement","Fragment","__experimentalVStack","className","classnames","spacing","justify","__experimentalHStack","alignment","default","onClick","state","goTo","isBack","goToParent","label","__","showTooltip","href","__experimentalHeading","color","level","size","isPreviewingTheme","sprintf"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst navigator = useNavigator();\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-sidebar-navigation-screen__main',\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst backPath =\n\t\t\t\t\t\t\t\t\tbackPathProp ?? location.state?.backPath;\n\t\t\t\t\t\t\t\tif ( backPath ) {\n\t\t\t\t\t\t\t\t\tnavigator.goTo( backPath, {\n\t\t\t\t\t\t\t\t\t\tisBack: true,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tnavigator.goToParent();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_icons","_coreData","_data","_router","_element","_store","_lockUnlock","_sidebarButton","_isPreviewingTheme","_sidebar","useHistory","useLocation","unlock","routerPrivateApis","getBackPath","params","path","postType","postId","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","useSelect","select","getSettings","editSiteStore","currentlyPreviewingThemeId","currentlyPreviewingTheme","__experimentalDashboardLink","__experimentalDashboardLinkText","coreStore","getTheme","name","rendered","undefined","location","history","navigate","useContext","SidebarNavigationContext","icon","isRTL","chevronRight","chevronLeft","_react","createElement","Fragment","__experimentalVStack","className","classnames","spacing","justify","__experimentalHStack","alignment","default","onClick","_ref","state","push","label","__","showTooltip","href","__experimentalHeading","color","level","size","isPreviewingTheme","sprintf"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction getBackPath( params ) {\n\t// From a data view path we navigate back to root\n\tif ( params.path ) {\n\t\treturn {};\n\t}\n\n\t// From edit screen for a post we navigate back to post-type specific data view\n\tif ( params.postType === 'page' ) {\n\t\treturn { path: '/page', postId: params.postId };\n\t} else if ( params.postType === 'wp_template' ) {\n\t\treturn { path: '/wp_template', postId: params.postId };\n\t} else if ( params.postType === 'wp_navigation' ) {\n\t\treturn { path: '/navigation', postId: params.postId };\n\t}\n\n\t// Go back to root by default\n\treturn {};\n}\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst navigate = useContext( SidebarNavigationContext );\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-sidebar-navigation-screen__main',\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst backPath =\n\t\t\t\t\t\t\t\t\tbackPathProp ??\n\t\t\t\t\t\t\t\t\tlocation.state?.backPath ??\n\t\t\t\t\t\t\t\t\tgetBackPath( location.params );\n\t\t\t\t\t\t\t\thistory.push( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,6 +26,7 @@ function SidebarNavigationScreenDetailsFooter({
   record,
   ...otherProps
 }) {
+  var _record$_links$predec, _record$_links$versio;
   /*
    * There might be other items in the future,
    * but for now it's just modified date.
@@ -33,7 +34,10 @@ function SidebarNavigationScreenDetailsFooter({
    * the following logic.
    */
   const hrefProps = {};
-  if (record?._links?.['predecessor-version']?.[0]?.id) {
+  const lastRevisionId = (_record$_links$predec = record?._links?.['predecessor-version']?.[0]?.id) !== null && _record$_links$predec !== void 0 ? _record$_links$predec : null;
+  const revisionsCount = (_record$_links$versio = record?._links?.['version-history']?.[0]?.count) !== null && _record$_links$versio !== void 0 ? _record$_links$versio : 0;
+  // Enable the revisions link if there is a last revision and there are more than one revisions.
+  if (lastRevisionId && revisionsCount > 1) {
     hrefProps.href = (0, _url.addQueryArgs)('revision.php', {
       revision: record?._links['predecessor-version'][0].id
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_date","_element","_url","_components","_icons","_sidebarNavigationScreenDetailsPanel","_sidebarNavigationItem","_interopRequireDefault","SidebarNavigationScreenDetailsFooter","record","otherProps","hrefProps","_links","id","href","addQueryArgs","revision","as","_react","createElement","__experimentalItemGroup","className","default","__","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\taria-label={ __( '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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,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,IAAAC,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,SAAS,EAAC;EAAoD,GACxE,IAAAH,MAAA,CAAAC,aAAA,EAACb,sBAAA,CAAAgB,OAAqB;IACrB,cAAa,IAAAC,QAAE,EAAE,WAAY,CAAG;IAAA,GAC3BZ,SAAS;IAAA,GACTD;EAAU,GAEf,IAAAQ,MAAA,CAAAC,aAAA,EAACd,oCAAA,CAAAmB,sCAAsC;IAACC,OAAO,EAAC;EAAe,GAC9D,IAAAP,MAAA,CAAAC,aAAA,EAACd,oCAAA,CAAAqB,wCAAwC,QACtC,IAAAH,QAAE,EAAE,eAAgB,CACmB,CAAC,EAC3C,IAAAL,MAAA,CAAAC,aAAA,EAACd,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,IAAAd,MAAA,CAAAC,aAAA;MAAMc,QAAQ,EAAGxB,MAAM,CAACsB;IAAU,CAAE;EAC3C,CACD,CACyC,CAAC,EAC3C,IAAAb,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAA+B,IAAI;IACJb,SAAS,EAAC,0DAA0D;IACpEc,IAAI,EAAGC;EAAQ,CACf,CACsC,CAClB,CACb,CAAC;AAEd"}
+{"version":3,"names":["_i18n","require","_date","_element","_url","_components","_icons","_sidebarNavigationScreenDetailsPanel","_sidebarNavigationItem","_interopRequireDefault","SidebarNavigationScreenDetailsFooter","record","otherProps","_record$_links$predec","_record$_links$versio","hrefProps","lastRevisionId","_links","id","revisionsCount","count","href","addQueryArgs","revision","as","_react","createElement","__experimentalItemGroup","className","default","__","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\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\tconst revisionsCount =\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t// Enable the revisions link if there is a last revision and there are more than one revisions.\n\tif ( lastRevisionId && revisionsCount > 1 ) {\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\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-details-footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\taria-label={ __( '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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,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;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACH;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,SAAS,GAAG,CAAC,CAAC;EACpB,MAAMC,cAAc,IAAAH,qBAAA,GACnBF,MAAM,EAAEM,MAAM,GAAI,qBAAqB,CAAE,GAAI,CAAC,CAAE,EAAEC,EAAE,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,IAAI;EAC7D,MAAMM,cAAc,IAAAL,qBAAA,GACnBH,MAAM,EAAEM,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEG,KAAK,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EACzD;EACA,IAAKE,cAAc,IAAIG,cAAc,GAAG,CAAC,EAAG;IAC3CJ,SAAS,CAACM,IAAI,GAAG,IAAAC,iBAAY,EAAE,cAAc,EAAE;MAC9CC,QAAQ,EAAEZ,MAAM,EAAEM,MAAM,CAAE,qBAAqB,CAAE,CAAE,CAAC,CAAE,CAACC;IACxD,CAAE,CAAC;IACHH,SAAS,CAACS,EAAE,GAAG,GAAG;EACnB;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAsB,uBAAS;IAACC,SAAS,EAAC;EAAoD,GACxE,IAAAH,MAAA,CAAAC,aAAA,EAAClB,sBAAA,CAAAqB,OAAqB;IACrB,cAAa,IAAAC,QAAE,EAAE,WAAY,CAAG;IAAA,GAC3Bf,SAAS;IAAA,GACTH;EAAU,GAEf,IAAAa,MAAA,CAAAC,aAAA,EAACnB,oCAAA,CAAAwB,sCAAsC;IAACC,OAAO,EAAC;EAAe,GAC9D,IAAAP,MAAA,CAAAC,aAAA,EAACnB,oCAAA,CAAA0B,wCAAwC,QACtC,IAAAH,QAAE,EAAE,eAAgB,CACmB,CAAC,EAC3C,IAAAL,MAAA,CAAAC,aAAA,EAACnB,oCAAA,CAAA2B,wCAAwC,QACtC,IAAAC,iCAAwB,EACzB,IAAAC,aAAO,GACN;EACA,IAAAN,QAAE,EAAE,iBAAkB,CAAC,EACvB,IAAAO,mBAAa,EAAE1B,MAAM,CAAC2B,QAAS,CAChC,CAAC,EACD;IACCC,IAAI,EAAE,IAAAd,MAAA,CAAAC,aAAA;MAAMc,QAAQ,EAAG7B,MAAM,CAAC2B;IAAU,CAAE;EAC3C,CACD,CACyC,CAAC,EAC3C,IAAAb,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAoC,IAAI;IACJb,SAAS,EAAC,0DAA0D;IACpEc,IAAI,EAAGC;EAAQ,CACf,CACsC,CAClB,CACb,CAAC;AAEd","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_sidebarNavigationScreenDetailsPanelLabel","_interopRequireDefault","_sidebarNavigationScreenDetailsPanelRow","_sidebarNavigationScreenDetailsPanelValue","SidebarNavigationScreenDetailsPanel","title","children","spacing","_react","createElement","__experimentalVStack","className","__experimentalHeading","level"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenDetailsPanelLabel from './sidebar-navigation-screen-details-panel-label';\nimport SidebarNavigationScreenDetailsPanelRow from './sidebar-navigation-screen-details-panel-row';\nimport SidebarNavigationScreenDetailsPanelValue from './sidebar-navigation-screen-details-panel-value';\n\nfunction SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel\"\n\t\t\tspacing={ spacing }\n\t\t>\n\t\t\t{ title && (\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</VStack>\n\t);\n}\n\nexport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,yCAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uCAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,yCAAA,GAAAF,sBAAA,CAAAF,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKA,SAASK,mCAAmCA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC5E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oBAAM;IACNC,SAAS,EAAC,mDAAmD;IAC7DJ,OAAO,EAAGA;EAAS,GAEjBF,KAAK,IACN,IAAAG,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,qBAAO;IACPD,SAAS,EAAC,4DAA4D;IACtEE,KAAK,EAAG;EAAG,GAETR,KACM,CACT,EACCC,QACK,CAAC;AAEX"}
+{"version":3,"names":["_components","require","_sidebarNavigationScreenDetailsPanelLabel","_interopRequireDefault","_sidebarNavigationScreenDetailsPanelRow","_sidebarNavigationScreenDetailsPanelValue","SidebarNavigationScreenDetailsPanel","title","children","spacing","_react","createElement","__experimentalVStack","className","__experimentalHeading","level"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenDetailsPanelLabel from './sidebar-navigation-screen-details-panel-label';\nimport SidebarNavigationScreenDetailsPanelRow from './sidebar-navigation-screen-details-panel-row';\nimport SidebarNavigationScreenDetailsPanelValue from './sidebar-navigation-screen-details-panel-value';\n\nfunction SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel\"\n\t\t\tspacing={ spacing }\n\t\t>\n\t\t\t{ title && (\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</VStack>\n\t);\n}\n\nexport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,yCAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uCAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,yCAAA,GAAAF,sBAAA,CAAAF,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKA,SAASK,mCAAmCA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC5E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oBAAM;IACNC,SAAS,EAAC,mDAAmD;IAC7DJ,OAAO,EAAGA;EAAS,GAEjBF,KAAK,IACN,IAAAG,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,qBAAO;IACPD,SAAS,EAAC,4DAA4D;IACtEE,KAAK,EAAG;EAAG,GAETR,KACM,CACT,EACCC,QACK,CAAC;AAEX","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelLabel","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelLabel( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__label\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET"}
+{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelLabel","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelLabel( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__label\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","_react","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,MAAA,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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","_react","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,MAAA,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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelValue","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-value.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelValue( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__value\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET"}
+{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelValue","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-value.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelValue( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__value\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET","ignoreList":[]}

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

@@ -47,9 +47,8 @@ function SidebarNavigationItemGlobalStyles(props) {
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const hasGlobalStyleVariations = (0, _data.useSelect)(select => !!select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations()?.length, []);
   if (hasGlobalStyleVariations) {
-    return (0, _react.createElement)(_components.__experimentalNavigatorButton, {
+    return (0, _react.createElement)(_sidebarNavigationItem.default, {
       ...props,
-      as: _sidebarNavigationItem.default,
       path: "/wp_global_styles"
     });
   }
@@ -76,6 +75,7 @@ function SidebarNavigationScreenGlobalStylesContent() {
   }, []);
   const colorVariations = (0, _hooks.useColorVariations)();
   const typographyVariations = (0, _hooks.useTypographyVariations)();
+  const gap = 3;
 
   // Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are
   // loaded. This is necessary because the Iframe component waits until
@@ -89,11 +89,15 @@ function SidebarNavigationScreenGlobalStylesContent() {
   }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 10,
     className: "edit-site-global-styles-variation-container"
-  }, (0, _react.createElement)(_styleVariationsContainer.default, null), colorVariations?.length && (0, _react.createElement)("div", null, (0, _react.createElement)("h3", {
-    className: "edit-site-global-styles-variation-title"
-  }, (0, _i18n.__)('Colors')), (0, _react.createElement)(_variationsColor.default, null)), typographyVariations?.length && (0, _react.createElement)("div", null, (0, _react.createElement)("h3", {
-    className: "edit-site-global-styles-variation-title"
-  }, (0, _i18n.__)('Typography')), (0, _react.createElement)(_variationsTypography.default, null))));
+  }, (0, _react.createElement)(_styleVariationsContainer.default, {
+    gap: gap
+  }), colorVariations?.length && (0, _react.createElement)(_variationsColor.default, {
+    title: (0, _i18n.__)('Colors'),
+    gap: gap
+  }), typographyVariations?.length && (0, _react.createElement)(_variationsTypography.default, {
+    title: (0, _i18n.__)('Typography'),
+    gap: gap
+  })));
 }
 function SidebarNavigationScreenGlobalStyles() {
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_components","_compose","_blockEditor","_element","_editor","_preferences","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_variationsColor","_variationsTypography","_hooks","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","_react","createElement","__experimentalNavigatorButton","as","SidebarNavigationItem","path","default","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","useColorVariations","typographyVariations","useTypographyVariations","BlockEditorProvider","settings","onChange","onInput","__experimentalVStack","spacing","className","__","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","editorStore","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","preferencesStore","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 {\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\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';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\nimport {\n\tuseColorVariations,\n\tuseTypographyVariations,\n} from '../global-styles/hooks';\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(),\n\t\t};\n\t}, [] );\n\n\tconst colorVariations = useColorVariations();\n\tconst typographyVariations = useTypographyVariations();\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<VStack\n\t\t\t\tspacing={ 10 }\n\t\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t\t>\n\t\t\t\t<StyleVariationsContainer />\n\t\t\t\t{ colorVariations?.length && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"edit-site-global-styles-variation-title\">\n\t\t\t\t\t\t\t{ __( 'Colors' ) }\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<ColorVariations />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ typographyVariations?.length && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"edit-site-global-styles-variation-title\">\n\t\t\t\t\t\t\t{ __( 'Typography' ) }\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<TypographyVariations />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</BlockEditorProvider>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\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\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, setPreference ] );\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":"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"}
+{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_components","_compose","_blockEditor","_element","_editor","_preferences","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_variationsColor","_variationsTypography","_hooks","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","_react","createElement","default","path","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","useColorVariations","typographyVariations","useTypographyVariations","gap","BlockEditorProvider","settings","onChange","onInput","__experimentalVStack","spacing","className","title","__","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","editorStore","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","preferencesStore","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","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 { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\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';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\nimport {\n\tuseColorVariations,\n\tuseTypographyVariations,\n} from '../global-styles/hooks';\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 <SidebarNavigationItem { ...props } path=\"/wp_global_styles\" />;\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(),\n\t\t};\n\t}, [] );\n\n\tconst colorVariations = useColorVariations();\n\tconst typographyVariations = useTypographyVariations();\n\tconst gap = 3;\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<VStack\n\t\t\t\tspacing={ 10 }\n\t\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t\t>\n\t\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t\t{ colorVariations?.length && (\n\t\t\t\t\t<ColorVariations title={ __( 'Colors' ) } gap={ gap } />\n\t\t\t\t) }\n\t\t\t\t{ typographyVariations?.length && (\n\t\t\t\t\t<TypographyVariations\n\t\t\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\t\t\tgap={ gap }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</BlockEditorProvider>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\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\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, setPreference ] );\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":"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","ignoreList":[]}

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

@@ -25,43 +25,34 @@ var _store = require("../../store");
  */
 
 function SidebarNavigationScreenMain() {
-  const {
-    location
-  } = (0, _components.__experimentalUseNavigator)();
   const {
     setEditorCanvasContainerView
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
 
   // Clear the editor canvas container view when accessing the main navigation screen.
   (0, _element.useEffect)(() => {
-    if (location?.path === '/') {
-      setEditorCanvasContainerView(undefined);
-    }
-  }, [setEditorCanvasContainerView, location?.path]);
+    setEditorCanvasContainerView(undefined);
+  }, [setEditorCanvasContainerView]);
   return (0, _react.createElement)(_sidebarNavigationScreen.default, {
     isRoot: true,
     title: (0, _i18n.__)('Design'),
     description: (0, _i18n.__)('Customize the appearance of your website using the block editor.'),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_components.__experimentalNavigatorButton, {
-      as: _sidebarNavigationItem.default,
+    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_sidebarNavigationItem.default, {
       path: "/navigation",
       withChevron: true,
       icon: _icons.navigation
     }, (0, _i18n.__)('Navigation')), (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
       withChevron: true,
       icon: _icons.styles
-    }, (0, _i18n.__)('Styles')), (0, _react.createElement)(_components.__experimentalNavigatorButton, {
-      as: _sidebarNavigationItem.default,
+    }, (0, _i18n.__)('Styles')), (0, _react.createElement)(_sidebarNavigationItem.default, {
       path: "/page",
       withChevron: true,
       icon: _icons.page
-    }, (0, _i18n.__)('Pages')), (0, _react.createElement)(_components.__experimentalNavigatorButton, {
-      as: _sidebarNavigationItem.default,
+    }, (0, _i18n.__)('Pages')), (0, _react.createElement)(_sidebarNavigationItem.default, {
       path: "/wp_template",
       withChevron: true,
       icon: _icons.layout
-    }, (0, _i18n.__)('Templates')), (0, _react.createElement)(_components.__experimentalNavigatorButton, {
-      as: _sidebarNavigationItem.default,
+    }, (0, _i18n.__)('Templates')), (0, _react.createElement)(_sidebarNavigationItem.default, {
       path: "/patterns",
       withChevron: true,
       icon: _icons.symbol

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","SidebarNavigationScreenMain","location","useNavigator","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","path","undefined","_react","createElement","default","isRoot","title","__","description","content","Fragment","__experimentalItemGroup","__experimentalNavigatorButton","as","SidebarNavigationItem","withChevron","icon","navigation","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\n\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { location } = useNavigator();\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tif ( location?.path === '/' ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ setEditorCanvasContainerView, location?.path ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\t\tpath=\"/navigation\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\t\tpath=\"/page\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\t\tpath=\"/wp_template\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\t\tpath=\"/patterns\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AArBA;AACA;AACA;;AAYA;AACA;AACA;;AAOe,SAASW,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,sCAAY,EAAC,CAAC;EACnC,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKN,QAAQ,EAAEO,IAAI,KAAK,GAAG,EAAG;MAC7BL,4BAA4B,CAAEM,SAAU,CAAC;IAC1C;EACD,CAAC,EAAE,CAAEN,4BAA4B,EAAEF,QAAQ,EAAEO,IAAI,CAAG,CAAC;EAErD,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACjB,wBAAA,CAAAkB,OAAuB;IACvBC,MAAM;IACNC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,kEACD,CAAG;IACHE,OAAO,EACN,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACC,IAAAR,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,uBAAS,QACT,IAAAT,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgC,6BAAe;MACfC,EAAE,EAAGC,8BAAuB;MAC5Bd,IAAI,EAAC,aAAa;MAClBe,WAAW;MACXC,IAAI,EAAGC;IAAY,GAEjB,IAAAV,QAAE,EAAE,YAAa,CACH,CAAC,EAClB,IAAAL,MAAA,CAAAC,aAAA,EAACd,oCAAA,CAAA6B,iCAAiC;MACjCH,WAAW;MACXC,IAAI,EAAGG;IAAQ,GAEb,IAAAZ,QAAE,EAAE,QAAS,CACmB,CAAC,EACpC,IAAAL,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgC,6BAAe;MACfC,EAAE,EAAGC,8BAAuB;MAC5Bd,IAAI,EAAC,OAAO;MACZe,WAAW;MACXC,IAAI,EAAGI;IAAM,GAEX,IAAAb,QAAE,EAAE,OAAQ,CACE,CAAC,EAClB,IAAAL,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgC,6BAAe;MACfC,EAAE,EAAGC,8BAAuB;MAC5Bd,IAAI,EAAC,cAAc;MACnBe,WAAW;MACXC,IAAI,EAAGK;IAAQ,GAEb,IAAAd,QAAE,EAAE,WAAY,CACF,CAAC,EAClB,IAAAL,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgC,6BAAe;MACfC,EAAE,EAAGC,8BAAuB;MAC5Bd,IAAI,EAAC,WAAW;MAChBe,WAAW;MACXC,IAAI,EAAGM;IAAQ,GAEb,IAAAf,QAAE,EAAE,UAAW,CACD,CACP,CACV;EACF,CACD,CAAC;AAEJ"}
+{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","SidebarNavigationScreenMain","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","_react","createElement","default","isRoot","title","__","description","content","Fragment","__experimentalItemGroup","path","withChevron","icon","navigation","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/navigation\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/page\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/wp_template\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/patterns\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASW,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACd,wBAAA,CAAAe,OAAuB;IACvBC,MAAM;IACNC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,kEACD,CAAG;IACHE,OAAO,EACN,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACC,IAAAR,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAA4B,uBAAS,QACT,IAAAT,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,aAAa;MAClBC,WAAW;MACXC,IAAI,EAAGC;IAAY,GAEjB,IAAAR,QAAE,EAAE,YAAa,CACG,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACX,oCAAA,CAAAwB,iCAAiC;MACjCH,WAAW;MACXC,IAAI,EAAGG;IAAQ,GAEb,IAAAV,QAAE,EAAE,QAAS,CACmB,CAAC,EACpC,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,OAAO;MACZC,WAAW;MACXC,IAAI,EAAGI;IAAM,GAEX,IAAAX,QAAE,EAAE,OAAQ,CACQ,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,cAAc;MACnBC,WAAW;MACXC,IAAI,EAAGK;IAAQ,GAEb,IAAAZ,QAAE,EAAE,WAAY,CACI,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,WAAW;MAChBC,WAAW;MACXC,IAAI,EAAGM;IAAQ,GAEb,IAAAb,QAAE,EAAE,UAAW,CACK,CACb,CACV;EACF,CACD,CAAC;AAEJ","ignoreList":[]}

package/build/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js

@@ -25,6 +25,6 @@ function DeleteConfirmDialog({
     },
     onCancel: onClose,
     confirmButtonText: (0, _i18n.__)('Delete')
-  }, (0, _i18n.__)('Are you sure you want to delete this Navigation menu?'));
+  }, (0, _i18n.__)('Are you sure you want to delete this Navigation Menu?'));
 }
 //# sourceMappingURL=delete-confirm-dialog.js.map

package/build/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","DeleteConfirmDialog","onClose","onConfirm","_react","createElement","__experimentalConfirmDialog","isOpen","onCancel","confirmButtonText","__"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function DeleteConfirmDialog( { onClose, onConfirm } ) {\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ () => {\n\t\t\t\tonConfirm();\n\n\t\t\t\t// Immediate close avoids ability to hit delete multiple times.\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t>\n\t\t\t{ __( 'Are you sure you want to delete this Navigation menu?' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,2BAAa;IACbC,MAAM;IACNJ,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHM,QAAQ,EAAGN,OAAS;IACpBO,iBAAiB,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAElC,IAAAA,QAAE,EAAE,uDAAwD,CAChD,CAAC;AAElB"}
+{"version":3,"names":["_components","require","_i18n","DeleteConfirmDialog","onClose","onConfirm","_react","createElement","__experimentalConfirmDialog","isOpen","onCancel","confirmButtonText","__"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function DeleteConfirmDialog( { onClose, onConfirm } ) {\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ () => {\n\t\t\t\tonConfirm();\n\n\t\t\t\t// Immediate close avoids ability to hit delete multiple times.\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t>\n\t\t\t{ __( 'Are you sure you want to delete this Navigation Menu?' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,2BAAa;IACbC,MAAM;IACNJ,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHM,QAAQ,EAAGN,OAAS;IACpBO,iBAAiB,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAElC,IAAAA,QAAE,EAAE,uDAAwD,CAChD,CAAC;AAElB","ignoreList":[]}

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

@@ -12,11 +12,13 @@ var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _htmlEntities = require("@wordpress/html-entities");
+var _router = require("@wordpress/router");
 var _sidebarNavigationScreenNavigationMenus = require("../sidebar-navigation-screen-navigation-menus");
 var _moreMenu = _interopRequireDefault(require("./more-menu"));
 var _singleNavigationMenu = _interopRequireDefault(require("./single-navigation-menu"));
 var _useNavigationMenuHandlers = _interopRequireDefault(require("./use-navigation-menu-handlers"));
 var _buildNavigationLabel = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menus/build-navigation-label"));
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -25,13 +27,16 @@ var _buildNavigationLabel = _interopRequireDefault(require("../sidebar-navigatio
  * Internal dependencies
  */
 
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 const postType = exports.postType = `wp_navigation`;
 function SidebarNavigationScreenNavigationMenu() {
   const {
     params: {
       postId
     }
-  } = (0, _components.__experimentalUseNavigator)();
+  } = useLocation();
   const {
     record: navigationMenu,
     isResolving
@@ -61,7 +66,7 @@ function SidebarNavigationScreenNavigationMenu() {
   const _handleDuplicate = () => handleDuplicate(navigationMenu);
   if (isLoading) {
     return (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
-      description: (0, _i18n.__)('Navigation menus are a curated collection of blocks that allow visitors to get around your site.')
+      description: (0, _i18n.__)('Navigation Menus are a curated collection of blocks that allow visitors to get around your site.')
     }, (0, _react.createElement)(_components.Spinner, {
       className: "edit-site-sidebar-navigation-screen-navigation-menus__loading"
     }));