@wordpress/edit-site 6.10.0 → 6.11.0

package/src/hooks/commands/use-common-commands.js

@@ -29,13 +29,10 @@ const { useGlobalStylesReset } = unlock( blockEditorPrivateApis );
 const { useHistory, useLocation } = unlock( routerPrivateApis );
 
 function useGlobalStylesOpenStylesCommands() {
-	const { openGeneralSidebar, setCanvasMode } = unlock(
-		useDispatch( editSiteStore )
-	);
+	const { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );
 	const { params } = useLocation();
-	const { getCanvasMode } = unlock( useSelect( editSiteStore ) );
+	const { canvas = 'view' } = params;
 	const history = useHistory();
-
 	const isBlockBasedTheme = useSelect( ( select ) => {
 		return select( coreStore ).getCurrentTheme().is_block_theme;
 	}, [] );
@@ -57,22 +54,21 @@ function useGlobalStylesOpenStylesCommands() {
 							canvas: 'edit',
 						} );
 					}
-					if ( params.postId && getCanvasMode() !== 'edit' ) {
-						setCanvasMode( 'edit' );
+					if ( params.postId && canvas !== 'edit' ) {
+						history.push(
+							{ ...params, canvas: 'edit' },
+							undefined,
+							{
+								transition: 'canvas-mode-edit-transition',
+							}
+						);
 					}
 					openGeneralSidebar( 'edit-site/global-styles' );
 				},
 				icon: styles,
 			},
 		];
-	}, [
-		history,
-		openGeneralSidebar,
-		setCanvasMode,
-		getCanvasMode,
-		isBlockBasedTheme,
-		params.postId,
-	] );
+	}, [ history, openGeneralSidebar, params, canvas, isBlockBasedTheme ] );
 
 	return {
 		isLoading: false,
@@ -81,11 +77,9 @@ function useGlobalStylesOpenStylesCommands() {
 }
 
 function useGlobalStylesToggleWelcomeGuideCommands() {
-	const { openGeneralSidebar, setCanvasMode } = unlock(
-		useDispatch( editSiteStore )
-	);
+	const { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );
 	const { params } = useLocation();
-	const { getCanvasMode } = unlock( useSelect( editSiteStore ) );
+	const { canvas = 'view' } = params;
 	const { set } = useDispatch( preferencesStore );
 
 	const history = useHistory();
@@ -110,8 +104,17 @@ function useGlobalStylesToggleWelcomeGuideCommands() {
 							canvas: 'edit',
 						} );
 					}
-					if ( params.postId && getCanvasMode() !== 'edit' ) {
-						setCanvasMode( 'edit' );
+					if ( params.postId && canvas !== 'edit' ) {
+						history.push(
+							{
+								...params,
+								canvas: 'edit',
+							},
+							undefined,
+							{
+								transition: 'canvas-mode-edit-transition',
+							}
+						);
 					}
 					openGeneralSidebar( 'edit-site/global-styles' );
 					set( 'core/edit-site', 'welcomeGuideStyles', true );
@@ -127,11 +130,10 @@ function useGlobalStylesToggleWelcomeGuideCommands() {
 	}, [
 		history,
 		openGeneralSidebar,
-		setCanvasMode,
-		getCanvasMode,
+		canvas,
 		isBlockBasedTheme,
 		set,
-		params.postId,
+		params,
 	] );
 
 	return {
@@ -167,9 +169,11 @@ function useGlobalStylesResetCommands() {
 }
 
 function useGlobalStylesOpenCssCommands() {
-	const { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =
-		unlock( useDispatch( editSiteStore ) );
+	const { openGeneralSidebar, setEditorCanvasContainerView } = unlock(
+		useDispatch( editSiteStore )
+	);
 	const { params } = useLocation();
+	const { canvas = 'view' } = params;
 	const history = useHistory();
 	const { canEditCSS } = useSelect( ( select ) => {
 		const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =
@@ -184,7 +188,6 @@ function useGlobalStylesOpenCssCommands() {
 			canEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],
 		};
 	}, [] );
-	const { getCanvasMode } = unlock( useSelect( editSiteStore ) );
 
 	const commands = useMemo( () => {
 		if ( ! canEditCSS ) {
@@ -204,8 +207,17 @@ function useGlobalStylesOpenCssCommands() {
 							canvas: 'edit',
 						} );
 					}
-					if ( params.postId && getCanvasMode() !== 'edit' ) {
-						setCanvasMode( 'edit' );
+					if ( params.postId && canvas !== 'edit' ) {
+						history.push(
+							{
+								...params,
+								canvas: 'edit',
+							},
+							undefined,
+							{
+								transition: 'canvas-mode-edit-transition',
+							}
+						);
 					}
 					openGeneralSidebar( 'edit-site/global-styles' );
 					setEditorCanvasContainerView( 'global-styles-css' );
@@ -217,9 +229,8 @@ function useGlobalStylesOpenCssCommands() {
 		openGeneralSidebar,
 		setEditorCanvasContainerView,
 		canEditCSS,
-		getCanvasMode,
-		setCanvasMode,
-		params.postId,
+		canvas,
+		params,
 	] );
 	return {
 		isLoading: false,
@@ -228,10 +239,11 @@ function useGlobalStylesOpenCssCommands() {
 }
 
 function useGlobalStylesOpenRevisionsCommands() {
-	const { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =
-		unlock( useDispatch( editSiteStore ) );
-	const { getCanvasMode } = unlock( useSelect( editSiteStore ) );
+	const { openGeneralSidebar, setEditorCanvasContainerView } = unlock(
+		useDispatch( editSiteStore )
+	);
 	const { params } = useLocation();
+	const { canvas = 'view' } = params;
 	const history = useHistory();
 	const hasRevisions = useSelect( ( select ) => {
 		const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =
@@ -261,8 +273,17 @@ function useGlobalStylesOpenRevisionsCommands() {
 							canvas: 'edit',
 						} );
 					}
-					if ( params.postId && getCanvasMode() !== 'edit' ) {
-						setCanvasMode( 'edit' );
+					if ( params.postId && canvas !== 'edit' ) {
+						history.push(
+							{
+								...params,
+								canvas: 'edit',
+							},
+							undefined,
+							{
+								transition: 'canvas-mode-edit-transition',
+							}
+						);
 					}
 					openGeneralSidebar( 'edit-site/global-styles' );
 					setEditorCanvasContainerView( 'global-styles-revisions' );
@@ -274,9 +295,8 @@ function useGlobalStylesOpenRevisionsCommands() {
 		history,
 		openGeneralSidebar,
 		setEditorCanvasContainerView,
-		getCanvasMode,
-		setCanvasMode,
-		params.postId,
+		canvas,
+		params,
 	] );
 
 	return {

package/src/hooks/commands/use-edit-mode-commands.js

@@ -20,26 +20,22 @@ import { unlock } from '../../lock-unlock';
 import { TEMPLATE_POST_TYPE } from '../../utils/constants';
 import { useLink } from '../../components/routes/link';
 
-const { useHistory } = unlock( routerPrivateApis );
+const { useHistory, useLocation } = unlock( routerPrivateApis );
 
 function usePageContentFocusCommands() {
 	const { record: template } = useEditedEntityRecord();
-	const { isPage, canvasMode, templateId, currentPostType } = useSelect(
-		( select ) => {
-			const { isPage: _isPage, getCanvasMode } = unlock(
-				select( editSiteStore )
-			);
-			const { getCurrentPostType, getCurrentTemplateId } =
-				select( editorStore );
-			return {
-				isPage: _isPage(),
-				canvasMode: getCanvasMode(),
-				templateId: getCurrentTemplateId(),
-				currentPostType: getCurrentPostType(),
-			};
-		},
-		[]
-	);
+	const { params } = useLocation();
+	const { canvas = 'view' } = params;
+	const { isPage, templateId, currentPostType } = useSelect( ( select ) => {
+		const { isPage: _isPage } = unlock( select( editSiteStore ) );
+		const { getCurrentPostType, getCurrentTemplateId } =
+			select( editorStore );
+		return {
+			isPage: _isPage(),
+			templateId: getCurrentTemplateId(),
+			currentPostType: getCurrentPostType(),
+		};
+	}, [] );
 
 	const { onClick: editTemplate } = useLink( {
 		postType: 'wp_template',
@@ -48,7 +44,7 @@ function usePageContentFocusCommands() {
 
 	const { setRenderingMode } = useDispatch( editorStore );
 
-	if ( ! isPage || canvasMode !== 'edit' ) {
+	if ( ! isPage || canvas !== 'edit' ) {
 		return { isLoading: false, commands: [] };
 	}
 

package/src/hooks/commands/use-set-command-context.js

@@ -4,34 +4,32 @@
 import { useSelect } from '@wordpress/data';
 import { privateApis as commandsPrivateApis } from '@wordpress/commands';
 import { store as blockEditorStore } from '@wordpress/block-editor';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
 
 /**
  * Internal dependencies
  */
-import { store as editSiteStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 import { useHasEditorCanvasContainer } from '../../components/editor-canvas-container';
 
 const { useCommandContext } = unlock( commandsPrivateApis );
+const { useLocation } = unlock( routerPrivateApis );
 
 /**
  * React hook used to set the correct command context based on the current state.
  */
 export default function useSetCommandContext() {
-	const { hasBlockSelected, canvasMode } = useSelect( ( select ) => {
-		const { getCanvasMode } = unlock( select( editSiteStore ) );
-		const { getBlockSelectionStart } = select( blockEditorStore );
-		return {
-			canvasMode: getCanvasMode(),
-			hasBlockSelected: getBlockSelectionStart(),
-		};
+	const { params } = useLocation();
+	const { canvas = 'view' } = params;
+	const hasBlockSelected = useSelect( ( select ) => {
+		return select( blockEditorStore ).getBlockSelectionStart();
 	}, [] );
 
 	const hasEditorCanvasContainer = useHasEditorCanvasContainer();
 
 	// Sets the right context for the command palette
 	let commandContext = 'site-editor';
-	if ( canvasMode === 'edit' ) {
+	if ( canvas === 'edit' ) {
 		commandContext = 'entity-edit';
 	}
 	if ( hasBlockSelected ) {

package/src/store/private-actions.js

@@ -1,82 +1,3 @@
-/**
- * WordPress dependencies
- */
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Action that switches the canvas mode.
- *
- * @param {?string} mode Canvas mode.
- */
-export const setCanvasMode =
-	( mode ) =>
-	( { registry, dispatch } ) => {
-		const isMediumOrBigger =
-			window.matchMedia( '(min-width: 782px)' ).matches;
-		const switchCanvasMode = () => {
-			registry.batch( () => {
-				registry.dispatch( blockEditorStore ).clearSelectedBlock();
-				registry.dispatch( editorStore ).setDeviceType( 'Desktop' );
-				const isPublishSidebarOpened = registry
-					.select( editorStore )
-					.isPublishSidebarOpened();
-				dispatch( {
-					type: 'SET_CANVAS_MODE',
-					mode,
-				} );
-				const isEditMode = mode === 'edit';
-				if ( isPublishSidebarOpened && ! isEditMode ) {
-					registry.dispatch( editorStore ).closePublishSidebar();
-				}
-
-				// Check if the block list view should be open by default.
-				// If `distractionFree` mode is enabled, the block list view should not be open.
-				// This behavior is disabled for small viewports.
-				if (
-					isMediumOrBigger &&
-					isEditMode &&
-					registry
-						.select( preferencesStore )
-						.get( 'core', 'showListViewByDefault' ) &&
-					! registry
-						.select( preferencesStore )
-						.get( 'core', 'distractionFree' )
-				) {
-					registry
-						.dispatch( editorStore )
-						.setIsListViewOpened( true );
-				} else {
-					registry
-						.dispatch( editorStore )
-						.setIsListViewOpened( false );
-				}
-				registry.dispatch( editorStore ).setIsInserterOpened( false );
-			} );
-		};
-
-		/*
-		 * Skip transition in mobile, otherwise it crashes the browser.
-		 * See: https://github.com/WordPress/gutenberg/pull/63002.
-		 */
-		if ( ! isMediumOrBigger || ! document.startViewTransition ) {
-			switchCanvasMode();
-		} else {
-			document.documentElement.classList.add(
-				`canvas-mode-${ mode }-transition`
-			);
-			const transition = document.startViewTransition( () =>
-				switchCanvasMode()
-			);
-			transition.finished.finally( () => {
-				document.documentElement.classList.remove(
-					`canvas-mode-${ mode }-transition`
-				);
-			} );
-		}
-	};
-
 /**
  * Action that switches the editor canvas container view.
  *
@@ -90,3 +11,10 @@ export const setEditorCanvasContainerView =
 			view,
 		} );
 	};
+
+export function registerRoute( route ) {
+	return {
+		type: 'REGISTER_ROUTE',
+		route,
+	};
+}

package/src/store/private-selectors.js

@@ -1,14 +1,3 @@
-/**
- * Returns the current canvas mode.
- *
- * @param {Object} state Global application state.
- *
- * @return {string} Canvas mode.
- */
-export function getCanvasMode( state ) {
-	return state.canvasMode;
-}
-
 /**
  * Returns the editor canvas container view.
  *
@@ -19,3 +8,7 @@ export function getCanvasMode( state ) {
 export function getEditorCanvasContainerView( state ) {
 	return state.editorCanvasContainerView;
 }
+
+export function getRoutes( state ) {
+	return state.routes;
+}

package/src/store/reducer.js

@@ -60,27 +60,10 @@ export function saveViewPanel( state = false, action ) {
 	switch ( action.type ) {
 		case 'SET_IS_SAVE_VIEW_OPENED':
 			return action.isOpen;
-		case 'SET_CANVAS_MODE':
-			return false;
 	}
 	return state;
 }
 
-/**
- * Reducer used to track the site editor canvas mode (edit or view).
- *
- * @param {Object} state  Current state.
- * @param {Object} action Dispatched action.
- */
-function canvasMode( state = 'init', action ) {
-	switch ( action.type ) {
-		case 'SET_CANVAS_MODE':
-			return action.mode;
-	}
-
-	return state;
-}
-
 /**
  * Reducer used to track the site editor canvas container view.
  * Default is `undefined`, denoting the default, visual block editor.
@@ -98,10 +81,19 @@ function editorCanvasContainerView( state = undefined, action ) {
 	return state;
 }
 
+function routes( state = [], action ) {
+	switch ( action.type ) {
+		case 'REGISTER_ROUTE':
+			return [ ...state, action.route ];
+	}
+
+	return state;
+}
+
 export default combineReducers( {
 	settings,
 	editedPost,
 	saveViewPanel,
-	canvasMode,
 	editorCanvasContainerView,
+	routes,
 } );

package/src/style.scss

@@ -1,4 +1,6 @@
 @import "../../dataviews/src/style.scss";
+@import "../../fields/src/styles.scss";
+@import "../../fields/src/fields/featured-image/style.scss";
 
 @import "./components/add-new-template/style.scss";
 @import "./components/block-editor/style.scss";
@@ -30,6 +32,7 @@
 @import "./components/editor-canvas-container/style.scss";
 @import "./components/post-edit/style.scss";
 @import "./components/post-list/style.scss";
+@import "./components/post-fields/style.scss";
 @import "./components/resizable-frame/style.scss";
 @import "./hooks/push-changes-to-global-styles/style.scss";
 @import "./components/global-styles/font-library-modal/style.scss";

package/build/components/keyboard-shortcuts/global.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _editor = require("@wordpress/editor");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function KeyboardShortcutsGlobal() {
-  const {
-    __experimentalGetDirtyEntityRecords,
-    isSavingEntityRecord
-  } = (0, _data.useSelect)(_coreData.store);
-  const {
-    hasNonPostEntityChanges
-  } = (0, _data.useSelect)(_editor.store);
-  const {
-    getCanvasMode
-  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
-  const {
-    setIsSaveViewOpened
-  } = (0, _data.useDispatch)(_store.store);
-  (0, _keyboardShortcuts.useShortcut)('core/edit-site/save', event => {
-    event.preventDefault();
-    const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-    const hasDirtyEntities = !!dirtyEntityRecords.length;
-    const isSaving = dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key));
-    const _hasNonPostEntityChanges = hasNonPostEntityChanges();
-    const isViewMode = getCanvasMode() === 'view';
-    if ((!hasDirtyEntities || !_hasNonPostEntityChanges || isSaving) && !isViewMode) {
-      return;
-    }
-    // At this point, we know that there are dirty entities, other than
-    // the edited post, and we're not in the process of saving, so open
-    // save view.
-    setIsSaveViewOpened(true);
-  });
-  return null;
-}
-var _default = exports.default = KeyboardShortcutsGlobal;
-//# sourceMappingURL=global.js.map

package/build/components/keyboard-shortcuts/global.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_keyboardShortcuts","require","_data","_coreData","_editor","_store","_lockUnlock","KeyboardShortcutsGlobal","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","useSelect","coreStore","hasNonPostEntityChanges","editorStore","getCanvasMode","unlock","editSiteStore","setIsSaveViewOpened","useDispatch","useShortcut","event","preventDefault","dirtyEntityRecords","hasDirtyEntities","length","isSaving","some","record","kind","name","key","_hasNonPostEntityChanges","isViewMode","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcuts/global.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction KeyboardShortcutsGlobal() {\n\tconst { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =\n\t\tuseSelect( coreStore );\n\tconst { hasNonPostEntityChanges } = useSelect( editorStore );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\n\tuseShortcut( 'core/edit-site/save', ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst hasDirtyEntities = !! dirtyEntityRecords.length;\n\t\tconst isSaving = dirtyEntityRecords.some( ( record ) =>\n\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t);\n\t\tconst _hasNonPostEntityChanges = hasNonPostEntityChanges();\n\t\tconst isViewMode = getCanvasMode() === 'view';\n\t\tif (\n\t\t\t( ! hasDirtyEntities || ! _hasNonPostEntityChanges || isSaving ) &&\n\t\t\t! isViewMode\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\t// At this point, we know that there are dirty entities, other than\n\t\t// the edited post, and we're not in the process of saving, so open\n\t\t// save view.\n\t\tsetIsSaveViewOpened( true );\n\t} );\n\n\treturn null;\n}\n\nexport default KeyboardShortcutsGlobal;\n"],"mappings":";;;;;;AAGA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,SAASM,uBAAuBA,CAAA,EAAG;EAClC,MAAM;IAAEC,mCAAmC;IAAEC;EAAqB,CAAC,GAClE,IAAAC,eAAS,EAAEC,eAAU,CAAC;EACvB,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAF,eAAS,EAAEG,aAAY,CAAC;EAC5D,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAL,eAAS,EAAEM,YAAc,CAAE,CAAC;EAC9D,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAc,CAAC;EAE5D,IAAAG,8BAAW,EAAE,qBAAqB,EAAIC,KAAK,IAAM;IAChDA,KAAK,CAACC,cAAc,CAAC,CAAC;IAEtB,MAAMC,kBAAkB,GAAGd,mCAAmC,CAAC,CAAC;IAChE,MAAMe,gBAAgB,GAAG,CAAC,CAAED,kBAAkB,CAACE,MAAM;IACrD,MAAMC,QAAQ,GAAGH,kBAAkB,CAACI,IAAI,CAAIC,MAAM,IACjDlB,oBAAoB,CAAEkB,MAAM,CAACC,IAAI,EAAED,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACG,GAAI,CAC5D,CAAC;IACD,MAAMC,wBAAwB,GAAGnB,uBAAuB,CAAC,CAAC;IAC1D,MAAMoB,UAAU,GAAGlB,aAAa,CAAC,CAAC,KAAK,MAAM;IAC7C,IACC,CAAE,CAAES,gBAAgB,IAAI,CAAEQ,wBAAwB,IAAIN,QAAQ,KAC9D,CAAEO,UAAU,EACX;MACD;IACD;IACA;IACA;IACA;IACAf,mBAAmB,CAAE,IAAK,CAAC;EAC5B,CAAE,CAAC;EAEH,OAAO,IAAI;AACZ;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,uBAAuB","ignoreList":[]}

package/build/components/keyboard-shortcuts/register.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-/**
- * WordPress dependencies
- */
-
-function KeyboardShortcutsRegister() {
-  // Registering the shortcuts.
-  const {
-    registerShortcut
-  } = (0, _data.useDispatch)(_keyboardShortcuts.store);
-  (0, _element.useEffect)(() => {
-    registerShortcut({
-      name: 'core/edit-site/save',
-      category: 'global',
-      description: (0, _i18n.__)('Save your changes.'),
-      keyCombination: {
-        modifier: 'primary',
-        character: 's'
-      }
-    });
-  }, [registerShortcut]);
-  return null;
-}
-var _default = exports.default = KeyboardShortcutsRegister;
-//# sourceMappingURL=register.js.map

package/build/components/keyboard-shortcuts/register.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_keyboardShortcuts","_data","_i18n","KeyboardShortcutsRegister","registerShortcut","useDispatch","keyboardShortcutsStore","useEffect","name","category","description","__","keyCombination","modifier","character","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcuts/register.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\nfunction KeyboardShortcutsRegister() {\n\t// Registering the shortcuts.\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/edit-site/save',\n\t\t\tcategory: 'global',\n\t\t\tdescription: __( 'Save your changes.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'primary',\n\t\t\t\tcharacter: 's',\n\t\t\t},\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\treturn null;\n}\n\nexport default KeyboardShortcutsRegister;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,SAASI,yBAAyBA,CAAA,EAAG;EACpC;EACA,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,wBAAuB,CAAC;EAClE,IAAAC,kBAAS,EAAE,MAAM;IAChBH,gBAAgB,CAAE;MACjBI,IAAI,EAAE,qBAAqB;MAC3BC,QAAQ,EAAE,QAAQ;MAClBC,WAAW,EAAE,IAAAC,QAAE,EAAE,oBAAqB,CAAC;MACvCC,cAAc,EAAE;QACfC,QAAQ,EAAE,SAAS;QACnBC,SAAS,EAAE;MACZ;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEV,gBAAgB,CAAG,CAAC;EAEzB,OAAO,IAAI;AACZ;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,yBAAyB","ignoreList":[]}

package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useSyncCanvasModeWithURL;
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _router = require("@wordpress/router");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation,
-  useHistory
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function useSyncCanvasModeWithURL() {
-  const history = useHistory();
-  const {
-    params
-  } = useLocation();
-  const canvasMode = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode(), []);
-  const {
-    setCanvasMode
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const currentCanvasModeRef = (0, _element.useRef)(canvasMode);
-  const {
-    canvas: canvasInUrl
-  } = params;
-  const currentCanvasInUrlRef = (0, _element.useRef)(canvasInUrl);
-  const currentUrlParamsRef = (0, _element.useRef)(params);
-  (0, _element.useEffect)(() => {
-    currentUrlParamsRef.current = params;
-  }, [params]);
-  (0, _element.useEffect)(() => {
-    currentCanvasModeRef.current = canvasMode;
-    if (canvasMode === 'init') {
-      return;
-    }
-    if (canvasMode === 'edit' && currentCanvasInUrlRef.current !== canvasMode) {
-      history.push({
-        ...currentUrlParamsRef.current,
-        canvas: 'edit'
-      });
-    }
-    if (canvasMode === 'view' && currentCanvasInUrlRef.current !== undefined) {
-      history.push({
-        ...currentUrlParamsRef.current,
-        canvas: undefined
-      });
-    }
-  }, [canvasMode, history]);
-  (0, _element.useEffect)(() => {
-    currentCanvasInUrlRef.current = canvasInUrl;
-    if (canvasInUrl !== 'edit' && currentCanvasModeRef.current !== 'view') {
-      setCanvasMode('view');
-    } else if (canvasInUrl === 'edit' && currentCanvasModeRef.current !== 'edit') {
-      setCanvasMode('edit');
-    }
-  }, [canvasInUrl, setCanvasMode]);
-}
-//# sourceMappingURL=use-sync-canvas-mode-with-url.js.map

package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_data","_router","_store","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","useSyncCanvasModeWithURL","history","params","canvasMode","useSelect","select","editSiteStore","getCanvasMode","setCanvasMode","useDispatch","currentCanvasModeRef","useRef","canvas","canvasInUrl","currentCanvasInUrlRef","currentUrlParamsRef","useEffect","current","push","undefined"],"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport default function useSyncCanvasModeWithURL() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst currentCanvasModeRef = useRef( canvasMode );\n\tconst { canvas: canvasInUrl } = params;\n\tconst currentCanvasInUrlRef = useRef( canvasInUrl );\n\tconst currentUrlParamsRef = useRef( params );\n\tuseEffect( () => {\n\t\tcurrentUrlParamsRef.current = params;\n\t}, [ params ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasModeRef.current = canvasMode;\n\t\tif ( canvasMode === 'init' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'edit' &&\n\t\t\tcurrentCanvasInUrlRef.current !== canvasMode\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParamsRef.current,\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'view' &&\n\t\t\tcurrentCanvasInUrlRef.current !== undefined\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParamsRef.current,\n\t\t\t\tcanvas: undefined,\n\t\t\t} );\n\t\t}\n\t}, [ canvasMode, history ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasInUrlRef.current = canvasInUrl;\n\t\tif (\n\t\t\tcanvasInUrl !== 'edit' &&\n\t\t\tcurrentCanvasModeRef.current !== 'view'\n\t\t) {\n\t\t\tsetCanvasMode( 'view' );\n\t\t} else if (\n\t\t\tcanvasInUrl === 'edit' &&\n\t\t\tcurrentCanvasModeRef.current !== 'edit'\n\t\t) {\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t}, [ canvasInUrl, setCanvasMode ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEK,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEhD,SAASC,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAO,CAAC,GAAGN,WAAW,CAAC,CAAC;EAChC,MAAMO,UAAU,GAAG,IAAAC,eAAS,EACzBC,MAAM,IAAM,IAAAP,kBAAM,EAAEO,MAAM,CAAEC,YAAc,CAAE,CAAC,CAACC,aAAa,CAAC,CAAC,EAC/D,EACD,CAAC;EACD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAV,kBAAM,EAAE,IAAAW,iBAAW,EAAEH,YAAc,CAAE,CAAC;EAChE,MAAMI,oBAAoB,GAAG,IAAAC,eAAM,EAAER,UAAW,CAAC;EACjD,MAAM;IAAES,MAAM,EAAEC;EAAY,CAAC,GAAGX,MAAM;EACtC,MAAMY,qBAAqB,GAAG,IAAAH,eAAM,EAAEE,WAAY,CAAC;EACnD,MAAME,mBAAmB,GAAG,IAAAJ,eAAM,EAAET,MAAO,CAAC;EAC5C,IAAAc,kBAAS,EAAE,MAAM;IAChBD,mBAAmB,CAACE,OAAO,GAAGf,MAAM;EACrC,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EAEf,IAAAc,kBAAS,EAAE,MAAM;IAChBN,oBAAoB,CAACO,OAAO,GAAGd,UAAU;IACzC,IAAKA,UAAU,KAAK,MAAM,EAAG;MAC5B;IACD;IAEA,IACCA,UAAU,KAAK,MAAM,IACrBW,qBAAqB,CAACG,OAAO,KAAKd,UAAU,EAC3C;MACDF,OAAO,CAACiB,IAAI,CAAE;QACb,GAAGH,mBAAmB,CAACE,OAAO;QAC9BL,MAAM,EAAE;MACT,CAAE,CAAC;IACJ;IAEA,IACCT,UAAU,KAAK,MAAM,IACrBW,qBAAqB,CAACG,OAAO,KAAKE,SAAS,EAC1C;MACDlB,OAAO,CAACiB,IAAI,CAAE;QACb,GAAGH,mBAAmB,CAACE,OAAO;QAC9BL,MAAM,EAAEO;MACT,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEhB,UAAU,EAAEF,OAAO,CAAG,CAAC;EAE5B,IAAAe,kBAAS,EAAE,MAAM;IAChBF,qBAAqB,CAACG,OAAO,GAAGJ,WAAW;IAC3C,IACCA,WAAW,KAAK,MAAM,IACtBH,oBAAoB,CAACO,OAAO,KAAK,MAAM,EACtC;MACDT,aAAa,CAAE,MAAO,CAAC;IACxB,CAAC,MAAM,IACNK,WAAW,KAAK,MAAM,IACtBH,oBAAoB,CAACO,OAAO,KAAK,MAAM,EACtC;MACDT,aAAa,CAAE,MAAO,CAAC;IACxB;EACD,CAAC,EAAE,CAAEK,WAAW,EAAEL,aAAa,CAAG,CAAC;AACpC","ignoreList":[]}