@wordpress/edit-site 5.31.0 → 5.33.0

package/build/components/save-button/index.js

@@ -10,8 +10,11 @@ var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
 var _keycodes = require("@wordpress/keycodes");
+var _router = require("@wordpress/router");
+var _editor = require("@wordpress/editor");
 var _store = require("../../store");
 var _isPreviewingTheme = require("../../utils/is-previewing-theme");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -20,46 +23,65 @@ var _isPreviewingTheme = require("../../utils/is-previewing-theme");
  * Internal dependencies
  */
 
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 function SaveButton({
   className = 'edit-site-save-button__button',
   variant = 'primary',
   showTooltip = true,
-  defaultLabel,
+  showReviewMessage,
   icon,
   size,
   __next40pxDefaultSize = false
 }) {
   const {
-    isDirty,
+    params
+  } = useLocation();
+  const {
+    setIsSaveViewOpened
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    saveDirtyEntities
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_editor.store));
+  const {
+    dirtyEntityRecords
+  } = (0, _editor.useEntitiesSavedStatesIsDirty)();
+  const {
     isSaving,
     isSaveViewOpen,
     previewingThemeName
   } = (0, _data.useSelect)(select => {
     const {
-      __experimentalGetDirtyEntityRecords,
       isSavingEntityRecord,
       isResolving
     } = select(_coreData.store);
-    const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
     const {
       isSaveViewOpened
     } = select(_store.store);
     const isActivatingTheme = isResolving('activateTheme');
     const currentlyPreviewingThemeId = (0, _isPreviewingTheme.currentlyPreviewingTheme)();
     return {
-      isDirty: dirtyEntityRecords.length > 0,
       isSaving: dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key)) || isActivatingTheme,
       isSaveViewOpen: isSaveViewOpened(),
       // Do not call `getTheme` with null, it will cause a request to
       // the server.
       previewingThemeName: currentlyPreviewingThemeId ? select(_coreData.store).getTheme(currentlyPreviewingThemeId)?.name?.rendered : undefined
     };
-  }, []);
-  const {
-    setIsSaveViewOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const activateSaveEnabled = (0, _isPreviewingTheme.isPreviewingTheme)() || isDirty;
-  const disabled = isSaving || !activateSaveEnabled;
+  }, [dirtyEntityRecords]);
+  const hasDirtyEntities = !!dirtyEntityRecords.length;
+  let isOnlyCurrentEntityDirty;
+  // Check if the current entity is the only entity with changes.
+  // We have some extra logic for `wp_global_styles` for now, that
+  // is used in navigation sidebar.
+  if (dirtyEntityRecords.length === 1) {
+    if (params.postId) {
+      isOnlyCurrentEntityDirty = `${dirtyEntityRecords[0].key}` === params.postId && dirtyEntityRecords[0].name === params.postType;
+    } else if (params.path?.includes('wp_global_styles')) {
+      isOnlyCurrentEntityDirty = dirtyEntityRecords[0].name === 'globalStyles';
+    }
+  }
+  const disabled = isSaving || !hasDirtyEntities && !(0, _isPreviewingTheme.isPreviewingTheme)();
   const getLabel = () => {
     if ((0, _isPreviewingTheme.isPreviewingTheme)()) {
       if (isSaving) {
@@ -67,7 +89,7 @@ function SaveButton({
         (0, _i18n.__)('Activating %s'), previewingThemeName);
       } else if (disabled) {
         return (0, _i18n.__)('Saved');
-      } else if (isDirty) {
+      } else if (hasDirtyEntities) {
         return (0, _i18n.sprintf)( /* translators: %s: The name of theme to be activated. */
         (0, _i18n.__)('Activate %s & Save'), previewingThemeName);
       }
@@ -76,21 +98,28 @@ function SaveButton({
     }
     if (isSaving) {
       return (0, _i18n.__)('Saving');
-    } else if (disabled) {
+    }
+    if (disabled) {
       return (0, _i18n.__)('Saved');
-    } else if (defaultLabel) {
-      return defaultLabel;
+    }
+    if (!isOnlyCurrentEntityDirty && showReviewMessage) {
+      return (0, _i18n.sprintf)(
+      // translators: %d: number of unsaved changes (number).
+      (0, _i18n._n)('Review %d change…', 'Review %d changes…', dirtyEntityRecords.length), dirtyEntityRecords.length);
     }
     return (0, _i18n.__)('Save');
   };
   const label = getLabel();
+  const onClick = isOnlyCurrentEntityDirty ? () => saveDirtyEntities({
+    dirtyEntityRecords
+  }) : () => setIsSaveViewOpened(true);
   return (0, _react.createElement)(_components.Button, {
     variant: variant,
     className: className,
     "aria-disabled": disabled,
     "aria-expanded": isSaveViewOpen,
     isBusy: isSaving,
-    onClick: disabled ? undefined : () => setIsSaveViewOpened(true),
+    onClick: disabled ? undefined : onClick,
     label: label
     /*
      * We want the tooltip to show the keyboard shortcut only when the

package/build/components/save-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_coreData","_keycodes","_store","_isPreviewingTheme","SaveButton","className","variant","showTooltip","defaultLabel","icon","size","__next40pxDefaultSize","isDirty","isSaving","isSaveViewOpen","previewingThemeName","useSelect","select","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","coreStore","dirtyEntityRecords","isSaveViewOpened","editSiteStore","isActivatingTheme","currentlyPreviewingThemeId","currentlyPreviewingTheme","length","some","record","kind","name","key","getTheme","rendered","undefined","setIsSaveViewOpened","useDispatch","activateSaveEnabled","isPreviewingTheme","disabled","getLabel","sprintf","__","label","_react","createElement","Button","isBusy","onClick","shortcut","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/save-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport {\n\tcurrentlyPreviewingTheme,\n\tisPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nexport default function SaveButton( {\n\tclassName = 'edit-site-save-button__button',\n\tvariant = 'primary',\n\tshowTooltip = true,\n\tdefaultLabel,\n\ticon,\n\tsize,\n\t__next40pxDefaultSize = false,\n} ) {\n\tconst { isDirty, isSaving, isSaveViewOpen, previewingThemeName } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst { isSaveViewOpened } = select( editSiteStore );\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\n\t\t\treturn {\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\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\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\n\tconst getLabel = () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tif ( isSaving ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t\t__( 'Activating %s' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t} else if ( disabled ) {\n\t\t\t\treturn __( 'Saved' );\n\t\t\t} else if ( isDirty ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t\t__( 'Activate %s & Save' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t__( 'Activate %s' ),\n\t\t\t\tpreviewingThemeName\n\t\t\t);\n\t\t}\n\n\t\tif ( isSaving ) {\n\t\t\treturn __( 'Saving' );\n\t\t} else if ( disabled ) {\n\t\t\treturn __( 'Saved' );\n\t\t} else if ( defaultLabel ) {\n\t\t\treturn defaultLabel;\n\t\t}\n\t\treturn __( 'Save' );\n\t};\n\tconst label = getLabel();\n\n\treturn (\n\t\t<Button\n\t\t\tvariant={ variant }\n\t\t\tclassName={ className }\n\t\t\taria-disabled={ disabled }\n\t\t\taria-expanded={ isSaveViewOpen }\n\t\t\tisBusy={ isSaving }\n\t\t\tonClick={ disabled ? undefined : () => setIsSaveViewOpened( true ) }\n\t\t\tlabel={ label }\n\t\t\t/*\n\t\t\t * We want the tooltip to show the keyboard shortcut only when the\n\t\t\t * button does something, i.e. when it's not disabled.\n\t\t\t */\n\t\t\tshortcut={ disabled ? undefined : displayShortcut.primary( 's' ) }\n\t\t\t/*\n\t\t\t * Displaying the keyboard shortcut conditionally makes the tooltip\n\t\t\t * itself show conditionally. This would trigger a full-rerendering\n\t\t\t * of the button that we want to avoid. By setting `showTooltip`,\n\t\t\t * the tooltip is always rendered even when there's no keyboard shortcut.\n\t\t\t */\n\t\t\tshowTooltip={ showTooltip }\n\t\t\ticon={ icon }\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tsize={ size }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_components","_i18n","_coreData","_keycodes","_router","_editor","_store","_isPreviewingTheme","_lockUnlock","useLocation","unlock","routerPrivateApis","SaveButton","className","variant","showTooltip","showReviewMessage","icon","size","__next40pxDefaultSize","params","setIsSaveViewOpened","useDispatch","editSiteStore","saveDirtyEntities","editorStore","dirtyEntityRecords","useEntitiesSavedStatesIsDirty","isSaving","isSaveViewOpen","previewingThemeName","useSelect","select","isSavingEntityRecord","isResolving","coreStore","isSaveViewOpened","isActivatingTheme","currentlyPreviewingThemeId","currentlyPreviewingTheme","some","record","kind","name","key","getTheme","rendered","undefined","hasDirtyEntities","length","isOnlyCurrentEntityDirty","postId","postType","path","includes","disabled","isPreviewingTheme","getLabel","sprintf","__","_n","label","onClick","_react","createElement","Button","isBusy","shortcut","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/save-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport {\n\tuseEntitiesSavedStatesIsDirty,\n\tstore as editorStore,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport {\n\tcurrentlyPreviewingTheme,\n\tisPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SaveButton( {\n\tclassName = 'edit-site-save-button__button',\n\tvariant = 'primary',\n\tshowTooltip = true,\n\tshowReviewMessage,\n\ticon,\n\tsize,\n\t__next40pxDefaultSize = false,\n} ) {\n\tconst { params } = useLocation();\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst { saveDirtyEntities } = unlock( useDispatch( editorStore ) );\n\tconst { dirtyEntityRecords } = useEntitiesSavedStatesIsDirty();\n\tconst { isSaving, isSaveViewOpen, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isSavingEntityRecord, isResolving } = select( coreStore );\n\t\t\tconst { isSaveViewOpened } = select( editSiteStore );\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\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[ dirtyEntityRecords ]\n\t);\n\tconst hasDirtyEntities = !! dirtyEntityRecords.length;\n\tlet isOnlyCurrentEntityDirty;\n\t// Check if the current entity is the only entity with changes.\n\t// We have some extra logic for `wp_global_styles` for now, that\n\t// is used in navigation sidebar.\n\tif ( dirtyEntityRecords.length === 1 ) {\n\t\tif ( params.postId ) {\n\t\t\tisOnlyCurrentEntityDirty =\n\t\t\t\t`${ dirtyEntityRecords[ 0 ].key }` === params.postId &&\n\t\t\t\tdirtyEntityRecords[ 0 ].name === params.postType;\n\t\t} else if ( params.path?.includes( 'wp_global_styles' ) ) {\n\t\t\tisOnlyCurrentEntityDirty =\n\t\t\t\tdirtyEntityRecords[ 0 ].name === 'globalStyles';\n\t\t}\n\t}\n\tconst disabled =\n\t\tisSaving || ( ! hasDirtyEntities && ! isPreviewingTheme() );\n\tconst getLabel = () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tif ( isSaving ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t\t__( 'Activating %s' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t} else if ( disabled ) {\n\t\t\t\treturn __( 'Saved' );\n\t\t\t} else if ( hasDirtyEntities ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t\t__( 'Activate %s & Save' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: %s: The name of theme to be activated. */\n\t\t\t\t__( 'Activate %s' ),\n\t\t\t\tpreviewingThemeName\n\t\t\t);\n\t\t}\n\t\tif ( isSaving ) {\n\t\t\treturn __( 'Saving' );\n\t\t}\n\t\tif ( disabled ) {\n\t\t\treturn __( 'Saved' );\n\t\t}\n\t\tif ( ! isOnlyCurrentEntityDirty && showReviewMessage ) {\n\t\t\treturn sprintf(\n\t\t\t\t// translators: %d: number of unsaved changes (number).\n\t\t\t\t_n(\n\t\t\t\t\t'Review %d change…',\n\t\t\t\t\t'Review %d changes…',\n\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t),\n\t\t\t\tdirtyEntityRecords.length\n\t\t\t);\n\t\t}\n\t\treturn __( 'Save' );\n\t};\n\tconst label = getLabel();\n\tconst onClick = isOnlyCurrentEntityDirty\n\t\t? () => saveDirtyEntities( { dirtyEntityRecords } )\n\t\t: () => setIsSaveViewOpened( true );\n\treturn (\n\t\t<Button\n\t\t\tvariant={ variant }\n\t\t\tclassName={ className }\n\t\t\taria-disabled={ disabled }\n\t\t\taria-expanded={ isSaveViewOpen }\n\t\t\tisBusy={ isSaving }\n\t\t\tonClick={ disabled ? undefined : onClick }\n\t\t\tlabel={ label }\n\t\t\t/*\n\t\t\t * We want the tooltip to show the keyboard shortcut only when the\n\t\t\t * button does something, i.e. when it's not disabled.\n\t\t\t */\n\t\t\tshortcut={ disabled ? undefined : displayShortcut.primary( 's' ) }\n\t\t\t/*\n\t\t\t * Displaying the keyboard shortcut conditionally makes the tooltip\n\t\t\t * itself show conditionally. This would trigger a full-rerendering\n\t\t\t * of the button that we want to avoid. By setting `showTooltip`,\n\t\t\t * the tooltip is always rendered even when there's no keyboard shortcut.\n\t\t\t */\n\t\t\tshowTooltip={ showTooltip }\n\t\t\ticon={ icon }\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tsize={ size }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/save-hub/index.js

@@ -8,16 +8,10 @@ exports.default = SaveHub;
 var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
-var _blockEditor = require("@wordpress/block-editor");
 var _icons = require("@wordpress/icons");
-var _router = require("@wordpress/router");
-var _notices = require("@wordpress/notices");
 var _saveButton = _interopRequireDefault(require("../save-button"));
 var _isPreviewingTheme = require("../../utils/is-previewing-theme");
-var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -26,30 +20,9 @@ var _constants = require("../../utils/constants");
  * Internal dependencies
  */
 
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-const PUBLISH_ON_SAVE_ENTITIES = [{
-  kind: 'postType',
-  name: _constants.NAVIGATION_POST_TYPE
-}];
 function SaveHub() {
-  const saveNoticeId = 'site-edit-save-notice';
   const {
-    params
-  } = useLocation();
-  const {
-    __unstableMarkLastChangeAsPersistent
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    createSuccessNotice,
-    createErrorNotice,
-    removeNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    dirtyCurrentEntity,
-    countUnsavedChanges,
-    isDirty,
+    isDisabled,
     isSaving
   } = (0, _data.useSelect)(select => {
     const {
@@ -57,99 +30,22 @@ function SaveHub() {
       isSavingEntityRecord
     } = select(_coreData.store);
     const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-    let calcDirtyCurrentEntity = null;
-    if (dirtyEntityRecords.length === 1) {
-      // if we are on global styles
-      if (params.path?.includes('wp_global_styles')) {
-        calcDirtyCurrentEntity = dirtyEntityRecords.find(record => record.name === 'globalStyles');
-      }
-      // if we are on pages
-      else if (params.postId) {
-        calcDirtyCurrentEntity = dirtyEntityRecords.find(record => record.name === params.postType && String(record.key) === params.postId);
-      }
-    }
-    return {
-      dirtyCurrentEntity: calcDirtyCurrentEntity,
-      isDirty: dirtyEntityRecords.length > 0,
-      isSaving: dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key)),
-      countUnsavedChanges: dirtyEntityRecords.length
-    };
-  }, [params.path, params.postType, params.postId]);
-  const {
-    editEntityRecord,
-    saveEditedEntityRecord,
-    __experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits
-  } = (0, _data.useDispatch)(_coreData.store);
-  const disabled = isSaving || !isDirty && !(0, _isPreviewingTheme.isPreviewingTheme)();
-
-  // if we have only one unsaved change and it matches current context, we can show a more specific label
-  let label = dirtyCurrentEntity ? (0, _i18n.__)('Save') : (0, _i18n.sprintf)(
-  // translators: %d: number of unsaved changes (number).
-  (0, _i18n._n)('Review %d change…', 'Review %d changes…', countUnsavedChanges), countUnsavedChanges);
-  if (isSaving) {
-    label = (0, _i18n.__)('Saving');
-  }
-  const {
-    homeUrl
-  } = (0, _data.useSelect)(select => {
-    const {
-      getUnstableBase // Site index.
-    } = select(_coreData.store);
+    const _isSaving = dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key));
     return {
-      homeUrl: getUnstableBase()?.home
+      isSaving: _isSaving,
+      isDisabled: _isSaving || !dirtyEntityRecords.length && !(0, _isPreviewingTheme.isPreviewingTheme)()
     };
   }, []);
-  const saveCurrentEntity = async () => {
-    if (!dirtyCurrentEntity) return;
-    removeNotice(saveNoticeId);
-    const {
-      kind,
-      name,
-      key,
-      property
-    } = dirtyCurrentEntity;
-    try {
-      if ('root' === dirtyCurrentEntity.kind && 'site' === name) {
-        await saveSpecifiedEntityEdits('root', 'site', undefined, [property]);
-      } else {
-        if (PUBLISH_ON_SAVE_ENTITIES.some(typeToPublish => typeToPublish.kind === kind && typeToPublish.name === name)) {
-          editEntityRecord(kind, name, key, {
-            status: 'publish'
-          });
-        }
-        await saveEditedEntityRecord(kind, name, key);
-      }
-      __unstableMarkLastChangeAsPersistent();
-      createSuccessNotice((0, _i18n.__)('Site updated.'), {
-        type: 'snackbar',
-        actions: [{
-          label: (0, _i18n.__)('View site'),
-          url: homeUrl
-        }],
-        id: saveNoticeId
-      });
-    } catch (error) {
-      createErrorNotice(`${(0, _i18n.__)('Saving failed.')} ${error}`);
-    }
-  };
   return (0, _react.createElement)(_components.__experimentalHStack, {
     className: "edit-site-save-hub",
     alignment: "right",
     spacing: 4
-  }, dirtyCurrentEntity ? (0, _react.createElement)(_components.Button, {
-    variant: "primary",
-    onClick: saveCurrentEntity,
-    isBusy: isSaving,
-    disabled: isSaving,
-    "aria-disabled": isSaving,
-    className: "edit-site-save-hub__button",
-    __next40pxDefaultSize: true
-  }, label) : (0, _react.createElement)(_saveButton.default, {
+  }, (0, _react.createElement)(_saveButton.default, {
     className: "edit-site-save-hub__button",
-    variant: disabled ? null : 'primary',
+    variant: isDisabled ? null : 'primary',
     showTooltip: false,
-    icon: disabled && !isSaving ? _icons.check : null,
-    defaultLabel: label,
+    icon: isDisabled && !isSaving ? _icons.check : null,
+    showReviewMessage: true,
     __next40pxDefaultSize: true
   }));
 }

package/build/components/save-hub/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_coreData","_blockEditor","_icons","_router","_notices","_saveButton","_interopRequireDefault","_isPreviewingTheme","_lockUnlock","_constants","useLocation","unlock","routerPrivateApis","PUBLISH_ON_SAVE_ENTITIES","kind","name","NAVIGATION_POST_TYPE","SaveHub","saveNoticeId","params","__unstableMarkLastChangeAsPersistent","useDispatch","blockEditorStore","createSuccessNotice","createErrorNotice","removeNotice","noticesStore","dirtyCurrentEntity","countUnsavedChanges","isDirty","isSaving","useSelect","select","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","coreStore","dirtyEntityRecords","calcDirtyCurrentEntity","length","path","includes","find","record","postId","postType","String","key","some","editEntityRecord","saveEditedEntityRecord","__experimentalSaveSpecifiedEntityEdits","saveSpecifiedEntityEdits","disabled","isPreviewingTheme","label","__","sprintf","_n","homeUrl","getUnstableBase","home","saveCurrentEntity","property","undefined","typeToPublish","status","type","actions","url","id","error","_react","createElement","__experimentalHStack","className","alignment","spacing","Button","variant","onClick","isBusy","__next40pxDefaultSize","default","showTooltip","icon","check","defaultLabel"],"sources":["@wordpress/edit-site/src/components/save-hub/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { check } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport SaveButton from '../save-button';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\nimport { unlock } from '../../lock-unlock';\nimport { NAVIGATION_POST_TYPE } from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst PUBLISH_ON_SAVE_ENTITIES = [\n\t{\n\t\tkind: 'postType',\n\t\tname: NAVIGATION_POST_TYPE,\n\t},\n];\n\nexport default function SaveHub() {\n\tconst saveNoticeId = 'site-edit-save-notice';\n\tconst { params } = useLocation();\n\n\tconst { __unstableMarkLastChangeAsPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst { createSuccessNotice, createErrorNotice, removeNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst { dirtyCurrentEntity, countUnsavedChanges, isDirty, isSaving } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\t\tisSavingEntityRecord,\n\t\t\t\t} = select( coreStore );\n\t\t\t\tconst dirtyEntityRecords =\n\t\t\t\t\t__experimentalGetDirtyEntityRecords();\n\t\t\t\tlet calcDirtyCurrentEntity = null;\n\n\t\t\t\tif ( dirtyEntityRecords.length === 1 ) {\n\t\t\t\t\t// if we are on global styles\n\t\t\t\t\tif ( params.path?.includes( 'wp_global_styles' ) ) {\n\t\t\t\t\t\tcalcDirtyCurrentEntity = dirtyEntityRecords.find(\n\t\t\t\t\t\t\t( record ) => record.name === 'globalStyles'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\t// if we are on pages\n\t\t\t\t\telse if ( params.postId ) {\n\t\t\t\t\t\tcalcDirtyCurrentEntity = dirtyEntityRecords.find(\n\t\t\t\t\t\t\t( record ) =>\n\t\t\t\t\t\t\t\trecord.name === params.postType &&\n\t\t\t\t\t\t\t\tString( record.key ) === params.postId\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\tdirtyCurrentEntity: calcDirtyCurrentEntity,\n\t\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\t\tisSaving: dirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\tcountUnsavedChanges: dirtyEntityRecords.length,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ params.path, params.postType, params.postId ]\n\t\t);\n\n\tconst {\n\t\teditEntityRecord,\n\t\tsaveEditedEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\n\tconst disabled = isSaving || ( ! isDirty && ! isPreviewingTheme() );\n\n\t// if we have only one unsaved change and it matches current context, we can show a more specific label\n\tlet label = dirtyCurrentEntity\n\t\t? __( 'Save' )\n\t\t: sprintf(\n\t\t\t\t// translators: %d: number of unsaved changes (number).\n\t\t\t\t_n(\n\t\t\t\t\t'Review %d change…',\n\t\t\t\t\t'Review %d changes…',\n\t\t\t\t\tcountUnsavedChanges\n\t\t\t\t),\n\t\t\t\tcountUnsavedChanges\n\t\t  );\n\n\tif ( isSaving ) {\n\t\tlabel = __( 'Saving' );\n\t}\n\n\tconst { homeUrl } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t};\n\t}, [] );\n\n\tconst saveCurrentEntity = async () => {\n\t\tif ( ! dirtyCurrentEntity ) return;\n\n\t\tremoveNotice( saveNoticeId );\n\t\tconst { kind, name, key, property } = dirtyCurrentEntity;\n\n\t\ttry {\n\t\t\tif ( 'root' === dirtyCurrentEntity.kind && 'site' === name ) {\n\t\t\t\tawait saveSpecifiedEntityEdits( 'root', 'site', undefined, [\n\t\t\t\t\tproperty,\n\t\t\t\t] );\n\t\t\t} else {\n\t\t\t\tif (\n\t\t\t\t\tPUBLISH_ON_SAVE_ENTITIES.some(\n\t\t\t\t\t\t( typeToPublish ) =>\n\t\t\t\t\t\t\ttypeToPublish.kind === kind &&\n\t\t\t\t\t\t\ttypeToPublish.name === name\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\teditEntityRecord( kind, name, key, { status: 'publish' } );\n\t\t\t\t}\n\n\t\t\t\tawait saveEditedEntityRecord( kind, name, key );\n\t\t\t}\n\n\t\t\t__unstableMarkLastChangeAsPersistent();\n\n\t\t\tcreateSuccessNotice( __( 'Site updated.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'View site' ),\n\t\t\t\t\t\turl: homeUrl,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tid: saveNoticeId,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice( `${ __( 'Saving failed.' ) } ${ error }` );\n\t\t}\n\t};\n\n\treturn (\n\t\t<HStack className=\"edit-site-save-hub\" alignment=\"right\" spacing={ 4 }>\n\t\t\t{ dirtyCurrentEntity ? (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tonClick={ saveCurrentEntity }\n\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\tdisabled={ isSaving }\n\t\t\t\t\taria-disabled={ isSaving }\n\t\t\t\t\tclassName=\"edit-site-save-hub__button\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</Button>\n\t\t\t) : (\n\t\t\t\t<SaveButton\n\t\t\t\t\tclassName=\"edit-site-save-hub__button\"\n\t\t\t\t\tvariant={ disabled ? null : 'primary' }\n\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\ticon={ disabled && ! isSaving ? check : null }\n\t\t\t\t\tdefaultLabel={ label }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_components","_coreData","_icons","_saveButton","_interopRequireDefault","_isPreviewingTheme","SaveHub","isDisabled","isSaving","useSelect","select","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","coreStore","dirtyEntityRecords","_isSaving","some","record","kind","name","key","length","isPreviewingTheme","_react","createElement","__experimentalHStack","className","alignment","spacing","default","variant","showTooltip","icon","check","showReviewMessage","__next40pxDefaultSize"],"sources":["@wordpress/edit-site/src/components/save-hub/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SaveButton from '../save-button';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nexport default function SaveHub() {\n\tconst { isDisabled, isSaving } = useSelect( ( select ) => {\n\t\tconst { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =\n\t\t\tselect( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst _isSaving = dirtyEntityRecords.some( ( record ) =>\n\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t);\n\t\treturn {\n\t\t\tisSaving: _isSaving,\n\t\t\tisDisabled:\n\t\t\t\t_isSaving ||\n\t\t\t\t( ! dirtyEntityRecords.length && ! isPreviewingTheme() ),\n\t\t};\n\t}, [] );\n\treturn (\n\t\t<HStack className=\"edit-site-save-hub\" alignment=\"right\" spacing={ 4 }>\n\t\t\t<SaveButton\n\t\t\t\tclassName=\"edit-site-save-hub__button\"\n\t\t\t\tvariant={ isDisabled ? null : 'primary' }\n\t\t\t\tshowTooltip={ false }\n\t\t\t\ticon={ isDisabled && ! isSaving ? check : null }\n\t\t\t\tshowReviewMessage\n\t\t\t\t__next40pxDefaultSize\n\t\t\t/>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASO,OAAOA,CAAA,EAAG;EACjC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzD,MAAM;MAAEC,mCAAmC;MAAEC;IAAqB,CAAC,GAClEF,MAAM,CAAEG,eAAU,CAAC;IACpB,MAAMC,kBAAkB,GAAGH,mCAAmC,CAAC,CAAC;IAChE,MAAMI,SAAS,GAAGD,kBAAkB,CAACE,IAAI,CAAIC,MAAM,IAClDL,oBAAoB,CAAEK,MAAM,CAACC,IAAI,EAAED,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACG,GAAI,CAC5D,CAAC;IACD,OAAO;MACNZ,QAAQ,EAAEO,SAAS;MACnBR,UAAU,EACTQ,SAAS,IACP,CAAED,kBAAkB,CAACO,MAAM,IAAI,CAAE,IAAAC,oCAAiB,EAAC;IACvD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAyB,oBAAM;IAACC,SAAS,EAAC,oBAAoB;IAACC,SAAS,EAAC,OAAO;IAACC,OAAO,EAAG;EAAG,GACrE,IAAAL,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAA0B,OAAU;IACVH,SAAS,EAAC,4BAA4B;IACtCI,OAAO,EAAGvB,UAAU,GAAG,IAAI,GAAG,SAAW;IACzCwB,WAAW,EAAG,KAAO;IACrBC,IAAI,EAAGzB,UAAU,IAAI,CAAEC,QAAQ,GAAGyB,YAAK,GAAG,IAAM;IAChDC,iBAAiB;IACjBC,qBAAqB;EAAA,CACrB,CACM,CAAC;AAEX","ignoreList":[]}

package/build/components/save-panel/index.js

@@ -11,7 +11,6 @@ var _components = require("@wordpress/components");
 var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
-var _interface = require("@wordpress/interface");
 var _coreData = require("@wordpress/core-data");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
@@ -31,7 +30,8 @@ var _isPreviewingTheme = require("../../utils/is-previewing-theme");
  */
 
 const {
-  EntitiesSavedStatesExtensible
+  EntitiesSavedStatesExtensible,
+  NavigableRegion
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
 const EntitiesSavedStatesForPreview = ({
   onClose
@@ -120,7 +120,7 @@ function SavePanel() {
   }
   const activateSaveEnabled = (0, _isPreviewingTheme.isPreviewingTheme)() || isDirty;
   const disabled = isSaving || !activateSaveEnabled;
-  return (0, _react.createElement)(_interface.NavigableRegion, {
+  return (0, _react.createElement)(NavigableRegion, {
     className: (0, _classnames.default)('edit-site-layout__actions', {
       'is-entity-save-view-open': isSaveViewOpen
     }),

package/build/components/save-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_editor","_data","_i18n","_interface","_coreData","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","EntitiesSavedStatesExtensible","unlock","privateApis","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","_react","createElement","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","isPreviewingTheme","EntitiesSavedStates","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","NavigableRegion","classnames","ariaLabel","Button","variant","onClick","__experimentalIsFocusable"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible } = unlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ classnames( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-editor__toggle-save-panel-button'\n\t\t\t\t\t) }\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup={ 'dialog' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","_react","createElement","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","isPreviewingTheme","EntitiesSavedStates","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","classnames","ariaLabel","Button","variant","onClick","__experimentalIsFocusable"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ classnames( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-editor__toggle-save-panel-button'\n\t\t\t\t\t) }\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup={ 'dialog' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AAzBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAOA,MAAM;EAAEW,6BAA6B;EAAEC;AAAgB,CAAC,GACvD,IAAAC,kBAAM,EAAEC,mBAAY,CAAC;AAEtB,MAAMC,6BAA6B,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACxD,MAAMC,YAAY,GAAG,IAAAC,qCAA6B,EAAC,CAAC;EACpD,IAAIC,iBAAiB;EACrB,IAAKF,YAAY,CAACG,OAAO,EAAG;IAC3BD,iBAAiB,GAAG,IAAAE,QAAE,EAAE,iBAAkB,CAAC;EAC5C,CAAC,MAAM;IACNF,iBAAiB,GAAG,IAAAE,QAAE,EAAE,UAAW,CAAC;EACrC;EAEA,MAAMC,YAAY,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAE5C,MAAMC,eAAe,GAAG,IAAAC,eAAS,EAC9BC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CAAC,CAAC,EACnD,EACD,CAAC;EAED,MAAMC,gBAAgB,GACrB,IAAAC,MAAA,CAAAC,aAAA,aACG,IAAAC,aAAO,GACR;EACA,IAAAX,QAAE,EACD,sEACD,CAAC,GAAAN,qBAAA,GACDO,YAAY,EAAEW,IAAI,EAAEC,QAAQ,cAAAnB,qBAAA,cAAAA,qBAAA,GAAI,KAAK,GAAAC,qBAAA,GACrCQ,eAAe,EAAES,IAAI,EAAEC,QAAQ,cAAAlB,qBAAA,cAAAA,qBAAA,GAAI,KACpC,CACE,CACH;EAED,MAAMmB,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,MAAMC,MAAM,GAAG,MAAQC,MAAM,IAAM;IAClC,MAAMH,aAAa,CAAC,CAAC;IACrB,OAAOG,MAAM;EACd,CAAC;EAED,OACC,IAAAR,MAAA,CAAAC,aAAA,EAACtB,6BAA6B;IAE5B,GAAGQ,YAAY;IACfY,gBAAgB;IAChBU,KAAK,EAAEzB,OAAO;IACduB,MAAM;IACNG,WAAW,EAAE,IAAI;IACjBC,SAAS,EAAEtB;EAAiB,CAE7B,CAAC;AAEJ,CAAC;AAED,MAAMuB,oBAAoB,GAAGA,CAAE;EAAE5B,OAAO;EAAE6B,YAAY,GAAGC;AAAU,CAAC,KAAM;EACzE,IAAK,IAAAC,oCAAiB,EAAC,CAAC,EAAG;IAC1B,OAAO,IAAAf,MAAA,CAAAC,aAAA,EAAClB,6BAA6B;MAACC,OAAO,EAAGA;IAAS,CAAE,CAAC;EAC7D;EACA,OACC,IAAAgB,MAAA,CAAAC,aAAA,EAAC/B,OAAA,CAAA8C,mBAAmB;IAACP,KAAK,EAAGzB,OAAS;IAAC6B,YAAY,EAAGA;EAAc,CAAE,CAAC;AAEzE,CAAC;AAEc,SAASI,SAASA,CAAA,EAAG;EACnC,MAAM;IAAEC,cAAc;IAAEC,UAAU;IAAE7B,OAAO;IAAE8B;EAAS,CAAC,GAAG,IAAAzB,eAAS,EAChEC,MAAM,IAAM;IACb,MAAM;MACLyB,mCAAmC;MACnCC,oBAAoB;MACpBC;IACD,CAAC,GAAG3B,MAAM,CAAEC,eAAU,CAAC;IACvB,MAAM2B,kBAAkB,GAAGH,mCAAmC,CAAC,CAAC;IAChE,MAAMI,iBAAiB,GAAGF,WAAW,CAAE,eAAgB,CAAC;IACxD,MAAM;MAAEG,gBAAgB;MAAEC;IAAc,CAAC,GAAG,IAAA9C,kBAAM,EACjDe,MAAM,CAAEgC,YAAc,CACvB,CAAC;;IAED;IACA;IACA,OAAO;MACNV,cAAc,EAAEQ,gBAAgB,CAAC,CAAC;MAClCP,UAAU,EAAEQ,aAAa,CAAC,CAAC;MAC3BrC,OAAO,EAAEkC,kBAAkB,CAACK,MAAM,GAAG,CAAC;MACtCT,QAAQ,EACPI,kBAAkB,CAACM,IAAI,CAAIC,MAAM,IAChCT,oBAAoB,CACnBS,MAAM,CAACC,IAAI,EACXD,MAAM,CAAC5B,IAAI,EACX4B,MAAM,CAACE,GACR,CACD,CAAC,IAAIR;IACP,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAES;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAc,CAAC;EAC5D,MAAM5C,OAAO,GAAGA,CAAA,KAAMkD,mBAAmB,CAAE,KAAM,CAAC;EAElD,IAAKf,UAAU,KAAK,MAAM,EAAG;IAC5B,OAAOD,cAAc,GACpB,IAAAlB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAmE,KAAK;MACLC,SAAS,EAAC,6BAA6B;MACvCC,cAAc,EAAGtD,OAAS;MAC1BuD,wBAAwB;MACxBC,YAAY,EAAG,IAAAjD,QAAE,EAChB,0CACD;IAAG,GAEH,IAAAS,MAAA,CAAAC,aAAA,EAACW,oBAAoB;MAAC5B,OAAO,EAAGA;IAAS,CAAE,CACrC,CAAC,GACL,IAAI;EACT;EACA,MAAMyD,mBAAmB,GAAG,IAAA1B,oCAAiB,EAAC,CAAC,IAAIzB,OAAO;EAC1D,MAAMoD,QAAQ,GAAGtB,QAAQ,IAAI,CAAEqB,mBAAmB;EAClD,OACC,IAAAzC,MAAA,CAAAC,aAAA,EAACrB,eAAe;IACfyD,SAAS,EAAG,IAAAM,mBAAU,EAAE,2BAA2B,EAAE;MACpD,0BAA0B,EAAEzB;IAC7B,CAAE,CAAG;IACL0B,SAAS,EAAG,IAAArD,QAAE,EAAE,YAAa;EAAG,GAEhC,IAAAS,MAAA,CAAAC,aAAA;IACCoC,SAAS,EAAG,IAAAM,mBAAU,EAAE,qCAAqC,EAAE;MAC9D,oBAAoB,EAAEzB;IACvB,CAAE;EAAG,GAEL,IAAAlB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAA4E,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBT,SAAS,EAAG,IAAAM,mBAAU,EACrB,4CACD,CAAG;IACHI,OAAO,EAAGA,CAAA,KAAMb,mBAAmB,CAAE,IAAK,CAAG;IAC7C,iBAAgB,QAAU;IAC1BQ,QAAQ,EAAGA,QAAU;IACrBM,yBAAyB;EAAA,GAEvB,IAAAzD,QAAE,EAAE,iBAAkB,CACjB,CACJ,CAAC,EACJ2B,cAAc,IACf,IAAAlB,MAAA,CAAAC,aAAA,EAACW,oBAAoB;IAAC5B,OAAO,EAAGA,OAAS;IAAC6B,YAAY;EAAA,CAAE,CAEzC,CAAC;AAEpB","ignoreList":[]}

package/build/components/sidebar/index.js

@@ -4,31 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.SidebarNavigationContext = void 0;
+exports.default = SidebarContent;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _router = require("@wordpress/router");
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _sidebarNavigationScreenMain = _interopRequireDefault(require("../sidebar-navigation-screen-main"));
-var _sidebarNavigationScreenTemplate = _interopRequireDefault(require("../sidebar-navigation-screen-template"));
-var _sidebarNavigationScreenPatterns = _interopRequireDefault(require("../sidebar-navigation-screen-patterns"));
-var _sidebarNavigationScreenPattern = _interopRequireDefault(require("../sidebar-navigation-screen-pattern"));
-var _useSyncPathWithUrl = _interopRequireWildcard(require("../sync-state-with-url/use-sync-path-with-url"));
-var _sidebarNavigationScreenNavigationMenus = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menus"));
-var _sidebarNavigationScreenNavigationMenu = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menu"));
-var _sidebarNavigationScreenGlobalStyles = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles"));
-var _sidebarNavigationScreenTemplatesBrowse = _interopRequireDefault(require("../sidebar-navigation-screen-templates-browse"));
-var _saveHub = _interopRequireDefault(require("../save-hub"));
-var _lockUnlock = require("../../lock-unlock");
-var _sidebarNavigationScreenPages = _interopRequireDefault(require("../sidebar-navigation-screen-pages"));
-var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
-var _sidebarDataviews = _interopRequireDefault(require("../sidebar-dataviews"));
-var _sidebarNavigationScreenPage = _interopRequireDefault(require("../sidebar-navigation-screen-page"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _dom = require("@wordpress/dom");
 /**
  * External dependencies
  */
@@ -37,64 +18,45 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function SidebarScreenWrapper({
-  className,
-  ...props
+const SidebarNavigationContext = exports.SidebarNavigationContext = (0, _element.createContext)(() => {});
+function SidebarContent({
+  routeKey,
+  children
 }) {
-  return (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
-    className: (0, _classnames.default)('edit-site-sidebar__screen-wrapper', className),
-    ...props
+  const [navState, setNavState] = (0, _element.useState)({
+    direction: null,
+    focusSelector: null
   });
+  const navigate = (0, _element.useCallback)((direction, focusSelector = null) => {
+    setNavState(prevState => ({
+      direction,
+      focusSelector: direction === 'forward' && focusSelector ? focusSelector : prevState.focusSelector
+    }));
+  }, []);
+  const wrapperRef = (0, _element.useRef)();
+  (0, _element.useEffect)(() => {
+    let elementToFocus;
+    if (navState.direction === 'back' && navState.focusSelector) {
+      elementToFocus = wrapperRef.current.querySelector(navState.focusSelector);
+    }
+    if (navState.direction !== null && !elementToFocus) {
+      const [firstTabbable] = _dom.focus.tabbable.find(wrapperRef.current);
+      elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : wrapperRef.current;
+    }
+    elementToFocus?.focus();
+  }, [navState]);
+  const wrapperCls = (0, _classnames.default)('edit-site-sidebar__screen-wrapper', {
+    'slide-from-left': navState.direction === 'back',
+    'slide-from-right': navState.direction === 'forward'
+  });
+  return (0, _react.createElement)(SidebarNavigationContext.Provider, {
+    value: navigate
+  }, (0, _react.createElement)("div", {
+    className: "edit-site-sidebar__content"
+  }, (0, _react.createElement)("div", {
+    ref: wrapperRef,
+    key: routeKey,
+    className: wrapperCls
+  }, children)));
 }
-function SidebarScreens() {
-  (0, _useSyncPathWithUrl.default)();
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/"
-  }, (0, _react.createElement)(_sidebarNavigationScreenMain.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/navigation"
-  }, (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/navigation/:postType/:postId"
-  }, (0, _react.createElement)(_sidebarNavigationScreenNavigationMenu.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/wp_global_styles"
-  }, (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/page"
-  }, (0, _react.createElement)(_sidebarNavigationScreenPages.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/pages"
-  }, (0, _react.createElement)(_sidebarNavigationScreen.default, {
-    title: (0, _i18n.__)('Manage pages'),
-    content: (0, _react.createElement)(_sidebarDataviews.default, null),
-    backPath: "/page"
-  })), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/page/:postId"
-  }, (0, _react.createElement)(_sidebarNavigationScreenPage.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/:postType(wp_template)"
-  }, (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, null)), !isMobileViewport && (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/patterns"
-  }, (0, _react.createElement)(_sidebarNavigationScreenPatterns.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/:postType(wp_template_part)/all"
-  }, (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/:postType(wp_template_part|wp_block)/:postId"
-  }, (0, _react.createElement)(_sidebarNavigationScreenPattern.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {
-    path: "/:postType(wp_template)/:postId"
-  }, (0, _react.createElement)(_sidebarNavigationScreenTemplate.default, null)));
-}
-function Sidebar() {
-  const {
-    params: urlParams
-  } = useLocation();
-  const initialPath = (0, _element.useRef)((0, _useSyncPathWithUrl.getPathFromURL)(urlParams));
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
-    className: "edit-site-sidebar__content",
-    initialPath: initialPath.current
-  }, (0, _react.createElement)(SidebarScreens, null)), (0, _react.createElement)(_saveHub.default, null));
-}
-var _default = exports.default = (0, _element.memo)(Sidebar);
 //# sourceMappingURL=index.js.map