@wordpress/edit-site 6.10.0 → 6.12.0

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,5 +1,5 @@
 @import "../../dataviews/src/style.scss";
-
+@import "../../fields/src/style.scss";
 @import "./components/add-new-template/style.scss";
 @import "./components/block-editor/style.scss";
 @import "./components/canvas-loader/style.scss";
@@ -30,11 +30,13 @@
 @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";
 @import "./components/pagination/style.scss";
 @import "./components/global-styles/variations/style.scss";
+@import "./components/sidebar-global-styles-wrapper/style.scss";
 
 /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
 ::view-transition-image-pair(root) {

package/build/components/async/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Async = Async;
-var _element = require("@wordpress/element");
-var _priorityQueue = require("@wordpress/priority-queue");
-/**
- * WordPress dependencies
- */
-
-const blockPreviewQueue = (0, _priorityQueue.createQueue)();
-
-/**
- * Renders a component at the next idle time.
- * @param {*} props
- */
-function Async({
-  children,
-  placeholder
-}) {
-  const [shouldRender, setShouldRender] = (0, _element.useState)(false);
-
-  // In the future, we could try to use startTransition here, but currently
-  // react will batch all transitions, which means all previews will be
-  // rendered at the same time.
-  // https://react.dev/reference/react/startTransition#caveats
-  // > If there are multiple ongoing Transitions, React currently batches them
-  // > together. This is a limitation that will likely be removed in a future
-  // > release.
-
-  (0, _element.useEffect)(() => {
-    const context = {};
-    blockPreviewQueue.add(context, () => {
-      // Synchronously run all renders so it consumes timeRemaining.
-      // See https://github.com/WordPress/gutenberg/pull/48238
-      (0, _element.flushSync)(() => {
-        setShouldRender(true);
-      });
-    });
-    return () => {
-      blockPreviewQueue.cancel(context);
-    };
-  }, []);
-  if (!shouldRender) {
-    return placeholder;
-  }
-  return children;
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_priorityQueue","blockPreviewQueue","createQueue","Async","children","placeholder","shouldRender","setShouldRender","useState","useEffect","context","add","flushSync","cancel"],"sources":["@wordpress/edit-site/src/components/async/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, flushSync } from '@wordpress/element';\nimport { createQueue } from '@wordpress/priority-queue';\n\nconst blockPreviewQueue = createQueue();\n\n/**\n * Renders a component at the next idle time.\n * @param {*} props\n */\nexport function Async( { children, placeholder } ) {\n\tconst [ shouldRender, setShouldRender ] = useState( false );\n\n\t// In the future, we could try to use startTransition here, but currently\n\t// react will batch all transitions, which means all previews will be\n\t// rendered at the same time.\n\t// https://react.dev/reference/react/startTransition#caveats\n\t// > If there are multiple ongoing Transitions, React currently batches them\n\t// > together. This is a limitation that will likely be removed in a future\n\t// > release.\n\n\tuseEffect( () => {\n\t\tconst context = {};\n\t\tblockPreviewQueue.add( context, () => {\n\t\t\t// Synchronously run all renders so it consumes timeRemaining.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/48238\n\t\t\tflushSync( () => {\n\t\t\t\tsetShouldRender( true );\n\t\t\t} );\n\t\t} );\n\t\treturn () => {\n\t\t\tblockPreviewQueue.cancel( context );\n\t\t};\n\t}, [] );\n\n\tif ( ! shouldRender ) {\n\t\treturn placeholder;\n\t}\n\n\treturn children;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,iBAAiB,GAAG,IAAAC,0BAAW,EAAC,CAAC;;AAEvC;AACA;AACA;AACA;AACO,SAASC,KAAKA,CAAE;EAAEC,QAAQ;EAAEC;AAAY,CAAC,EAAG;EAClD,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;;EAE3D;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAMC,OAAO,GAAG,CAAC,CAAC;IAClBT,iBAAiB,CAACU,GAAG,CAAED,OAAO,EAAE,MAAM;MACrC;MACA;MACA,IAAAE,kBAAS,EAAE,MAAM;QAChBL,eAAe,CAAE,IAAK,CAAC;MACxB,CAAE,CAAC;IACJ,CAAE,CAAC;IACH,OAAO,MAAM;MACZN,iBAAiB,CAACY,MAAM,CAAEH,OAAQ,CAAC;IACpC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEJ,YAAY,EAAG;IACrB,OAAOD,WAAW;EACnB;EAEA,OAAOD,QAAQ;AAChB","ignoreList":[]}

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":[]}

package/build/components/use-edited-entity-record/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useEditedEntityRecord;
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _editor = require("@wordpress/editor");
-var _htmlEntities = require("@wordpress/html-entities");
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function useEditedEntityRecord(postType, postId) {
-  const {
-    record,
-    title,
-    description,
-    isLoaded,
-    icon
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostType,
-      getEditedPostId
-    } = select(_store.store);
-    const {
-      getEditedEntityRecord,
-      hasFinishedResolution
-    } = select(_coreData.store);
-    const {
-      __experimentalGetTemplateInfo: getTemplateInfo
-    } = select(_editor.store);
-    const usedPostType = postType !== null && postType !== void 0 ? postType : getEditedPostType();
-    const usedPostId = postId !== null && postId !== void 0 ? postId : getEditedPostId();
-    const _record = getEditedEntityRecord('postType', usedPostType, usedPostId);
-    const _isLoaded = usedPostId && hasFinishedResolution('getEditedEntityRecord', ['postType', usedPostType, usedPostId]);
-    const templateInfo = getTemplateInfo(_record);
-    return {
-      record: _record,
-      title: templateInfo.title,
-      description: templateInfo.description,
-      isLoaded: _isLoaded,
-      icon: templateInfo.icon
-    };
-  }, [postType, postId]);
-  return {
-    isLoaded,
-    icon,
-    record,
-    getTitle: () => title ? (0, _htmlEntities.decodeEntities)(title) : null,
-    getDescription: () => description ? (0, _htmlEntities.decodeEntities)(description) : null
-  };
-}
-//# sourceMappingURL=index.js.map

package/build/components/use-edited-entity-record/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_data","require","_coreData","_editor","_htmlEntities","_store","useEditedEntityRecord","postType","postId","record","title","description","isLoaded","icon","useSelect","select","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","hasFinishedResolution","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","usedPostType","usedPostId","_record","_isLoaded","templateInfo","getTitle","decodeEntities","getDescription"],"sources":["@wordpress/edit-site/src/components/use-edited-entity-record/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function useEditedEntityRecord( postType, postId ) {\n\tconst { record, title, description, isLoaded, icon } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst usedPostType = postType ?? getEditedPostType();\n\t\t\tconst usedPostId = postId ?? getEditedPostId();\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tusedPostType,\n\t\t\t\tusedPostId\n\t\t\t);\n\t\t\tconst _isLoaded =\n\t\t\t\tusedPostId &&\n\t\t\t\thasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t\t'postType',\n\t\t\t\t\tusedPostType,\n\t\t\t\t\tusedPostId,\n\t\t\t\t] );\n\t\t\tconst templateInfo = getTemplateInfo( _record );\n\n\t\t\treturn {\n\t\t\t\trecord: _record,\n\t\t\t\ttitle: templateInfo.title,\n\t\t\t\tdescription: templateInfo.description,\n\t\t\t\tisLoaded: _isLoaded,\n\t\t\t\ticon: templateInfo.icon,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\treturn {\n\t\tisLoaded,\n\t\ticon,\n\t\trecord,\n\t\tgetTitle: () => ( title ? decodeEntities( title ) : null ),\n\t\tgetDescription: () =>\n\t\t\tdescription ? decodeEntities( description ) : null,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,qBAAqBA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EACjE,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAG,IAAAC,eAAS,EAC7DC,MAAM,IAAM;IACb,MAAM;MAAEC,iBAAiB;MAAEC;IAAgB,CAAC,GAC3CF,MAAM,CAAEG,YAAc,CAAC;IACxB,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDL,MAAM,CAAEM,eAAU,CAAC;IACpB,MAAM;MAAEC,6BAA6B,EAAEC;IAAgB,CAAC,GACvDR,MAAM,CAAES,aAAY,CAAC;IACtB,MAAMC,YAAY,GAAGlB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIS,iBAAiB,CAAC,CAAC;IACpD,MAAMU,UAAU,GAAGlB,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIS,eAAe,CAAC,CAAC;IAC9C,MAAMU,OAAO,GAAGR,qBAAqB,CACpC,UAAU,EACVM,YAAY,EACZC,UACD,CAAC;IACD,MAAME,SAAS,GACdF,UAAU,IACVN,qBAAqB,CAAE,uBAAuB,EAAE,CAC/C,UAAU,EACVK,YAAY,EACZC,UAAU,CACT,CAAC;IACJ,MAAMG,YAAY,GAAGN,eAAe,CAAEI,OAAQ,CAAC;IAE/C,OAAO;MACNlB,MAAM,EAAEkB,OAAO;MACfjB,KAAK,EAAEmB,YAAY,CAACnB,KAAK;MACzBC,WAAW,EAAEkB,YAAY,CAAClB,WAAW;MACrCC,QAAQ,EAAEgB,SAAS;MACnBf,IAAI,EAAEgB,YAAY,CAAChB;IACpB,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,EAAEC,MAAM,CACnB,CAAC;EAED,OAAO;IACNI,QAAQ;IACRC,IAAI;IACJJ,MAAM;IACNqB,QAAQ,EAAEA,CAAA,KAAQpB,KAAK,GAAG,IAAAqB,4BAAc,EAAErB,KAAM,CAAC,GAAG,IAAM;IAC1DsB,cAAc,EAAEA,CAAA,KACfrB,WAAW,GAAG,IAAAoB,4BAAc,EAAEpB,WAAY,CAAC,GAAG;EAChD,CAAC;AACF","ignoreList":[]}

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

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEditModeCommands = useEditModeCommands;
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _commands = require("@wordpress/commands");
-var _htmlEntities = require("@wordpress/html-entities");
-var _router = require("@wordpress/router");
-var _editor = require("@wordpress/editor");
-var _store = require("../../store");
-var _useEditedEntityRecord = _interopRequireDefault(require("../../components/use-edited-entity-record"));
-var _isTemplateRemovable = _interopRequireDefault(require("../../utils/is-template-removable"));
-var _isTemplateRevertable = _interopRequireDefault(require("../../utils/is-template-revertable"));
-var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../../utils/constants");
-var _link = require("../../components/routes/link");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useHistory
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function usePageContentFocusCommands() {
-  const {
-    record: template
-  } = (0, _useEditedEntityRecord.default)();
-  const {
-    isPage,
-    canvasMode,
-    templateId,
-    currentPostType
-  } = (0, _data.useSelect)(select => {
-    const {
-      isPage: _isPage,
-      getCanvasMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const {
-      getCurrentPostType,
-      getCurrentTemplateId
-    } = select(_editor.store);
-    return {
-      isPage: _isPage(),
-      canvasMode: getCanvasMode(),
-      templateId: getCurrentTemplateId(),
-      currentPostType: getCurrentPostType()
-    };
-  }, []);
-  const {
-    onClick: editTemplate
-  } = (0, _link.useLink)({
-    postType: 'wp_template',
-    postId: templateId
-  });
-  const {
-    setRenderingMode
-  } = (0, _data.useDispatch)(_editor.store);
-  if (!isPage || canvasMode !== 'edit') {
-    return {
-      isLoading: false,
-      commands: []
-    };
-  }
-  const commands = [];
-  if (currentPostType !== 'wp_template') {
-    commands.push({
-      name: 'core/switch-to-template-focus',
-      label: (0, _i18n.sprintf)(/* translators: %s: template title */
-      (0, _i18n.__)('Edit template: %s'), (0, _htmlEntities.decodeEntities)(template.title)),
-      icon: _icons.layout,
-      callback: ({
-        close
-      }) => {
-        editTemplate();
-        close();
-      }
-    });
-  } else {
-    commands.push({
-      name: 'core/switch-to-page-focus',
-      label: (0, _i18n.__)('Back to page'),
-      icon: _icons.page,
-      callback: ({
-        close
-      }) => {
-        setRenderingMode('template-locked');
-        close();
-      }
-    });
-  }
-  return {
-    isLoading: false,
-    commands
-  };
-}
-function useManipulateDocumentCommands() {
-  const {
-    isLoaded,
-    record: template
-  } = (0, _useEditedEntityRecord.default)();
-  const {
-    removeTemplate,
-    revertTemplate
-  } = (0, _data.useDispatch)(_store.store);
-  const history = useHistory();
-  const isEditingPage = (0, _data.useSelect)(select => select(_store.store).isPage() && select(_editor.store).getCurrentPostType() !== 'wp_template', []);
-  if (!isLoaded) {
-    return {
-      isLoading: true,
-      commands: []
-    };
-  }
-  const commands = [];
-  if ((0, _isTemplateRevertable.default)(template) && !isEditingPage) {
-    const label = template.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.sprintf)(/* translators: %s: template title */
-    (0, _i18n.__)('Reset template: %s'), (0, _htmlEntities.decodeEntities)(template.title)) : (0, _i18n.sprintf)(/* translators: %s: template part title */
-    (0, _i18n.__)('Reset template part: %s'), (0, _htmlEntities.decodeEntities)(template.title));
-    commands.push({
-      name: 'core/reset-template',
-      label,
-      icon: (0, _i18n.isRTL)() ? _icons.rotateRight : _icons.rotateLeft,
-      callback: ({
-        close
-      }) => {
-        revertTemplate(template);
-        close();
-      }
-    });
-  }
-  if ((0, _isTemplateRemovable.default)(template) && !isEditingPage) {
-    const label = template.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.sprintf)(/* translators: %s: template title */
-    (0, _i18n.__)('Delete template: %s'), (0, _htmlEntities.decodeEntities)(template.title)) : (0, _i18n.sprintf)(/* translators: %s: template part title */
-    (0, _i18n.__)('Delete template part: %s'), (0, _htmlEntities.decodeEntities)(template.title));
-    commands.push({
-      name: 'core/remove-template',
-      label,
-      icon: _icons.trash,
-      callback: ({
-        close
-      }) => {
-        removeTemplate(template);
-        // Navigate to the template list
-        history.push({
-          postType: template.type
-        });
-        close();
-      }
-    });
-  }
-  return {
-    isLoading: !isLoaded,
-    commands
-  };
-}
-function useEditModeCommands() {
-  (0, _commands.useCommandLoader)({
-    name: 'core/edit-site/page-content-focus',
-    hook: usePageContentFocusCommands,
-    context: 'entity-edit'
-  });
-  (0, _commands.useCommandLoader)({
-    name: 'core/edit-site/manipulate-document',
-    hook: useManipulateDocumentCommands
-  });
-}
-//# sourceMappingURL=use-edit-mode-commands.js.map