@wordpress/edit-site 5.28.5 → 5.30.0

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","isPreviewingTheme","EntitiesSavedStates","SavePanel","isSaveViewOpen","canvasMode","isSaveViewOpened","getCanvasMode","editSiteStore","setIsSaveViewOpened","useDispatch","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","NavigableRegion","classnames","ariaLabel","Button","variant","onClick"],"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 } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn <EntitiesSavedStates close={ onClose } />;\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode } = useSelect( ( select ) => {\n\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tcanvasMode: getCanvasMode(),\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\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{ isSaveViewOpen ? (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t) : (\n\t\t\t\t<div className=\"edit-site-editor__toggle-save-panel\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\t\taria-expanded={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\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","_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","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 } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn <EntitiesSavedStates close={ onClose } />;\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{ isSaveViewOpen ? (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t) : (\n\t\t\t\t<div className=\"edit-site-editor__toggle-save-panel\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\t\taria-expanded={ false }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar/index.js

@@ -10,8 +10,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _router = require("@wordpress/router");
-var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
+var _i18n = require("@wordpress/i18n");
 var _sidebarNavigationScreenMain = _interopRequireDefault(require("../sidebar-navigation-screen-main"));
 var _sidebarNavigationScreenTemplates = _interopRequireDefault(require("../sidebar-navigation-screen-templates"));
 var _sidebarNavigationScreenTemplate = _interopRequireDefault(require("../sidebar-navigation-screen-template"));

package/build/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_router","_i18n","_compose","_sidebarNavigationScreenMain","_sidebarNavigationScreenTemplates","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenPattern","_useSyncPathWithUrl","_interopRequireWildcard","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenNavigationMenu","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenTemplatesBrowse","_saveHub","_lockUnlock","_sidebarNavigationScreenPages","_sidebarNavigationScreen","_sidebarDataviews","_sidebarNavigationScreenPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useLocation","unlock","routerPrivateApis","SidebarScreenWrapper","className","props","_react","createElement","__experimentalNavigatorScreen","classNames","SidebarScreens","useSyncPathWithURL","isMobileViewport","useViewportMatch","Fragment","path","title","__","content","backPath","Sidebar","params","urlParams","initialPath","useRef","getPathFromURL","__experimentalNavigatorProvider","current","_default","exports","memo"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreenWrapper( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ classNames(\n\t\t\t\t'edit-site-sidebar__screen-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarScreenWrapper path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/pages\">\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Manage pages' ) }\n\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\tbackPath=\"/page\"\n\t\t\t\t/>\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t{ ! isMobileViewport && (\n\t\t\t\t<SidebarScreenWrapper path=\"/patterns\">\n\t\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t\t</SidebarScreenWrapper>\n\t\t\t) }\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template_part|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</SidebarScreenWrapper>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_router","_compose","_i18n","_sidebarNavigationScreenMain","_sidebarNavigationScreenTemplates","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenPattern","_useSyncPathWithUrl","_interopRequireWildcard","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenNavigationMenu","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenTemplatesBrowse","_saveHub","_lockUnlock","_sidebarNavigationScreenPages","_sidebarNavigationScreen","_sidebarDataviews","_sidebarNavigationScreenPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useLocation","unlock","routerPrivateApis","SidebarScreenWrapper","className","props","_react","createElement","__experimentalNavigatorScreen","classNames","SidebarScreens","useSyncPathWithURL","isMobileViewport","useViewportMatch","Fragment","path","title","__","content","backPath","Sidebar","params","urlParams","initialPath","useRef","getPathFromURL","__experimentalNavigatorProvider","current","_default","exports","memo"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreenWrapper( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ classNames(\n\t\t\t\t'edit-site-sidebar__screen-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarScreenWrapper path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/pages\">\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Manage pages' ) }\n\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\tbackPath=\"/page\"\n\t\t\t\t/>\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t{ ! isMobileViewport && (\n\t\t\t\t<SidebarScreenWrapper path=\"/patterns\">\n\t\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t\t</SidebarScreenWrapper>\n\t\t\t) }\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template_part|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</SidebarScreenWrapper>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}

package/build/components/sidebar-edit-mode/global-styles-sidebar.js

@@ -45,7 +45,7 @@ function GlobalStylesSidebar() {
       getCanvasMode
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const canvasContainerView = getEditorCanvasContainerView();
-    const _isVisualEditorMode = 'visual' === select(_store.store).getEditorMode();
+    const _isVisualEditorMode = 'visual' === select(_editor.store).getEditorMode();
     const _isEditCanvasMode = 'edit' === getCanvasMode();
     const _showListViewByDefault = select(_preferences.store).get('core', 'showListViewByDefault');
     const {
@@ -116,14 +116,14 @@ function GlobalStylesSidebar() {
     closeLabel: (0, _i18n.__)('Close Styles'),
     panelClassName: "edit-site-global-styles-sidebar__panel",
     header: (0, _react.createElement)(_components.Flex, {
-      className: "edit-site-global-styles-sidebar__header",
-      role: "menubar",
-      "aria-label": (0, _i18n.__)('Styles actions')
+      className: "edit-site-global-styles-sidebar__header"
     }, (0, _react.createElement)(_components.FlexBlock, {
       style: {
         minWidth: 'min-content'
       }
-    }, (0, _react.createElement)("strong", null, (0, _i18n.__)('Styles'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
+    }, (0, _react.createElement)("h2", {
+      className: "edit-site-global-styles-sidebar__header-title"
+    }, (0, _i18n.__)('Styles'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
       icon: _icons.seen,
       label: (0, _i18n.__)('Style Book'),
       isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,

package/build/components/sidebar-edit-mode/global-styles-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_interface","_preferences","_editor","_defaultSidebar","_interopRequireDefault","_globalStyles","_store","_ui","_lockUnlock","_coreData","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","interfaceStore","getEditorCanvasContainerView","getCanvasMode","unlock","editSiteStore","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","editorStore","goTo","useNavigator","toggleRevisions","toggleStyleBook","_react","createElement","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","Flex","role","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","disabled","onClick","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editSiteStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\trole=\"menubar\"\n\t\t\t\t\taria-label={ __( 'Styles actions' ) }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<strong>{ __( 'Styles' ) }</strong>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_interface","_preferences","_editor","_defaultSidebar","_interopRequireDefault","_globalStyles","_store","_ui","_lockUnlock","_coreData","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","interfaceStore","getEditorCanvasContainerView","getCanvasMode","unlock","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","_react","createElement","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","Flex","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","disabled","onClick","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex className=\"edit-site-global-styles-sidebar__header\">\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-edit-mode/page-panels/page-status.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_element","_coreData","_notices","_blockEditor","_compose","_editor","_statusLabel","_interopRequireDefault","_lockUnlock","PostPanelRow","unlock","editorPrivateApis","STATUS_OPTIONS","label","_react","createElement","Fragment","__","__experimentalText","variant","value","PageStatus","postType","postId","status","password","date","showPassword","setShowPassword","useState","instanceId","useInstanceId","editEntityRecord","useDispatch","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","useMemo","anchor","placement","saveStatus","newStatus","newPassword","newDate","error","errorMessage","message","code","type","handleTogglePassword","handleStatus","Date","setDate","getDate","Dropdown","contentClassName","focusOnMount","ref","renderToggle","onToggle","Button","className","onClick","default","renderContent","onClose","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","RadioControl","hideLabelFromVision","options","onChange","selected","as","size","lineHeight","weight","upperCase","ToggleControl","checked","VisuallyHidden","htmlFor","TextControl","placeholder","id"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-status.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tToggleControl,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tRadioControl,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from '../../sidebar-navigation-screen-page/status-label';\nimport { unlock } from '../../../lock-unlock';\n\nconst { PostPanelRow } = unlock( editorPrivateApis );\n\nconst STATUS_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Draft' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Not ready to publish.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'draft',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Pending' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Waiting for review before publishing.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'pending',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Private' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Only visible to site admins and editors.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'private',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Scheduled' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Publish automatically on a chosen date.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'future',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Published' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Visible to everyone.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'publish',\n\t},\n];\n\nexport default function PageStatus( {\n\tpostType,\n\tpostId,\n\tstatus,\n\tpassword,\n\tdate,\n} ) {\n\tconst [ showPassword, setShowPassword ] = useState( !! password );\n\tconst instanceId = useInstanceId( PageStatus );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change status' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveStatus = async ( {\n\t\tstatus: newStatus = status,\n\t\tpassword: newPassword = password,\n\t\tdate: newDate = date,\n\t} ) => {\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t\tpassword: newPassword,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst handleTogglePassword = ( value ) => {\n\t\tsetShowPassword( value );\n\t\tif ( ! value ) {\n\t\t\tsaveStatus( { password: '' } );\n\t\t}\n\t};\n\n\tconst handleStatus = ( value ) => {\n\t\tlet newDate = date;\n\t\tlet newPassword = password;\n\t\tif ( value === 'publish' ) {\n\t\t\tif ( new Date( date ) > new Date() ) {\n\t\t\t\tnewDate = null;\n\t\t\t}\n\t\t} else if ( value === 'future' ) {\n\t\t\tif ( ! date || new Date( date ) < new Date() ) {\n\t\t\t\tnewDate = new Date();\n\t\t\t\tnewDate.setDate( newDate.getDate() + 7 );\n\t\t\t}\n\t\t} else if ( value === 'private' && password ) {\n\t\t\tsetShowPassword( false );\n\t\t\tnewPassword = '';\n\t\t}\n\t\tsaveStatus( {\n\t\t\tstatus: value,\n\t\t\tdate: newDate,\n\t\t\tpassword: newPassword,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<PostPanelRow label={ __( 'Status' ) }>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<StatusLabel\n\t\t\t\t\t\t\tstatus={ password ? 'protected' : status }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Status' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<form>\n\t\t\t\t\t\t\t<VStack spacing={ 5 }>\n\t\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__options\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Status' ) }\n\t\t\t\t\t\t\t\t\toptions={ STATUS_OPTIONS }\n\t\t\t\t\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\t\t\t\t\tselected={ status }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ status !== 'private' && (\n\t\t\t\t\t\t\t\t\t<fieldset className=\"edit-site-change-status__password-fieldset\">\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tas=\"legend\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__password-legend\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"11\"\n\t\t\t\t\t\t\t\t\t\t\tlineHeight={ 1.4 }\n\t\t\t\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\t\t\t\tupperCase={ true }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Password' ) }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Hide this page behind a password'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ showPassword }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleTogglePassword }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ showPassword && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"edit-site-change-status__password-input\">\n\t\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\t\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsaveStatus( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpassword: value,\n\t\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\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Use a secure password'\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\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_data","_element","_coreData","_notices","_blockEditor","_compose","_editor","_statusLabel","_interopRequireDefault","_lockUnlock","PostPanelRow","unlock","editorPrivateApis","STATUS_OPTIONS","label","_react","createElement","Fragment","__","__experimentalText","variant","value","PageStatus","postType","postId","status","password","date","showPassword","setShowPassword","useState","instanceId","useInstanceId","editEntityRecord","useDispatch","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","useMemo","anchor","placement","saveStatus","newStatus","newPassword","newDate","error","errorMessage","message","code","type","handleTogglePassword","handleStatus","Date","setDate","getDate","Dropdown","contentClassName","focusOnMount","ref","renderToggle","onToggle","Button","className","onClick","default","renderContent","onClose","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","RadioControl","hideLabelFromVision","options","onChange","selected","as","size","lineHeight","weight","upperCase","ToggleControl","checked","VisuallyHidden","htmlFor","TextControl","placeholder","id"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-status.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tToggleControl,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tRadioControl,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from '../../sidebar-navigation-screen-page/status-label';\nimport { unlock } from '../../../lock-unlock';\n\nconst { PostPanelRow } = unlock( editorPrivateApis );\n\nconst STATUS_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Draft' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Not ready to publish.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'draft',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Pending' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Waiting for review before publishing.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'pending',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Private' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Only visible to site admins and editors.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'private',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Scheduled' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Publish automatically on a chosen date.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'future',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Published' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Visible to everyone.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'publish',\n\t},\n];\n\nexport default function PageStatus( {\n\tpostType,\n\tpostId,\n\tstatus,\n\tpassword,\n\tdate,\n} ) {\n\tconst [ showPassword, setShowPassword ] = useState( !! password );\n\tconst instanceId = useInstanceId( PageStatus );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change status' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveStatus = async ( {\n\t\tstatus: newStatus = status,\n\t\tpassword: newPassword = password,\n\t\tdate: newDate = date,\n\t} ) => {\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t\tpassword: newPassword,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst handleTogglePassword = ( value ) => {\n\t\tsetShowPassword( value );\n\t\tif ( ! value ) {\n\t\t\tsaveStatus( { password: '' } );\n\t\t}\n\t};\n\n\tconst handleStatus = ( value ) => {\n\t\tlet newDate = date;\n\t\tlet newPassword = password;\n\t\tif ( value === 'publish' ) {\n\t\t\tif ( new Date( date ) > new Date() ) {\n\t\t\t\tnewDate = null;\n\t\t\t}\n\t\t} else if ( value === 'future' ) {\n\t\t\tif ( ! date || new Date( date ) < new Date() ) {\n\t\t\t\tnewDate = new Date();\n\t\t\t\tnewDate.setDate( newDate.getDate() + 7 );\n\t\t\t}\n\t\t} else if ( value === 'private' && password ) {\n\t\t\tsetShowPassword( false );\n\t\t\tnewPassword = '';\n\t\t}\n\t\tsaveStatus( {\n\t\t\tstatus: value,\n\t\t\tdate: newDate,\n\t\t\tpassword: newPassword,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<PostPanelRow label={ __( 'Status' ) }>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<StatusLabel\n\t\t\t\t\t\t\tstatus={ password ? 'protected' : status }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Status' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<form>\n\t\t\t\t\t\t\t<VStack spacing={ 5 }>\n\t\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__options\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Status' ) }\n\t\t\t\t\t\t\t\t\toptions={ STATUS_OPTIONS }\n\t\t\t\t\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\t\t\t\t\tselected={ status }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ status !== 'private' && (\n\t\t\t\t\t\t\t\t\t<fieldset className=\"edit-site-change-status__password-fieldset\">\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tas=\"legend\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__password-legend\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"11\"\n\t\t\t\t\t\t\t\t\t\t\tlineHeight={ 1.4 }\n\t\t\t\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\t\t\t\tupperCase\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Password' ) }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Hide this page behind a password'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ showPassword }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleTogglePassword }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ showPassword && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"edit-site-change-status__password-input\">\n\t\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\t\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsaveStatus( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpassword: value,\n\t\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\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Use a secure password'\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\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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"}

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

@@ -28,16 +28,30 @@ function injectThemeAttributeInBlockTemplateContent(block, currentThemeStyleshee
   }
   return block;
 }
-function preparePatterns(patterns, template, currentThemeStylesheet) {
+
+/**
+ * Filter all patterns and return only the ones that are compatible with the current template.
+ *
+ * @param {Array}  patterns An array of patterns.
+ * @param {Object} template The current template.
+ * @return {Array} Array of patterns that are compatible with the current template.
+ */
+function filterPatterns(patterns, template) {
   // Filter out duplicates.
   const filterOutDuplicatesByName = (currentItem, index, items) => index === items.findIndex(item => currentItem.name === item.name);
 
   // Filter out core/directory patterns not included in theme.json.
   const filterOutExcludedPatternSources = pattern => !_constants.EXCLUDED_PATTERN_SOURCES.includes(pattern.source);
 
-  // Filter only the patterns that are compatible with the current template.
-  const filterCompatiblePatterns = pattern => pattern.templateTypes?.includes(template.slug);
-  return patterns.filter((pattern, index, items) => filterOutExcludedPatternSources(pattern) && filterOutDuplicatesByName(pattern, index, items) && filterCompatiblePatterns(pattern)).map(pattern => ({
+  // Looks for patterns that have the same template type as the current template,
+  // or have a block type that matches the current template area.
+  const filterCompatiblePatterns = pattern => pattern.templateTypes?.includes(template.slug) || pattern.blockTypes?.includes('core/template-part/' + template.area);
+  return patterns.filter((pattern, index, items) => {
+    return filterOutDuplicatesByName(pattern, index, items) && filterOutExcludedPatternSources(pattern) && filterCompatiblePatterns(pattern);
+  });
+}
+function preparePatterns(patterns, template, currentThemeStylesheet) {
+  return patterns.map(pattern => ({
     ...pattern,
     keywords: pattern.keywords || [],
     type: _constants.PATTERN_TYPES.theme,
@@ -65,7 +79,8 @@ function useAvailablePatterns(template) {
   }, []);
   return (0, _element.useMemo)(() => {
     const mergedPatterns = [...(blockPatterns || []), ...(restBlockPatterns || [])];
-    return preparePatterns(mergedPatterns, template, currentThemeStylesheet);
+    const filteredPatterns = filterPatterns(mergedPatterns, template);
+    return preparePatterns(filteredPatterns, template, currentThemeStylesheet);
   }, [blockPatterns, restBlockPatterns, template, currentThemeStylesheet]);
 }
 //# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_coreData","_blocks","_store","_constants","_lockUnlock","injectThemeAttributeInBlockTemplateContent","block","currentThemeStylesheet","innerBlocks","map","innerBlock","name","attributes","theme","undefined","preparePatterns","patterns","template","filterOutDuplicatesByName","currentItem","index","items","findIndex","item","filterOutExcludedPatternSources","pattern","EXCLUDED_PATTERN_SOURCES","includes","source","filterCompatiblePatterns","templateTypes","slug","filter","keywords","type","PATTERN_TYPES","blocks","parse","content","__unstableSkipMigrationLogs","useAvailablePatterns","blockPatterns","restBlockPatterns","useSelect","select","_settings$__experimen","getSettings","unlock","editSiteStore","settings","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","coreStore","getBlockPatterns","getCurrentTheme","stylesheet","useMemo","mergedPatterns"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_TYPES,\n} from '../../../utils/constants';\nimport { unlock } from '../../../lock-unlock';\n\nfunction injectThemeAttributeInBlockTemplateContent(\n\tblock,\n\tcurrentThemeStylesheet\n) {\n\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\treturn injectThemeAttributeInBlockTemplateContent(\n\t\t\tinnerBlock,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t} );\n\n\tif (\n\t\tblock.name === 'core/template-part' &&\n\t\tblock.attributes.theme === undefined\n\t) {\n\t\tblock.attributes.theme = currentThemeStylesheet;\n\t}\n\treturn block;\n}\n\nfunction preparePatterns( patterns, template, currentThemeStylesheet ) {\n\t// Filter out duplicates.\n\tconst filterOutDuplicatesByName = ( currentItem, index, items ) =>\n\t\tindex === items.findIndex( ( item ) => currentItem.name === item.name );\n\n\t// Filter out core/directory patterns not included in theme.json.\n\tconst filterOutExcludedPatternSources = ( pattern ) =>\n\t\t! EXCLUDED_PATTERN_SOURCES.includes( pattern.source );\n\n\t// Filter only the patterns that are compatible with the current template.\n\tconst filterCompatiblePatterns = ( pattern ) =>\n\t\tpattern.templateTypes?.includes( template.slug );\n\n\treturn patterns\n\t\t.filter(\n\t\t\t( pattern, index, items ) =>\n\t\t\t\tfilterOutExcludedPatternSources( pattern ) &&\n\t\t\t\tfilterOutDuplicatesByName( pattern, index, items ) &&\n\t\t\t\tfilterCompatiblePatterns( pattern )\n\t\t)\n\t\t.map( ( pattern ) => ( {\n\t\t\t...pattern,\n\t\t\tkeywords: pattern.keywords || [],\n\t\t\ttype: PATTERN_TYPES.theme,\n\t\t\tblocks: parse( pattern.content, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} ).map( ( block ) =>\n\t\t\t\tinjectThemeAttributeInBlockTemplateContent(\n\t\t\t\t\tblock,\n\t\t\t\t\tcurrentThemeStylesheet\n\t\t\t\t)\n\t\t\t),\n\t\t} ) );\n}\n\nexport function useAvailablePatterns( template ) {\n\tconst { blockPatterns, restBlockPatterns, currentThemeStylesheet } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockPatterns:\n\t\t\t\t\tsettings.__experimentalAdditionalBlockPatterns ??\n\t\t\t\t\tsettings.__experimentalBlockPatterns,\n\t\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\t\tcurrentThemeStylesheet:\n\t\t\t\t\tselect( coreStore ).getCurrentTheme().stylesheet,\n\t\t\t};\n\t\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst mergedPatterns = [\n\t\t\t...( blockPatterns || [] ),\n\t\t\t...( restBlockPatterns || [] ),\n\t\t];\n\t\treturn preparePatterns(\n\t\t\tmergedPatterns,\n\t\t\ttemplate,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t}, [ blockPatterns, restBlockPatterns, template, currentThemeStylesheet ] );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_element","_coreData","_blocks","_store","_constants","_lockUnlock","injectThemeAttributeInBlockTemplateContent","block","currentThemeStylesheet","innerBlocks","map","innerBlock","name","attributes","theme","undefined","filterPatterns","patterns","template","filterOutDuplicatesByName","currentItem","index","items","findIndex","item","filterOutExcludedPatternSources","pattern","EXCLUDED_PATTERN_SOURCES","includes","source","filterCompatiblePatterns","templateTypes","slug","blockTypes","area","filter","preparePatterns","keywords","type","PATTERN_TYPES","blocks","parse","content","__unstableSkipMigrationLogs","useAvailablePatterns","blockPatterns","restBlockPatterns","useSelect","select","_settings$__experimen","getSettings","unlock","editSiteStore","settings","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","coreStore","getBlockPatterns","getCurrentTheme","stylesheet","useMemo","mergedPatterns","filteredPatterns"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_TYPES,\n} from '../../../utils/constants';\nimport { unlock } from '../../../lock-unlock';\n\nfunction injectThemeAttributeInBlockTemplateContent(\n\tblock,\n\tcurrentThemeStylesheet\n) {\n\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\treturn injectThemeAttributeInBlockTemplateContent(\n\t\t\tinnerBlock,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t} );\n\n\tif (\n\t\tblock.name === 'core/template-part' &&\n\t\tblock.attributes.theme === undefined\n\t) {\n\t\tblock.attributes.theme = currentThemeStylesheet;\n\t}\n\treturn block;\n}\n\n/**\n * Filter all patterns and return only the ones that are compatible with the current template.\n *\n * @param {Array}  patterns An array of patterns.\n * @param {Object} template The current template.\n * @return {Array} Array of patterns that are compatible with the current template.\n */\nfunction filterPatterns( patterns, template ) {\n\t// Filter out duplicates.\n\tconst filterOutDuplicatesByName = ( currentItem, index, items ) =>\n\t\tindex === items.findIndex( ( item ) => currentItem.name === item.name );\n\n\t// Filter out core/directory patterns not included in theme.json.\n\tconst filterOutExcludedPatternSources = ( pattern ) =>\n\t\t! EXCLUDED_PATTERN_SOURCES.includes( pattern.source );\n\n\t// Looks for patterns that have the same template type as the current template,\n\t// or have a block type that matches the current template area.\n\tconst filterCompatiblePatterns = ( pattern ) =>\n\t\tpattern.templateTypes?.includes( template.slug ) ||\n\t\tpattern.blockTypes?.includes( 'core/template-part/' + template.area );\n\n\treturn patterns.filter( ( pattern, index, items ) => {\n\t\treturn (\n\t\t\tfilterOutDuplicatesByName( pattern, index, items ) &&\n\t\t\tfilterOutExcludedPatternSources( pattern ) &&\n\t\t\tfilterCompatiblePatterns( pattern )\n\t\t);\n\t} );\n}\n\nfunction preparePatterns( patterns, template, currentThemeStylesheet ) {\n\treturn patterns.map( ( pattern ) => ( {\n\t\t...pattern,\n\t\tkeywords: pattern.keywords || [],\n\t\ttype: PATTERN_TYPES.theme,\n\t\tblocks: parse( pattern.content, {\n\t\t\t__unstableSkipMigrationLogs: true,\n\t\t} ).map( ( block ) =>\n\t\t\tinjectThemeAttributeInBlockTemplateContent(\n\t\t\t\tblock,\n\t\t\t\tcurrentThemeStylesheet\n\t\t\t)\n\t\t),\n\t} ) );\n}\n\nexport function useAvailablePatterns( template ) {\n\tconst { blockPatterns, restBlockPatterns, currentThemeStylesheet } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockPatterns:\n\t\t\t\t\tsettings.__experimentalAdditionalBlockPatterns ??\n\t\t\t\t\tsettings.__experimentalBlockPatterns,\n\t\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\t\tcurrentThemeStylesheet:\n\t\t\t\t\tselect( coreStore ).getCurrentTheme().stylesheet,\n\t\t\t};\n\t\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst mergedPatterns = [\n\t\t\t...( blockPatterns || [] ),\n\t\t\t...( restBlockPatterns || [] ),\n\t\t];\n\t\tconst filteredPatterns = filterPatterns( mergedPatterns, template );\n\t\treturn preparePatterns(\n\t\t\tfilteredPatterns,\n\t\t\ttemplate,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t}, [ blockPatterns, restBlockPatterns, template, currentThemeStylesheet ] );\n}\n"],"mappings":"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"}

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

@@ -12,10 +12,16 @@ var _editor = require("@wordpress/editor");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
 var _icons = require("@wordpress/icons");
+var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
+var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../../store");
 var _templateActions = _interopRequireDefault(require("./template-actions"));
 var _templateAreas = _interopRequireDefault(require("./template-areas"));
 var _sidebarCard = _interopRequireDefault(require("../sidebar-card"));
+var _hooks = require("./hooks");
+var _constants = require("../../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -28,13 +34,31 @@ const CARD_ICONS = {
   wp_block: _icons.symbol,
   wp_navigation: _icons.navigation
 };
+function TemplatesList({
+  availableTemplates,
+  onSelect
+}) {
+  const shownTemplates = (0, _compose.useAsyncList)(availableTemplates);
+  if (!availableTemplates || availableTemplates?.length === 0) {
+    return null;
+  }
+  return (0, _react.createElement)(_blockEditor.__experimentalBlockPatternsList, {
+    label: (0, _i18n.__)('Templates'),
+    blockPatterns: availableTemplates,
+    shownPatterns: shownTemplates,
+    onClickPattern: onSelect,
+    showTitlesAsTooltip: true
+  });
+}
 function TemplatePanel() {
   var _CARD_ICONS$record$ty;
   const {
     title,
     description,
     icon,
-    record
+    record,
+    postType,
+    postId
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostType,
@@ -47,19 +71,31 @@ function TemplatePanel() {
       __experimentalGetTemplateInfo: getTemplateInfo
     } = select(_editor.store);
     const type = getEditedPostType();
-    const postId = getEditedPostId();
-    const _record = getEditedEntityRecord('postType', type, postId);
+    const _postId = getEditedPostId();
+    const _record = getEditedEntityRecord('postType', type, _postId);
     const info = getTemplateInfo(_record);
     return {
       title: info.title,
       description: info.description,
       icon: info.icon,
-      record: _record
+      record: _record,
+      postType: type,
+      postId: _postId
     };
   }, []);
+  const availablePatterns = (0, _hooks.useAvailablePatterns)(record);
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
   if (!title && !description) {
     return null;
   }
+  const onTemplateSelect = async selectedTemplate => {
+    await editEntityRecord('postType', postType, postId, {
+      blocks: selectedTemplate.blocks,
+      content: (0, _blocks.serialize)(selectedTemplate.blocks)
+    });
+  };
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_sidebarCard.default, {
     className: "edit-site-template-card",
     title: (0, _htmlEntities.decodeEntities)(title),
@@ -68,6 +104,13 @@ function TemplatePanel() {
     actions: (0, _react.createElement)(_templateActions.default, {
       template: record
     })
-  }, (0, _react.createElement)(_templateAreas.default, null))), (0, _react.createElement)(_editor.PostLastRevisionPanel, null), (0, _react.createElement)(_editor.PostTaxonomiesPanel, null), (0, _react.createElement)(_editor.PostFeaturedImagePanel, null), (0, _react.createElement)(_editor.PostExcerptPanel, null), (0, _react.createElement)(_editor.PostDiscussionPanel, null), (0, _react.createElement)(_editor.PageAttributesPanel, null));
+  }, (0, _react.createElement)(_templateAreas.default, null))), availablePatterns?.length > 0 && (0, _react.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Transform into:'),
+    initialOpen: postType === _constants.TEMPLATE_PART_POST_TYPE
+  }, (0, _react.createElement)(_components.PanelRow, null, (0, _react.createElement)("p", null, (0, _i18n.__)('Choose a predefined pattern to switch up the look of your template.' // TODO - make this dynamic?
+  ))), (0, _react.createElement)(TemplatesList, {
+    availableTemplates: availablePatterns,
+    onSelect: onTemplateSelect
+  })), (0, _react.createElement)(_editor.PostLastRevisionPanel, null), (0, _react.createElement)(_editor.PostTaxonomiesPanel, null), (0, _react.createElement)(_editor.PostFeaturedImagePanel, null), (0, _react.createElement)(_editor.PostExcerptPanel, null), (0, _react.createElement)(_editor.PostDiscussionPanel, null), (0, _react.createElement)(_editor.PageAttributesPanel, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_editor","_coreData","_htmlEntities","_icons","_store","_templateActions","_interopRequireDefault","_templateAreas","_sidebarCard","CARD_ICONS","wp_block","symbol","wp_navigation","navigation","TemplatePanel","_CARD_ICONS$record$ty","title","description","icon","record","useSelect","select","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","type","postId","_record","info","_react","createElement","Fragment","PanelBody","default","className","decodeEntities","actions","template","PostLastRevisionPanel","PostTaxonomiesPanel","PostFeaturedImagePanel","PostExcerptPanel","PostDiscussionPanel","PageAttributesPanel"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\nimport {\n\tPageAttributesPanel,\n\tPostDiscussionPanel,\n\tPostExcerptPanel,\n\tPostFeaturedImagePanel,\n\tPostLastRevisionPanel,\n\tPostTaxonomiesPanel,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { navigation, symbol } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport TemplateActions from './template-actions';\nimport TemplateAreas from './template-areas';\nimport SidebarCard from '../sidebar-card';\n\nconst CARD_ICONS = {\n\twp_block: symbol,\n\twp_navigation: navigation,\n};\n\nexport default function TemplatePanel() {\n\tconst { title, description, icon, record } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } = select( editSiteStore );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\tselect( editorStore );\n\n\t\tconst type = getEditedPostType();\n\t\tconst postId = getEditedPostId();\n\t\tconst _record = getEditedEntityRecord( 'postType', type, postId );\n\t\tconst info = getTemplateInfo( _record );\n\n\t\treturn {\n\t\t\ttitle: info.title,\n\t\t\tdescription: info.description,\n\t\t\ticon: info.icon,\n\t\t\trecord: _record,\n\t\t};\n\t}, [] );\n\n\tif ( ! title && ! description ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\tclassName=\"edit-site-template-card\"\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ CARD_ICONS[ record?.type ] ?? icon }\n\t\t\t\t\tdescription={ decodeEntities( description ) }\n\t\t\t\t\tactions={ <TemplateActions template={ record } /> }\n\t\t\t\t>\n\t\t\t\t\t<TemplateAreas />\n\t\t\t\t</SidebarCard>\n\t\t\t</PanelBody>\n\t\t\t<PostLastRevisionPanel />\n\t\t\t<PostTaxonomiesPanel />\n\t\t\t<PostFeaturedImagePanel />\n\t\t\t<PostExcerptPanel />\n\t\t\t<PostDiscussionPanel />\n\t\t\t<PageAttributesPanel />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AASA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,cAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,YAAA,GAAAF,sBAAA,CAAAR,OAAA;AAxBA;AACA;AACA;;AAgBA;AACA;AACA;;AAMA,MAAMW,UAAU,GAAG;EAClBC,QAAQ,EAAEC,aAAM;EAChBC,aAAa,EAAEC;AAChB,CAAC;AAEc,SAASC,aAAaA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACvC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACrE,MAAM;MAAEC,iBAAiB;MAAEC;IAAgB,CAAC,GAAGF,MAAM,CAAEG,YAAc,CAAC;IACtE,MAAM;MAAEC;IAAsB,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IACrD,MAAM;MAAEC,6BAA6B,EAAEC;IAAgB,CAAC,GACvDP,MAAM,CAAEQ,aAAY,CAAC;IAEtB,MAAMC,IAAI,GAAGR,iBAAiB,CAAC,CAAC;IAChC,MAAMS,MAAM,GAAGR,eAAe,CAAC,CAAC;IAChC,MAAMS,OAAO,GAAGP,qBAAqB,CAAE,UAAU,EAAEK,IAAI,EAAEC,MAAO,CAAC;IACjE,MAAME,IAAI,GAAGL,eAAe,CAAEI,OAAQ,CAAC;IAEvC,OAAO;MACNhB,KAAK,EAAEiB,IAAI,CAACjB,KAAK;MACjBC,WAAW,EAAEgB,IAAI,CAAChB,WAAW;MAC7BC,IAAI,EAAEe,IAAI,CAACf,IAAI;MACfC,MAAM,EAAEa;IACT,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEhB,KAAK,IAAI,CAAEC,WAAW,EAAG;IAC/B,OAAO,IAAI;EACZ;EAEA,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACpC,WAAA,CAAAsC,SAAS,QACT,IAAAH,MAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAA8B,OAAW;IACXC,SAAS,EAAC,yBAAyB;IACnCvB,KAAK,EAAG,IAAAwB,4BAAc,EAAExB,KAAM,CAAG;IACjCE,IAAI,GAAAH,qBAAA,GAAGN,UAAU,CAAEU,MAAM,EAAEW,IAAI,CAAE,cAAAf,qBAAA,cAAAA,qBAAA,GAAIG,IAAM;IAC3CD,WAAW,EAAG,IAAAuB,4BAAc,EAAEvB,WAAY,CAAG;IAC7CwB,OAAO,EAAG,IAAAP,MAAA,CAAAC,aAAA,EAAC9B,gBAAA,CAAAiC,OAAe;MAACI,QAAQ,EAAGvB;IAAQ,CAAE;EAAG,GAEnD,IAAAe,MAAA,CAAAC,aAAA,EAAC5B,cAAA,CAAA+B,OAAa,MAAE,CACJ,CACH,CAAC,EACZ,IAAAJ,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAA2C,qBAAqB,MAAE,CAAC,EACzB,IAAAT,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAA4C,mBAAmB,MAAE,CAAC,EACvB,IAAAV,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAA6C,sBAAsB,MAAE,CAAC,EAC1B,IAAAX,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAA8C,gBAAgB,MAAE,CAAC,EACpB,IAAAZ,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAA+C,mBAAmB,MAAE,CAAC,EACvB,IAAAb,MAAA,CAAAC,aAAA,EAACnC,OAAA,CAAAgD,mBAAmB,MAAE,CACrB,CAAC;AAEL"}
+{"version":3,"names":["_data","require","_components","_editor","_coreData","_htmlEntities","_icons","_i18n","_compose","_blocks","_blockEditor","_store","_templateActions","_interopRequireDefault","_templateAreas","_sidebarCard","_hooks","_constants","CARD_ICONS","wp_block","symbol","wp_navigation","navigation","TemplatesList","availableTemplates","onSelect","shownTemplates","useAsyncList","length","_react","createElement","__experimentalBlockPatternsList","label","__","blockPatterns","shownPatterns","onClickPattern","showTitlesAsTooltip","TemplatePanel","_CARD_ICONS$record$ty","title","description","icon","record","postType","postId","useSelect","select","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","type","_postId","_record","info","availablePatterns","useAvailablePatterns","editEntityRecord","useDispatch","onTemplateSelect","selectedTemplate","blocks","content","serialize","Fragment","PanelBody","default","className","decodeEntities","actions","template","initialOpen","TEMPLATE_PART_POST_TYPE","PanelRow","PostLastRevisionPanel","PostTaxonomiesPanel","PostFeaturedImagePanel","PostExcerptPanel","PostDiscussionPanel","PageAttributesPanel"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport {\n\tPageAttributesPanel,\n\tPostDiscussionPanel,\n\tPostExcerptPanel,\n\tPostFeaturedImagePanel,\n\tPostLastRevisionPanel,\n\tPostTaxonomiesPanel,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { navigation, symbol } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport { serialize } from '@wordpress/blocks';\nimport { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport TemplateActions from './template-actions';\nimport TemplateAreas from './template-areas';\nimport SidebarCard from '../sidebar-card';\nimport { useAvailablePatterns } from './hooks';\nimport { TEMPLATE_PART_POST_TYPE } from '../../../utils/constants';\n\nconst CARD_ICONS = {\n\twp_block: symbol,\n\twp_navigation: navigation,\n};\n\nfunction TemplatesList( { availableTemplates, onSelect } ) {\n\tconst shownTemplates = useAsyncList( availableTemplates );\n\tif ( ! availableTemplates || availableTemplates?.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockPatternsList\n\t\t\tlabel={ __( 'Templates' ) }\n\t\t\tblockPatterns={ availableTemplates }\n\t\t\tshownPatterns={ shownTemplates }\n\t\t\tonClickPattern={ onSelect }\n\t\t\tshowTitlesAsTooltip\n\t\t/>\n\t);\n}\n\nexport default function TemplatePanel() {\n\tconst { title, description, icon, record, postType, postId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\t\tselect( editorStore );\n\n\t\t\tconst type = getEditedPostType();\n\t\t\tconst _postId = getEditedPostId();\n\t\t\tconst _record = getEditedEntityRecord( 'postType', type, _postId );\n\t\t\tconst info = getTemplateInfo( _record );\n\n\t\t\treturn {\n\t\t\t\ttitle: info.title,\n\t\t\t\tdescription: info.description,\n\t\t\t\ticon: info.icon,\n\t\t\t\trecord: _record,\n\t\t\t\tpostType: type,\n\t\t\t\tpostId: _postId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst availablePatterns = useAvailablePatterns( record );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tif ( ! title && ! description ) {\n\t\treturn null;\n\t}\n\n\tconst onTemplateSelect = async ( selectedTemplate ) => {\n\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\tblocks: selectedTemplate.blocks,\n\t\t\tcontent: serialize( selectedTemplate.blocks ),\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\tclassName=\"edit-site-template-card\"\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ CARD_ICONS[ record?.type ] ?? icon }\n\t\t\t\t\tdescription={ decodeEntities( description ) }\n\t\t\t\t\tactions={ <TemplateActions template={ record } /> }\n\t\t\t\t>\n\t\t\t\t\t<TemplateAreas />\n\t\t\t\t</SidebarCard>\n\t\t\t</PanelBody>\n\t\t\t{ availablePatterns?.length > 0 && (\n\t\t\t\t<PanelBody\n\t\t\t\t\ttitle={ __( 'Transform into:' ) }\n\t\t\t\t\tinitialOpen={ postType === TEMPLATE_PART_POST_TYPE }\n\t\t\t\t>\n\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Choose a predefined pattern to switch up the look of your template.' // TODO - make this dynamic?\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</PanelRow>\n\n\t\t\t\t\t<TemplatesList\n\t\t\t\t\t\tavailableTemplates={ availablePatterns }\n\t\t\t\t\t\tonSelect={ onTemplateSelect }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t\t<PostLastRevisionPanel />\n\t\t\t<PostTaxonomiesPanel />\n\t\t\t<PostFeaturedImagePanel />\n\t\t\t<PostExcerptPanel />\n\t\t\t<PostDiscussionPanel />\n\t\t\t<PageAttributesPanel />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -12,8 +12,6 @@ var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _store = require("../../../store");
 var _isTemplateRevertable = _interopRequireDefault(require("../../../utils/is-template-revertable"));
-var _replaceTemplateButton = _interopRequireDefault(require("./replace-template-button"));
-var _hooks = require("./hooks");
 /**
  * WordPress dependencies
  */
@@ -25,12 +23,11 @@ var _hooks = require("./hooks");
 function Actions({
   template
 }) {
-  const availablePatterns = (0, _hooks.useAvailablePatterns)(template);
   const {
     revertTemplate
   } = (0, _data.useDispatch)(_store.store);
   const isRevertable = (0, _isTemplateRevertable.default)(template);
-  if (!isRevertable && (!availablePatterns.length || availablePatterns.length < 1)) {
+  if (!isRevertable) {
     return null;
   }
   return (0, _react.createElement)(_components.DropdownMenu, {
@@ -48,10 +45,6 @@ function Actions({
       revertTemplate(template);
       onClose();
     }
-  }, (0, _i18n.__)('Clear customizations')), (0, _react.createElement)(_replaceTemplateButton.default, {
-    availableTemplates: availablePatterns,
-    template: template,
-    onClick: onClose
-  })));
+  }, (0, _i18n.__)('Clear customizations'))));
 }
 //# sourceMappingURL=template-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_components","_icons","_store","_isTemplateRevertable","_interopRequireDefault","_replaceTemplateButton","_hooks","Actions","template","availablePatterns","useAvailablePatterns","revertTemplate","useDispatch","editSiteStore","isRevertable","isTemplateRevertable","length","_react","createElement","DropdownMenu","icon","moreVertical","label","__","className","toggleProps","isSmall","onClose","MenuGroup","MenuItem","info","onClick","default","availableTemplates"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/template-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport isTemplateRevertable from '../../../utils/is-template-revertable';\nimport ReplaceTemplateButton from './replace-template-button';\nimport { useAvailablePatterns } from './hooks';\n\nexport default function Actions( { template } ) {\n\tconst availablePatterns = useAvailablePatterns( template );\n\tconst { revertTemplate } = useDispatch( editSiteStore );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif (\n\t\t! isRevertable &&\n\t\t( ! availablePatterns.length || availablePatterns.length < 1 )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName=\"edit-site-template-card__actions\"\n\t\t\ttoggleProps={ { isSmall: true } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRevertable && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\trevertTemplate( template );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) }\n\t\t\t\t\t<ReplaceTemplateButton\n\t\t\t\t\t\tavailableTemplates={ availablePatterns }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASS,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAMC,iBAAiB,GAAG,IAAAC,2BAAoB,EAAEF,QAAS,CAAC;EAC1D,MAAM;IAAEG;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAc,CAAC;EACvD,MAAMC,YAAY,GAAG,IAAAC,6BAAoB,EAAEP,QAAS,CAAC;EAErD,IACC,CAAEM,YAAY,KACZ,CAAEL,iBAAiB,CAACO,MAAM,IAAIP,iBAAiB,CAACO,MAAM,GAAG,CAAC,CAAE,EAC7D;IACD,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,YAAY;IACZC,IAAI,EAAGC,mBAAc;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,SAAS,EAAC,kCAAkC;IAC5CC,WAAW,EAAG;MAAEC,OAAO,EAAE;IAAK;EAAG,GAE/B,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAV,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA4B,SAAS,QACPd,YAAY,IACb,IAAAG,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA6B,QAAQ;IACRC,IAAI,EAAG,IAAAP,QAAE,EACR,4CACD,CAAG;IACHQ,OAAO,EAAGA,CAAA,KAAM;MACfpB,cAAc,CAAEH,QAAS,CAAC;MAC1BmB,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAJ,QAAE,EAAE,sBAAuB,CACpB,CACV,EACD,IAAAN,MAAA,CAAAC,aAAA,EAACb,sBAAA,CAAA2B,OAAqB;IACrBC,kBAAkB,EAAGxB,iBAAmB;IACxCD,QAAQ,EAAGA,QAAU;IACrBuB,OAAO,EAAGJ;EAAS,CACnB,CACS,CAEC,CAAC;AAEjB"}
+{"version":3,"names":["_data","require","_i18n","_components","_icons","_store","_isTemplateRevertable","_interopRequireDefault","Actions","template","revertTemplate","useDispatch","editSiteStore","isRevertable","isTemplateRevertable","_react","createElement","DropdownMenu","icon","moreVertical","label","__","className","toggleProps","isSmall","onClose","MenuGroup","MenuItem","info","onClick"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/template-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport isTemplateRevertable from '../../../utils/is-template-revertable';\n\nexport default function Actions( { template } ) {\n\tconst { revertTemplate } = useDispatch( editSiteStore );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName=\"edit-site-template-card__actions\"\n\t\t\ttoggleProps={ { isSmall: true } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRevertable && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\trevertTemplate( template );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASO,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAc,CAAC;EACvD,MAAMC,YAAY,GAAG,IAAAC,6BAAoB,EAAEL,QAAS,CAAC;EAErD,IAAK,CAAEI,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,YAAY;IACZC,IAAI,EAAGC,mBAAc;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,SAAS,EAAC,kCAAkC;IAC5CC,WAAW,EAAG;MAAEC,OAAO,EAAE;IAAK;EAAG,GAE/B,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAV,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAuB,SAAS,QACPb,YAAY,IACb,IAAAE,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAwB,QAAQ;IACRC,IAAI,EAAG,IAAAP,QAAE,EACR,4CACD,CAAG;IACHQ,OAAO,EAAGA,CAAA,KAAM;MACfnB,cAAc,CAAED,QAAS,CAAC;MAC1BgB,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAJ,QAAE,EAAE,sBAAuB,CACpB,CAED,CAEC,CAAC;AAEjB"}

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

@@ -16,6 +16,7 @@ var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _editor = require("@wordpress/editor");
+var _preferences = require("@wordpress/preferences");
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _styleVariationsContainer = _interopRequireDefault(require("../global-styles/style-variations-container"));
 var _lockUnlock = require("../../lock-unlock");
@@ -120,9 +121,12 @@ function SidebarNavigationScreenGlobalStyles() {
       revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
     };
   }, []);
+  const {
+    set: setPreference
+  } = (0, _data.useDispatch)(_preferences.store);
   const openGlobalStyles = (0, _element.useCallback)(async () => {
-    return Promise.all([setCanvasMode('edit'), openGeneralSidebar('edit-site/global-styles')]);
-  }, [setCanvasMode, openGeneralSidebar]);
+    return Promise.all([setPreference('core', 'distractionFree', false), setCanvasMode('edit'), openGeneralSidebar('edit-site/global-styles')]);
+  }, [setCanvasMode, openGeneralSidebar, setPreference]);
   const openStyleBook = (0, _element.useCallback)(async () => {
     await openGlobalStyles();
     // Open the Style Book once the canvas mode is set to edit,