npm - @wordpress/edit-site - Versions diffs - 5.24.1 → 5.25.0 - Mend

@wordpress/edit-site 5.24.1 → 5.25.0

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

Files changed (347) hide show

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

@@ -121,7 +121,8 @@ function ScreenRevisions() {
     }
   }, [shouldSelectFirstItem, firstRevision]);
-  // Only display load button if there is a revision to load and it is different from the current editor styles.
+  // Only display load button if there is a revision to load,
+  // and it is different from the current editor styles.
   const isLoadButtonEnabled = !!currentlySelectedRevisionId && !selectedRevisionMatchesEditorStyles;
   const shouldShowRevisions = !isLoading && revisions.length;
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
@@ -132,7 +133,7 @@ function ScreenRevisions() {
     onBack: onCloseRevisions
   }), isLoading && (0, _react.createElement)(_components.Spinner, {
     className: "edit-site-global-styles-screen-revisions__loading"
-  }), shouldShowRevisions ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_revisions.default, {
+  }), shouldShowRevisions && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_revisions.default, {
     blocks: blocks,
     userConfig: currentlySelectedRevision,
     onClose: onCloseRevisions
@@ -141,7 +142,8 @@ function ScreenRevisions() {
   }, (0, _react.createElement)(_revisionsButtons.default, {
     onChange: selectRevision,
     selectedRevisionId: currentlySelectedRevisionId,
-    userRevisions: revisions
+    userRevisions: revisions,
+    canApplyRevision: isLoadButtonEnabled
   }), isLoadButtonEnabled && (0, _react.createElement)(_sidebarFixedBottom.default, null, (0, _react.createElement)(_components.Button, {
     variant: "primary",
     className: "edit-site-global-styles-screen-revisions__button",
@@ -158,13 +160,7 @@ function ScreenRevisions() {
     confirmButtonText: (0, _i18n.__)('Apply'),
     onConfirm: () => restoreRevision(currentlySelectedRevision),
     onCancel: () => setIsLoadingRevisionWithUnsavedChanges(false)
-  }, (0, _i18n.__)('Any unsaved changes will be lost when you apply this revision.'))) : (0, _react.createElement)(_components.__experimentalSpacer, {
-    marginX: 4,
-    "data-testid": "global-styles-no-revisions"
-  },
-  // Adding an existing translation here in case these changes are shipped to WordPress 6.3.
-  // Later we could update to something better, e.g., "There are currently no style revisions.".
-  (0, _i18n.__)('No results found.')));
+  }, (0, _i18n.__)('Any unsaved changes will be lost when you apply this revision.'))));
 }
 var _default = ScreenRevisions;
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_data","_coreData","_element","_blockEditor","_header","_interopRequireDefault","_lockUnlock","_revisions","_sidebarFixedBottom","_store","_useGlobalStylesRevisions","_revisionsButtons","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","ScreenRevisions","goTo","useNavigator","user","currentEditorGlobalStyles","setUserConfig","useContext","blocks","editorCanvasContainerView","revisionsCount","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetDirtyEntityRecords","coreStore","isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","editSiteStore","getEditorCanvasContainerView","blockEditorStore","getBlocks","revisions","isLoading","hasUnsavedChanges","useGlobalStylesRevisions","currentlySelectedRevision","setCurrentlySelectedRevision","useState","isLoadingRevisionWithUnsavedChanges","setIsLoadingRevisionWithUnsavedChanges","setEditorCanvasContainerView","useDispatch","selectedRevisionMatchesEditorStyles","onCloseRevisions","restoreRevision","revision","styles","settings","selectRevision","id","useEffect","firstRevision","currentlySelectedRevisionId","shouldSelectFirstItem","isLoadButtonEnabled","shouldShowRevisions","_react","createElement","Fragment","default","title","sprintf","__","description","onBack","Spinner","className","userConfig","onClose","onChange","selectedRevisionId","userRevisions","Button","variant","disabled","onClick","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel","__experimentalSpacer","marginX","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport SidebarFixedBottom from '../../sidebar-edit-mode/sidebar-fixed-bottom';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenRevisions() {\n\tconst { goTo } = useNavigator();\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEntityRecord,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t} = select( coreStore );\n\t\t\tconst isDirty = __experimentalGetDirtyEntityRecords().length > 0;\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\tlet _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count \|\| 0;\n\t\t\t// one for the reset item.\n\t\t\t_revisionsCount++;\n\t\t\t// one for any dirty changes (unsaved).\n\t\t\tif ( isDirty ) {\n\t\t\t\t_revisionsCount++;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\t\tselect( editSiteStore )\n\t\t\t\t).getEditorCanvasContainerView(),\n\t\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { revisions, isLoading, hasUnsavedChanges } =\n\t\tuseGlobalStylesRevisions();\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\tconst onCloseRevisions = () => {\n\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\tsetEditorCanvasContainerView( undefined );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => ( {\n\t\t\tstyles: revision?.styles,\n\t\t\tsettings: revision?.settings,\n\t\t} ) );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tconst selectRevision = ( revision ) => {\n\t\tsetCurrentlySelectedRevision( {\n\t\t\tstyles: revision?.styles \|\| {},\n\t\t\tsettings: revision?.settings \|\| {},\n\t\t\tid: revision?.id,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView !== 'global-styles-revisions' ) {\n\t\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\t\tsetEditorCanvasContainerView( editorCanvasContainerView );\n\t\t}\n\t}, [ editorCanvasContainerView ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( {\n\t\t\t\tstyles: firstRevision?.styles \|\| {},\n\t\t\t\tsettings: firstRevision?.settings \|\| {},\n\t\t\t\tid: firstRevision?.id,\n\t\t\t} );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId && ! selectedRevisionMatchesEditorStyles;\n\tconst shouldShowRevisions = ! isLoading && revisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ isLoading && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ shouldShowRevisions ? (\n\t\t\t\t<>\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tonClose={ onCloseRevisions }\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions\">\n\t\t\t\t\t\t<RevisionsButtons\n\t\t\t\t\t\t\tonChange={ selectRevision }\n\t\t\t\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\t\t\t\tuserRevisions={ revisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ isLoadButtonEnabled && (\n\t\t\t\t\t\t\t<SidebarFixedBottom>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__button\"\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t! currentlySelectedRevisionId \|\|\n\t\t\t\t\t\t\t\t\t\tcurrentlySelectedRevisionId ===\n\t\t\t\t\t\t\t\t\t\t\t'unsaved'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tif ( hasUnsavedChanges ) {\n\t\t\t\t\t\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges(\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\trestoreRevision(\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentlySelectedRevision\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ currentlySelectedRevisionId === 'parent'\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</SidebarFixedBottom>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Any unsaved changes will be lost when you apply this revision.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Spacer marginX={ 4 } data-testid=\"global-styles-no-revisions\">\n\t\t\t\t\t{\n\t\t\t\t\t\t// Adding an existing translation here in case these changes are shipped to WordPress 6.3.\n\t\t\t\t\t\t// Later we could update to something better, e.g., \"There are currently no style revisions.\".\n\t\t\t\t\t\t__( 'No results found.' )\n\t\t\t\t\t}\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_i18n","require","_components","_data","_coreData","_element","_blockEditor","_header","_interopRequireDefault","_lockUnlock","_revisions","_sidebarFixedBottom","_store","_useGlobalStylesRevisions","_revisionsButtons","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","ScreenRevisions","goTo","useNavigator","user","currentEditorGlobalStyles","setUserConfig","useContext","blocks","editorCanvasContainerView","revisionsCount","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetDirtyEntityRecords","coreStore","isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","editSiteStore","getEditorCanvasContainerView","blockEditorStore","getBlocks","revisions","isLoading","hasUnsavedChanges","useGlobalStylesRevisions","currentlySelectedRevision","setCurrentlySelectedRevision","useState","isLoadingRevisionWithUnsavedChanges","setIsLoadingRevisionWithUnsavedChanges","setEditorCanvasContainerView","useDispatch","selectedRevisionMatchesEditorStyles","onCloseRevisions","restoreRevision","revision","styles","settings","selectRevision","id","useEffect","firstRevision","currentlySelectedRevisionId","shouldSelectFirstItem","isLoadButtonEnabled","shouldShowRevisions","_react","createElement","Fragment","default","title","sprintf","__","description","onBack","Spinner","className","userConfig","onClose","onChange","selectedRevisionId","userRevisions","canApplyRevision","Button","variant","disabled","onClick","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport SidebarFixedBottom from '../../sidebar-edit-mode/sidebar-fixed-bottom';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenRevisions() {\n\tconst { goTo } = useNavigator();\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEntityRecord,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t} = select( coreStore );\n\t\t\tconst isDirty = __experimentalGetDirtyEntityRecords().length > 0;\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\tlet _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count \|\| 0;\n\t\t\t// one for the reset item.\n\t\t\t_revisionsCount++;\n\t\t\t// one for any dirty changes (unsaved).\n\t\t\tif ( isDirty ) {\n\t\t\t\t_revisionsCount++;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\t\tselect( editSiteStore )\n\t\t\t\t).getEditorCanvasContainerView(),\n\t\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { revisions, isLoading, hasUnsavedChanges } =\n\t\tuseGlobalStylesRevisions();\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\tconst onCloseRevisions = () => {\n\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\tsetEditorCanvasContainerView( undefined );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => ( {\n\t\t\tstyles: revision?.styles,\n\t\t\tsettings: revision?.settings,\n\t\t} ) );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tconst selectRevision = ( revision ) => {\n\t\tsetCurrentlySelectedRevision( {\n\t\t\tstyles: revision?.styles \|\| {},\n\t\t\tsettings: revision?.settings \|\| {},\n\t\t\tid: revision?.id,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView !== 'global-styles-revisions' ) {\n\t\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\t\tsetEditorCanvasContainerView( editorCanvasContainerView );\n\t\t}\n\t}, [ editorCanvasContainerView ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( {\n\t\t\t\tstyles: firstRevision?.styles \|\| {},\n\t\t\t\tsettings: firstRevision?.settings \|\| {},\n\t\t\t\tid: firstRevision?.id,\n\t\t\t} );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load,\n\t// and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId && ! selectedRevisionMatchesEditorStyles;\n\tconst shouldShowRevisions = ! isLoading && revisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ isLoading && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ shouldShowRevisions && (\n\t\t\t\t<>\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tonClose={ onCloseRevisions }\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions\">\n\t\t\t\t\t\t<RevisionsButtons\n\t\t\t\t\t\t\tonChange={ selectRevision }\n\t\t\t\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\t\t\t\tuserRevisions={ revisions }\n\t\t\t\t\t\t\tcanApplyRevision={ isLoadButtonEnabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ isLoadButtonEnabled && (\n\t\t\t\t\t\t\t<SidebarFixedBottom>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__button\"\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t! currentlySelectedRevisionId \|\|\n\t\t\t\t\t\t\t\t\t\tcurrentlySelectedRevisionId ===\n\t\t\t\t\t\t\t\t\t\t\t'unsaved'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tif ( hasUnsavedChanges ) {\n\t\t\t\t\t\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges(\n\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\trestoreRevision(\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentlySelectedRevision\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ currentlySelectedRevisionId === 'parent'\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</SidebarFixedBottom>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Any unsaved changes will be lost when you apply this revision.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],"mappings":"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"}

package/build/components/global-styles/screen-revisions/revisions-buttons.js CHANGED Viewed

@@ -12,6 +12,9 @@ var _components = require("@wordpress/components");
 var _date = require("@wordpress/date");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _blocks = require("@wordpress/blocks");
+var _getRevisionChanges = _interopRequireDefault(require("./get-revision-changes"));
 /**
  * External dependencies
  */
@@ -20,27 +23,58 @@ var _data = require("@wordpress/data");
  * WordPress dependencies
  */
+/**
+ * Internal dependencies
+ */
 const DAY_IN_MILLISECONDS = 60 * 60 * 1000 * 24;
+const MAX_CHANGES = 7;
+function ChangesSummary({
+  revision,
+  previousRevision,
+  blockNames
+}) {
+  const changes = (0, _getRevisionChanges.default)(revision, previousRevision, blockNames);
+  const changesLength = changes.length;
+  if (!changesLength) {
+    return null;
+  }
+  // Truncate to `n` results if necessary.
+  if (changesLength > MAX_CHANGES) {
+    const deleteCount = changesLength - MAX_CHANGES;
+    const andMoreText = (0, _i18n.sprintf)(
+    // translators: %d: number of global styles changes that are not displayed in the UI.
+    (0, _i18n._n)('…and %d more change.', '…and %d more changes.', deleteCount), deleteCount);
+    changes.splice(MAX_CHANGES, deleteCount, andMoreText);
+  }
+  return (0, _react.createElement)("span", {
+    "data-testid": "global-styles-revision-changes",
+    className: "edit-site-global-styles-screen-revisions__changes"
+  }, changes.join(', '));
+}
 /**
  * Returns a button label for the revision.
  *
  * @param {string|number} id                    A revision object.
- * @param {boolean}       isLatest              Whether the revision is the most current.
  * @param {string}        authorDisplayName     Author name.
  * @param {string}        formattedModifiedDate Revision modified date formatted.
+ * @param {boolean}       areStylesEqual        Whether the revision matches the current editor styles.
  * @return {string} Translated label.
  */
-function getRevisionLabel(id, isLatest, authorDisplayName, formattedModifiedDate) {
+function getRevisionLabel(id, authorDisplayName, formattedModifiedDate, areStylesEqual) {
   if ('parent' === id) {
     return (0, _i18n.__)('Reset the styles to the theme defaults');
   }
   if ('unsaved' === id) {
-    return (0, _i18n.sprintf)( /* translators: %s author display name */
+    return (0, _i18n.sprintf)( /* translators: %s: author display name */
     (0, _i18n.__)('Unsaved changes by %s'), authorDisplayName);
   }
-  return isLatest ? (0, _i18n.sprintf)( /* translators: %1$s author display name, %2$s: revision creation date */
-  (0, _i18n.__)('Changes saved by %1$s on %2$s (current)'), authorDisplayName, formattedModifiedDate) : (0, _i18n.sprintf)( /* translators: %1$s author display name, %2$s: revision creation date */
+  return areStylesEqual ? (0, _i18n.sprintf)(
+  // translators: %1$s: author display name, %2$s: revision creation date.
+  (0, _i18n.__)('Changes saved by %1$s on %2$s. This revision matches current editor styles.'), authorDisplayName, formattedModifiedDate) : (0, _i18n.sprintf)(
+  // translators: %1$s: author display name, %2$s: revision creation date.
   (0, _i18n.__)('Changes saved by %1$s on %2$s'), authorDisplayName, formattedModifiedDate);
 }
@@ -58,7 +92,8 @@ function getRevisionLabel(id, isLatest, authorDisplayName, formattedModifiedDate
 function RevisionsButtons({
   userRevisions,
   selectedRevisionId,
-  onChange
+  onChange,
+  canApplyRevision
 }) {
   const {
     currentThemeName,
@@ -74,9 +109,18 @@ function RevisionsButtons({
       currentUser: getCurrentUser()
     };
   }, []);
+  const blockNames = (0, _element.useMemo)(() => {
+    const blockTypes = (0, _blocks.getBlockTypes)();
+    return blockTypes.reduce((accumulator, {
+      name,
+      title
+    }) => {
+      accumulator[name] = title;
+      return accumulator;
+    }, {});
+  }, []);
   const dateNowInMs = (0, _date.getDate)().getTime();
   const {
-    date: dateFormat,
     datetimeAbbreviated
   } = (0, _date.getSettings)().formats;
   return (0, _react.createElement)("ol", {
@@ -86,7 +130,6 @@ function RevisionsButtons({
   }, userRevisions.map((revision, index) => {
     const {
       id,
-      isLatest,
       author,
       modified
     } = revision;
@@ -95,14 +138,17 @@ function RevisionsButtons({
     const revisionAuthor = isUnsaved ? currentUser : author;
     const authorDisplayName = revisionAuthor?.name || (0, _i18n.__)('User');
     const authorAvatar = revisionAuthor?.avatar_urls?.['48'];
-    const isSelected = selectedRevisionId ? selectedRevisionId === id : index === 0;
+    const isFirstItem = index === 0;
+    const isSelected = selectedRevisionId ? selectedRevisionId === id : isFirstItem;
+    const areStylesEqual = !canApplyRevision && isSelected;
     const isReset = 'parent' === id;
     const modifiedDate = (0, _date.getDate)(modified);
-    const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? (0, _date.dateI18n)(dateFormat, modifiedDate) : (0, _date.humanTimeDiff)(modified);
-    const revisionLabel = getRevisionLabel(id, isLatest, authorDisplayName, (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate));
+    const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate) : (0, _date.humanTimeDiff)(modified);
+    const revisionLabel = getRevisionLabel(id, authorDisplayName, (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate), areStylesEqual);
     return (0, _react.createElement)("li", {
       className: (0, _classnames.default)('edit-site-global-styles-screen-revisions__revision-item', {
         'is-selected': isSelected,
+        'is-active': areStylesEqual,
         'is-reset': isReset
       }),
       key: id
@@ -112,7 +158,7 @@ function RevisionsButtons({
       onClick: () => {
         onChange(revision);
       },
-      label: revisionLabel
+      "aria-label": revisionLabel
     }, isReset ? (0, _react.createElement)("span", {
       className: "edit-site-global-styles-screen-revisions__description"
     }, (0, _i18n.__)('Default styles'), (0, _react.createElement)("span", {
@@ -124,7 +170,11 @@ function RevisionsButtons({
     }, (0, _i18n.__)('(Unsaved)')) : (0, _react.createElement)("time", {
       className: "edit-site-global-styles-screen-revisions__date",
       dateTime: modified
-    }, displayDate), (0, _react.createElement)("span", {
+    }, displayDate), isSelected && (0, _react.createElement)(ChangesSummary, {
+      blockNames: blockNames,
+      revision: revision,
+      previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
+    }), (0, _react.createElement)("span", {
       className: "edit-site-global-styles-screen-revisions__meta"
     }, (0, _react.createElement)("img", {
       alt: authorDisplayName,

package/build/components/global-styles/screen-revisions/revisions-buttons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","DAY_IN_MILLISECONDS","getRevisionLabel","id","isLatest","authorDisplayName","formattedModifiedDate","__","sprintf","RevisionsButtons","userRevisions","selectedRevisionId","onChange","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","dateNowInMs","getDate","getTime","date","dateFormat","datetimeAbbreviated","getSettings","formats","_react","createElement","className","role","map","revision","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","classnames","key","Button","disabled","onClick","label","dateTime","alt","src","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\nconst DAY_IN_MILLISECONDS = 60 60 * 1000 * 24;\n\n/*\n Returns a button label for the revision.\n \n @param {string\|number} id A revision object.\n * @param {boolean} isLatest Whether the revision is the most current.\n * @param {string} authorDisplayName Author name.\n * @param {string} formattedModifiedDate Revision modified date formatted.\n * @return {string} Translated label.\n /\nfunction getRevisionLabel(\n\tid,\n\tisLatest,\n\tauthorDisplayName,\n\tformattedModifiedDate\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/ translators: %s author display name /\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn isLatest\n\t\t? sprintf(\n\t\t\t\t/ translators: %1$s author display name, %2$s: revision creation date /\n\t\t\t\t__( 'Changes saved by %1$s on %2$s (current)' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t )\n\t\t: sprintf(\n\t\t\t\t/ translators: %1$s author display name, %2$s: revision creation date /\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t );\n}\n\n/\n Returns a rendered list of revisions buttons.\n \n @typedef {Object} props\n * @property {Array<Object>} userRevisions A collection of user revisions.\n * @property {number} selectedRevisionId The id of the currently-selected revision.\n * @property {Function} onChange Callback fired when a revision is selected.\n \n @param {props} Component props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( { userRevisions, selectedRevisionId, onChange } ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered \|\| currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { date: dateFormat, datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, isLatest, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name \|\| __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: index === 0;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( dateFormat, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tisLatest,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","_element","_blocks","_getRevisionChanges","DAY_IN_MILLISECONDS","MAX_CHANGES","ChangesSummary","revision","previousRevision","blockNames","changes","getRevisionChanges","changesLength","length","deleteCount","andMoreText","sprintf","_n","splice","_react","createElement","className","join","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","__","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","useMemo","blockTypes","getBlockTypes","reduce","accumulator","title","dateNowInMs","getDate","getTime","datetimeAbbreviated","getSettings","formats","role","map","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","classnames","key","Button","disabled","onClick","dateTime","alt","src","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { getBlockTypes } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport getRevisionChanges from './get-revision-changes';\n\nconst DAY_IN_MILLISECONDS = 60 60 * 1000 * 24;\nconst MAX_CHANGES = 7;\n\nfunction ChangesSummary( { revision, previousRevision, blockNames } ) {\n\tconst changes = getRevisionChanges(\n\t\trevision,\n\t\tpreviousRevision,\n\t\tblockNames\n\t);\n\tconst changesLength = changes.length;\n\n\tif ( ! changesLength ) {\n\t\treturn null;\n\t}\n\n\t// Truncate to `n` results if necessary.\n\tif ( changesLength > MAX_CHANGES ) {\n\t\tconst deleteCount = changesLength - MAX_CHANGES;\n\t\tconst andMoreText = sprintf(\n\t\t\t// translators: %d: number of global styles changes that are not displayed in the UI.\n\t\t\t_n( '…and %d more change.', '…and %d more changes.', deleteCount ),\n\t\t\tdeleteCount\n\t\t);\n\t\tchanges.splice( MAX_CHANGES, deleteCount, andMoreText );\n\t}\n\n\treturn (\n\t\t<span\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.join( ', ' ) }\n\t\t</span>\n\t);\n}\n\n/*\n Returns a button label for the revision.\n \n @param {string\|number} id A revision object.\n * @param {string} authorDisplayName Author name.\n * @param {string} formattedModifiedDate Revision modified date formatted.\n * @param {boolean} areStylesEqual Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n /\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/ translators: %s: author display name /\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t )\n\t\t: sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t );\n}\n\n/\n Returns a rendered list of revisions buttons.\n \n @typedef {Object} props\n * @property {Array<Object>} userRevisions A collection of user revisions.\n * @property {number} selectedRevisionId The id of the currently-selected revision.\n * @property {Function} onChange Callback fired when a revision is selected.\n \n @param {props} Component props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered \|\| currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst blockNames = useMemo( () => {\n\t\tconst blockTypes = getBlockTypes();\n\t\treturn blockTypes.reduce( ( accumulator, { name, title } ) => {\n\t\t\taccumulator[ name ] = title;\n\t\t\treturn accumulator;\n\t\t}, {} );\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name \|\| __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-active': areStylesEqual,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\tblockNames={ blockNames }\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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"}

package/build/components/header-edit-mode/document-tools/index.js CHANGED Viewed

@@ -14,6 +14,7 @@ var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
+var _editor = require("@wordpress/editor");
 var _undo = _interopRequireDefault(require("../undo-redo/undo"));
 var _redo = _interopRequireDefault(require("../undo-redo/redo"));
 var _store = require("../../../store");
@@ -47,7 +48,6 @@ function DocumentTools({
     isVisualMode
   } = (0, _data.useSelect)(select => {
     const {
-      __experimentalGetPreviewDeviceType,
       isInserterOpened,
       isListViewOpened,
       getEditorMode
@@ -56,7 +56,6 @@ function DocumentTools({
       getShortcutRepresentation
     } = select(_keyboardShortcuts.store);
     return {
-      deviceType: __experimentalGetPreviewDeviceType(),
       isInserterOpen: isInserterOpened(),
       isListViewOpen: isListViewOpened(),
       listViewShortcut: getShortcutRepresentation('core/edit-site/toggle-list-view'),
@@ -64,13 +63,15 @@ function DocumentTools({
     };
   }, []);
   const {
-    __experimentalSetPreviewDeviceType: setPreviewDeviceType,
     setIsInserterOpened,
     setIsListViewOpened
   } = (0, _data.useDispatch)(_store.store);
   const {
     __unstableSetEditorMode
   } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    setDeviceType
+  } = (0, _data.useDispatch)(_editor.store);
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   const toggleInserter = (0, _element.useCallback)(() => {
     if (isInserterOpen) {
@@ -116,20 +117,24 @@ function DocumentTools({
     icon: _icons.plus,
     label: showIconLabels ? shortLabel : longLabel,
     showTooltip: !showIconLabels,
-    "aria-expanded": isInserterOpen
+    "aria-expanded": isInserterOpen,
+    size: "compact"
   }), isLargeViewport && (0, _react.createElement)(_react.Fragment, null, !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
     as: _blockEditor.ToolSelector,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,
-    disabled: !isVisualMode
+    disabled: !isVisualMode,
+    size: "compact"
   }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _undo.default,
     showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
+    variant: showIconLabels ? 'tertiary' : undefined,
+    size: "compact"
   }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _redo.default,
     showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
+    variant: showIconLabels ? 'tertiary' : undefined,
+    size: "compact"
   }), !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
     as: _components.Button,
     className: "edit-site-header-edit-mode__list-view-toggle",
@@ -143,7 +148,8 @@ function DocumentTools({
     shortcut: listViewShortcut,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,
-    "aria-expanded": isListViewOpen
+    "aria-expanded": isListViewOpen,
+    size: "compact"
   }), isZoomedOutViewExperimentEnabled && !isDistractionFree && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
     as: _components.Button,
     className: "edit-site-header-edit-mode__zoom-out-view-toggle",
@@ -152,9 +158,10 @@ function DocumentTools({
     /* translators: button label text should, if possible, be under 16 characters. */,
     label: (0, _i18n.__)('Zoom-out View'),
     onClick: () => {
-      setPreviewDeviceType('Desktop');
+      setDeviceType('Desktop');
       __unstableSetEditorMode(isZoomedOutView ? 'edit' : 'zoom-out');
-    }
+    },
+    size: "compact"
   }))));
 }
 //# sourceMappingURL=index.js.map

package/build/components/header-edit-mode/document-tools/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_compose","_blockEditor","_data","_i18n","_icons","_components","_keyboardShortcuts","_undo","_interopRequireDefault","_redo","_store","_lockUnlock","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","DocumentTools","blockEditorMode","hasFixedToolbar","isDistractionFree","showIconLabels","setListViewToggleElement","inserterButton","useRef","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","useSelect","select","__experimentalGetPreviewDeviceType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","deviceType","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","blockEditorStore","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","_react","createElement","NavigableToolbar","className","shouldUseKeyboardFocusShortcut","ToolbarItem","ref","as","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-tools/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tToolSelector,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, chevronUpDown } from '@wordpress/icons';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/\n Internal dependencies\n /\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function DocumentTools( {\n\tblockEditorMode,\n\thasFixedToolbar,\n\tisDistractionFree,\n\tshowIconLabels,\n\tsetListViewToggleElement,\n} ) {\n\tconst inserterButton = useRef();\n\tconst { isInserterOpen, isListViewOpen, listViewShortcut, isVisualMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\t\tisInserterOpened,\n\t\t\t\tisListViewOpened,\n\t\t\t\tgetEditorMode,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getShortcutRepresentation } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t\t),\n\t\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\t};\n\t\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-site-header-edit-mode__document-tools\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode \|\| isZoomedOutView }\n\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType( 'Desktop' );\n\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t);\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) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_compose","_blockEditor","_data","_i18n","_icons","_components","_keyboardShortcuts","_editor","_undo","_interopRequireDefault","_redo","_store","_lockUnlock","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","DocumentTools","blockEditorMode","hasFixedToolbar","isDistractionFree","showIconLabels","setListViewToggleElement","inserterButton","useRef","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","useSelect","select","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","blockEditorStore","setDeviceType","editorStore","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","_react","createElement","NavigableToolbar","className","shouldUseKeyboardFocusShortcut","ToolbarItem","ref","as","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","size","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-tools/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tToolSelector,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, chevronUpDown } from '@wordpress/icons';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function DocumentTools( {\n\tblockEditorMode,\n\thasFixedToolbar,\n\tisDistractionFree,\n\tshowIconLabels,\n\tsetListViewToggleElement,\n} ) {\n\tconst inserterButton = useRef();\n\tconst { isInserterOpen, isListViewOpen, listViewShortcut, isVisualMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { isInserterOpened, isListViewOpened, getEditorMode } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getShortcutRepresentation } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t\t),\n\t\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\t};\n\t\t}, [] );\n\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-site-header-edit-mode__document-tools\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode \|\| isZoomedOutView }\n\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n"],"mappings":"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"}

package/build/components/header-edit-mode/index.js CHANGED Viewed

@@ -8,7 +8,6 @@ exports.default = HeaderEditMode;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _compose = require("@wordpress/compose");
-var _coreData = require("@wordpress/core-data");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
@@ -17,9 +16,9 @@ var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
 var _preferences = require("@wordpress/preferences");
+var _editor = require("@wordpress/editor");
 var _moreMenu = _interopRequireDefault(require("./more-menu"));
 var _saveButton = _interopRequireDefault(require("../save-button"));
-var _documentActions = _interopRequireDefault(require("./document-actions"));
 var _documentTools = _interopRequireDefault(require("./document-tools"));
 var _store = require("../../store");
 var _editorCanvasContainer = require("../editor-canvas-container");
@@ -38,44 +37,39 @@ var _constants = require("../../utils/constants");
  */
 const {
-  BlockContextualToolbar
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+  PreviewDropdown
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 function HeaderEditMode({
   setListViewToggleElement
 }) {
   const {
-    deviceType,
     templateType,
     isDistractionFree,
     blockEditorMode,
     blockSelectionStart,
-    homeUrl,
     showIconLabels,
     editorCanvasView,
     hasFixedToolbar,
     isZoomOutMode
   } = (0, _data.useSelect)(select => {
     const {
-      __experimentalGetPreviewDeviceType,
       getEditedPostType
     } = select(_store.store);
     const {
       getBlockSelectionStart,
       __unstableGetEditorMode
     } = select(_blockEditor.store);
-    const postType = getEditedPostType();
-    const {
-      getUnstableBase // Site index.
-    } = select(_coreData.store);
     const {
       get: getPreference
     } = select(_preferences.store);
+    const {
+      getDeviceType
+    } = select(_editor.store);
     return {
-      deviceType: __experimentalGetPreviewDeviceType(),
-      templateType: postType,
+      deviceType: getDeviceType(),
+      templateType: getEditedPostType(),
       blockEditorMode: __unstableGetEditorMode(),
       blockSelectionStart: getBlockSelectionStart(),
-      homeUrl: getUnstableBase()?.home,
       showIconLabels: getPreference(_store.store.name, 'showIconLabels'),
       editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
       hasFixedToolbar: getPreference(_store.store.name, 'fixedToolbar'),
@@ -86,9 +80,6 @@ function HeaderEditMode({
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   const isTopToolbar = !isZoomOutMode && hasFixedToolbar && isLargeViewport;
   const blockToolbarRef = (0, _element.useRef)();
-  const {
-    __experimentalSetPreviewDeviceType: setPreviewDeviceType
-  } = (0, _data.useDispatch)(_store.store);
   const disableMotion = (0, _compose.useReducedMotion)();
   const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
   const isFocusMode = _constants.FOCUSABLE_ENTITIES.includes(templateType);
@@ -137,8 +128,8 @@ function HeaderEditMode({
     className: (0, _classnames.default)('selected-block-tools-wrapper', {
       'is-collapsed': isBlockToolsCollapsed
     })
-  }, (0, _react.createElement)(BlockContextualToolbar, {
-    isFixed: true
+  }, (0, _react.createElement)(_blockEditor.BlockToolbar, {
+    hideDragHandle: true
   })), (0, _react.createElement)(_components.Popover.Slot, {
     ref: blockToolbarRef,
     name: "block-toolbar"
@@ -153,33 +144,20 @@ function HeaderEditMode({
     className: (0, _classnames.default)('edit-site-header-edit-mode__center', {
       'is-collapsed': !isBlockToolsCollapsed && isLargeViewport
     })
-  }, !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : (0, _react.createElement)(_documentActions.default, null)), (0, _react.createElement)("div", {
+  }, !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : (0, _react.createElement)(_editor.DocumentBar, null)), (0, _react.createElement)("div", {
     className: "edit-site-header-edit-mode__end"
   }, (0, _react.createElement)(_components.__unstableMotion.div, {
     className: "edit-site-header-edit-mode__actions",
     variants: toolbarVariants,
     transition: toolbarTransition
-  }, (0, _react.createElement)("div", {
+  }, isLargeViewport && (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-header-edit-mode__preview-options', {
       'is-zoomed-out': isZoomedOutView
     })
-  }, (0, _react.createElement)(_blockEditor.__experimentalPreviewOptions, {
-    deviceType: deviceType,
-    setDeviceType: setPreviewDeviceType,
-    label: (0, _i18n.__)('View'),
-    isEnabled: !isFocusMode && hasDefaultEditorCanvasView,
-    showIconLabels: showIconLabels
-  }, ({
-    onClose
-  }) => (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
-    href: homeUrl,
-    target: "_blank",
-    icon: _icons.external,
-    onClick: onClose
-  }, (0, _i18n.__)('View site'), (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "span"
-  }, /* translators: accessibility text */
-  (0, _i18n.__)('(opens in a new tab)')))))), (0, _react.createElement)(_saveButton.default, null), !isDistractionFree && (0, _react.createElement)(_interface.PinnedItems.Slot, {
+  }, (0, _react.createElement)(PreviewDropdown, {
+    showIconLabels: showIconLabels,
+    disabled: isFocusMode || !hasDefaultEditorCanvasView
+  })), (0, _react.createElement)(_saveButton.default, null), !isDistractionFree && (0, _react.createElement)(_interface.PinnedItems.Slot, {
     scope: "core/edit-site"
   }), (0, _react.createElement)(_moreMenu.default, {
     showIconLabels: showIconLabels