@wordpress/edit-site 6.10.0 → 6.12.0

package/build/components/layout/animation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_web","require","_element","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","ANIMATION_DURATION","useMovingAnimation","triggerAnimationOnChange","ref","useRef","previous","prevRect","useMemo","current","getBoundingClientRect","useLayoutEffect","disableAnimation","window","matchMedia","matches","controller","Controller","x","y","width","height","config","duration","easing","easings","easeInOutQuint","onChange","value","Math","round","finishedMoving","style","transformOrigin","transform","undefined","destination","start","from","stop","set","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/layout/animation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_web","require","_element","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","ANIMATION_DURATION","useMovingAnimation","triggerAnimationOnChange","ref","useRef","previous","prevRect","useMemo","current","getBoundingClientRect","useLayoutEffect","disableAnimation","window","matchMedia","matches","controller","Controller","x","y","width","height","config","duration","easing","easings","easeInOutQuint","onChange","value","Math","round","finishedMoving","style","transformOrigin","transform","undefined","destination","start","from","stop","set","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/layout/animation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/hooks.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,21 +7,13 @@ exports.useIsSiteEditorLoading = useIsSiteEditorLoading;
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
-var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
 /**
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
 const MAX_LOADING_TIME = 10000; // 10 seconds
 
 function useIsSiteEditorLoading() {
-  const {
-    isLoaded: hasLoadedPost
-  } = (0, _useEditedEntityRecord.default)();
   const [loaded, setLoaded] = (0, _element.useState)(false);
   const inLoadingPause = (0, _data.useSelect)(select => {
     const hasResolvingSelectors = select(_coreData.store).hasResolvingSelectors();
@@ -64,6 +55,6 @@ function useIsSiteEditorLoading() {
       };
     }
   }, [inLoadingPause]);
-  return !loaded || !hasLoadedPost;
+  return !loaded;
 }
 //# sourceMappingURL=hooks.js.map

package/build/components/layout/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_coreData","_useEditedEntityRecord","_interopRequireDefault","MAX_LOADING_TIME","useIsSiteEditorLoading","isLoaded","hasLoadedPost","useEditedEntityRecord","loaded","setLoaded","useState","inLoadingPause","useSelect","select","hasResolvingSelectors","coreStore","useEffect","timeout","setTimeout","clearTimeout","ARTIFICIAL_DELAY"],"sources":["@wordpress/edit-site/src/components/layout/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../use-edited-entity-record';\n\nconst MAX_LOADING_TIME = 10000; // 10 seconds\n\nexport function useIsSiteEditorLoading() {\n\tconst { isLoaded: hasLoadedPost } = useEditedEntityRecord();\n\tconst [ loaded, setLoaded ] = useState( false );\n\tconst inLoadingPause = useSelect(\n\t\t( select ) => {\n\t\t\tconst hasResolvingSelectors =\n\t\t\t\tselect( coreStore ).hasResolvingSelectors();\n\t\t\treturn ! loaded && ! hasResolvingSelectors;\n\t\t},\n\t\t[ loaded ]\n\t);\n\n\t/*\n\t * If the maximum expected loading time has passed, we're marking the\n\t * editor as loaded, in order to prevent any failed requests from blocking\n\t * the editor canvas from appearing.\n\t */\n\tuseEffect( () => {\n\t\tlet timeout;\n\n\t\tif ( ! loaded ) {\n\t\t\ttimeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, MAX_LOADING_TIME );\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [ loaded ] );\n\n\tuseEffect( () => {\n\t\tif ( inLoadingPause ) {\n\t\t\t/*\n\t\t\t * We're using an arbitrary 100ms timeout here to catch brief\n\t\t\t * moments without any resolving selectors that would result in\n\t\t\t * displaying brief flickers of loading state and loaded state.\n\t\t\t *\n\t\t\t * It's worth experimenting with different values, since this also\n\t\t\t * adds 100ms of artificial delay after loading has finished.\n\t\t\t */\n\t\t\tconst ARTIFICIAL_DELAY = 100;\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, ARTIFICIAL_DELAY );\n\n\t\t\treturn () => {\n\t\t\t\tclearTimeout( timeout );\n\t\t\t};\n\t\t}\n\t}, [ inLoadingPause ] );\n\n\treturn ! loaded || ! hasLoadedPost;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,sBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,MAAMK,gBAAgB,GAAG,KAAK,CAAC,CAAC;;AAEzB,SAASC,sBAAsBA,CAAA,EAAG;EACxC,MAAM;IAAEC,QAAQ,EAAEC;EAAc,CAAC,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAC3D,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC/C,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAMC,qBAAqB,GAC1BD,MAAM,CAAEE,eAAU,CAAC,CAACD,qBAAqB,CAAC,CAAC;IAC5C,OAAO,CAAEN,MAAM,IAAI,CAAEM,qBAAqB;EAC3C,CAAC,EACD,CAAEN,MAAM,CACT,CAAC;;EAED;AACD;AACA;AACA;AACA;EACC,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAIC,OAAO;IAEX,IAAK,CAAET,MAAM,EAAG;MACfS,OAAO,GAAGC,UAAU,CAAE,MAAM;QAC3BT,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEN,gBAAiB,CAAC;IACtB;IAEA,OAAO,MAAM;MACZgB,YAAY,CAAEF,OAAQ,CAAC;IACxB,CAAC;EACF,CAAC,EAAE,CAAET,MAAM,CAAG,CAAC;EAEf,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAKL,cAAc,EAAG;MACrB;AACH;AACA;AACA;AACA;AACA;AACA;AACA;MACG,MAAMS,gBAAgB,GAAG,GAAG;MAC5B,MAAMH,OAAO,GAAGC,UAAU,CAAE,MAAM;QACjCT,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEW,gBAAiB,CAAC;MAErB,OAAO,MAAM;QACZD,YAAY,CAAEF,OAAQ,CAAC;MACxB,CAAC;IACF;EACD,CAAC,EAAE,CAAEN,cAAc,CAAG,CAAC;EAEvB,OAAO,CAAEH,MAAM,IAAI,CAAEF,aAAa;AACnC","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_coreData","MAX_LOADING_TIME","useIsSiteEditorLoading","loaded","setLoaded","useState","inLoadingPause","useSelect","select","hasResolvingSelectors","coreStore","useEffect","timeout","setTimeout","clearTimeout","ARTIFICIAL_DELAY"],"sources":["@wordpress/edit-site/src/components/layout/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst MAX_LOADING_TIME = 10000; // 10 seconds\n\nexport function useIsSiteEditorLoading() {\n\tconst [ loaded, setLoaded ] = useState( false );\n\tconst inLoadingPause = useSelect(\n\t\t( select ) => {\n\t\t\tconst hasResolvingSelectors =\n\t\t\t\tselect( coreStore ).hasResolvingSelectors();\n\t\t\treturn ! loaded && ! hasResolvingSelectors;\n\t\t},\n\t\t[ loaded ]\n\t);\n\n\t/*\n\t * If the maximum expected loading time has passed, we're marking the\n\t * editor as loaded, in order to prevent any failed requests from blocking\n\t * the editor canvas from appearing.\n\t */\n\tuseEffect( () => {\n\t\tlet timeout;\n\n\t\tif ( ! loaded ) {\n\t\t\ttimeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, MAX_LOADING_TIME );\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [ loaded ] );\n\n\tuseEffect( () => {\n\t\tif ( inLoadingPause ) {\n\t\t\t/*\n\t\t\t * We're using an arbitrary 100ms timeout here to catch brief\n\t\t\t * moments without any resolving selectors that would result in\n\t\t\t * displaying brief flickers of loading state and loaded state.\n\t\t\t *\n\t\t\t * It's worth experimenting with different values, since this also\n\t\t\t * adds 100ms of artificial delay after loading has finished.\n\t\t\t */\n\t\t\tconst ARTIFICIAL_DELAY = 100;\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, ARTIFICIAL_DELAY );\n\n\t\t\treturn () => {\n\t\t\t\tclearTimeout( timeout );\n\t\t\t};\n\t\t}\n\t}, [ inLoadingPause ] );\n\n\treturn ! loaded;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,gBAAgB,GAAG,KAAK,CAAC,CAAC;;AAEzB,SAASC,sBAAsBA,CAAA,EAAG;EACxC,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC/C,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAMC,qBAAqB,GAC1BD,MAAM,CAAEE,eAAU,CAAC,CAACD,qBAAqB,CAAC,CAAC;IAC5C,OAAO,CAAEN,MAAM,IAAI,CAAEM,qBAAqB;EAC3C,CAAC,EACD,CAAEN,MAAM,CACT,CAAC;;EAED;AACD;AACA;AACA;AACA;EACC,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAIC,OAAO;IAEX,IAAK,CAAET,MAAM,EAAG;MACfS,OAAO,GAAGC,UAAU,CAAE,MAAM;QAC3BT,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEH,gBAAiB,CAAC;IACtB;IAEA,OAAO,MAAM;MACZa,YAAY,CAAEF,OAAQ,CAAC;IACxB,CAAC;EACF,CAAC,EAAE,CAAET,MAAM,CAAG,CAAC;EAEf,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAKL,cAAc,EAAG;MACrB;AACH;AACA;AACA;AACA;AACA;AACA;AACA;MACG,MAAMS,gBAAgB,GAAG,GAAG;MAC5B,MAAMH,OAAO,GAAGC,UAAU,CAAE,MAAM;QACjCT,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEW,gBAAiB,CAAC;MAErB,OAAO,MAAM;QACZD,YAAY,CAAEF,OAAQ,CAAC;MACxB,CAAC;IACF;EACD,CAAC,EAAE,CAAEN,cAAc,CAAG,CAAC;EAEvB,OAAO,CAAEH,MAAM;AAChB","ignoreList":[]}

package/build/components/layout/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Layout;
 var _clsx = _interopRequireDefault(require("clsx"));
-var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
@@ -15,19 +14,17 @@ var _commands = require("@wordpress/commands");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _coreCommands = require("@wordpress/core-commands");
+var _router = require("@wordpress/router");
 var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
-var _store = require("../../store");
 var _siteHub = _interopRequireWildcard(require("../site-hub"));
 var _resizableFrame = _interopRequireDefault(require("../resizable-frame"));
 var _lockUnlock = require("../../lock-unlock");
-var _register = _interopRequireDefault(require("../keyboard-shortcuts/register"));
-var _global = _interopRequireDefault(require("../keyboard-shortcuts/global"));
+var _saveKeyboardShortcut = _interopRequireDefault(require("../save-keyboard-shortcut"));
 var _hooks = require("./hooks");
 var _animation = _interopRequireDefault(require("./animation"));
 var _sidebar = _interopRequireDefault(require("../sidebar"));
 var _saveHub = _interopRequireDefault(require("../save-hub"));
 var _savePanel = _interopRequireDefault(require("../save-panel"));
-var _useSyncCanvasModeWithUrl = _interopRequireDefault(require("../sync-state-with-url/use-sync-canvas-mode-with-url"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -52,60 +49,50 @@ const {
 const {
   NavigableRegion
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 const ANIMATION_DURATION = 0.3;
 function Layout({
   route
 }) {
-  (0, _useSyncCanvasModeWithUrl.default)();
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   useCommands();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const toggleRef = (0, _element.useRef)();
-  const {
-    canvasMode
-  } = (0, _data.useSelect)(select => {
-    const {
-      getCanvasMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    return {
-      canvasMode: getCanvasMode()
-    };
-  }, []);
   const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)();
   const disableMotion = (0, _compose.useReducedMotion)();
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false);
   const {
-    key: routeKey,
+    name: routeKey,
     areas,
     widths
   } = route;
   const animationRef = (0, _animation.default)({
-    triggerAnimationOnChange: canvasMode + '__' + routeKey
+    triggerAnimationOnChange: routeKey + '-' + canvas
   });
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
-  const previousCanvaMode = (0, _compose.usePrevious)(canvasMode);
+  const previousCanvaMode = (0, _compose.usePrevious)(canvas);
   (0, _element.useEffect)(() => {
     if (previousCanvaMode === 'edit') {
       toggleRef.current?.focus();
     }
     // Should not depend on the previous canvas mode value but the next.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [canvasMode]);
-
-  // Synchronizing the URL with the store value of canvasMode happens in an effect
-  // This condition ensures the component is only rendered after the synchronization happens
-  // which prevents any animations due to potential canvasMode value change.
-  if (canvasMode === 'init') {
-    return null;
-  }
+  }, [canvas]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_register.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_global.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveKeyboardShortcut.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {
-        'is-full-canvas': canvasMode === 'edit'
+        'is-full-canvas': canvas === 'edit'
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "edit-site-layout__content",
@@ -113,7 +100,7 @@ function Layout({
           ariaLabel: (0, _i18n.__)('Navigation'),
           className: "edit-site-layout__sidebar-region",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableAnimatePresence, {
-            children: canvasMode === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
+            children: canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
               initial: {
                 opacity: 0
               },
@@ -135,6 +122,7 @@ function Layout({
                 ref: toggleRef,
                 isTransparent: isResizableFrameOversized
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+                shouldAnimate: routeKey !== 'styles-view',
                 routeKey: routeKey,
                 children: areas.sidebar
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveHub.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_savePanel.default, {})]
@@ -142,20 +130,20 @@ function Layout({
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorSnackbars, {}), isMobileViewport && areas.mobile && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "edit-site-layout__mobile",
-          children: [canvasMode !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+          children: [canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
             routeKey: routeKey,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteHub.SiteHubMobile, {
               ref: toggleRef,
               isTransparent: isResizableFrameOversized
             })
           }), areas.mobile]
-        }), !isMobileViewport && areas.content && canvasMode !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), !isMobileViewport && areas.content && canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "edit-site-layout__area",
           style: {
             maxWidth: widths?.content
           },
           children: areas.content
-        }), !isMobileViewport && areas.edit && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), !isMobileViewport && areas.edit && canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "edit-site-layout__area",
           style: {
             maxWidth: widths?.edit
@@ -171,7 +159,7 @@ function Layout({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorBoundary.default, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_resizableFrame.default, {
                 isReady: !isEditorLoading,
-                isFullWidth: canvasMode === 'edit',
+                isFullWidth: canvas === 'edit',
                 defaultSize: {
                   width: canvasSize.width - 24 /* $canvas-padding */,
                   height: canvasSize.height

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_errorBoundary","_store","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_register","_global","_hooks","_animation","_sidebar","_saveHub","_savePanel","_useSyncCanvasModeWithUrl","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","route","useSyncCanvasModeWithURL","isMobileViewport","useViewportMatch","toggleRef","useRef","canvasMode","useSelect","select","getCanvasMode","editSiteStore","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst { canvasMode } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t{ ( ! isMobileViewport || ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvasMode !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_errorBoundary","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","route","params","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","name","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { name: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t{ ( ! isMobileViewport || ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles-view'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvas !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/router.js

@@ -1,29 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useLayoutAreas;
+exports.default = useActiveRoute;
 var _router = require("@wordpress/router");
-var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
 var _lockUnlock = require("../../lock-unlock");
-var _editor = _interopRequireDefault(require("../editor"));
-var _postList = _interopRequireDefault(require("../post-list"));
-var _pagePatterns = _interopRequireDefault(require("../page-patterns"));
-var _pageTemplates = _interopRequireDefault(require("../page-templates"));
-var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
-var _sidebarNavigationScreenGlobalStyles = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles"));
-var _sidebarNavigationScreenMain = _interopRequireDefault(require("../sidebar-navigation-screen-main"));
-var _sidebarNavigationScreenNavigationMenus = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menus"));
-var _sidebarNavigationScreenTemplatesBrowse = _interopRequireDefault(require("../sidebar-navigation-screen-templates-browse"));
-var _sidebarNavigationScreenPatterns = _interopRequireDefault(require("../sidebar-navigation-screen-patterns"));
-var _sidebarNavigationScreenNavigationMenu = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menu"));
-var _sidebarDataviews = _interopRequireDefault(require("../sidebar-dataviews"));
 var _constants = require("../../utils/constants");
-var _postEdit = require("../post-edit");
-var _jsxRuntime = require("react/jsx-runtime");
+var _store = require("../../store");
 /**
  * WordPress dependencies
  */
@@ -79,137 +65,28 @@ function useRedirectOldPaths() {
     }
   }, [history, params]);
 }
-function useLayoutAreas() {
+function useActiveRoute() {
   const {
     params
   } = useLocation();
-  const {
-    postType,
-    postId,
-    path,
-    layout,
-    isCustom,
-    canvas,
-    quickEdit
-  } = params;
-  const hasEditCanvasMode = canvas === 'edit';
   useRedirectOldPaths();
-
-  // Page list
-  if (postType === 'page') {
-    const isListLayout = layout === 'list' || !layout;
-    const showQuickEdit = quickEdit && !isListLayout;
-    return {
-      key: 'pages',
-      areas: {
-        sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
-          title: (0, _i18n.__)('Pages'),
-          backPath: {},
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarDataviews.default, {})
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postList.default, {
-          postType: postType
-        }),
-        preview: !showQuickEdit && (isListLayout || hasEditCanvasMode) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-        mobile: hasEditCanvasMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_postList.default, {
-          postType: postType
-        }),
-        edit: showQuickEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_postEdit.PostEdit, {
-          postType: postType,
-          postId: postId
-        })
-      },
-      widths: {
-        content: isListLayout ? 380 : undefined,
-        edit: showQuickEdit ? 380 : undefined
-      }
-    };
-  }
-
-  // Templates
-  if (postType === _constants.TEMPLATE_POST_TYPE) {
-    const isListLayout = isCustom !== 'true' && layout === 'list';
-    return {
-      key: 'templates',
-      areas: {
-        sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenTemplatesBrowse.default, {
-          backPath: {}
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pageTemplates.default, {}),
-        preview: (isListLayout || hasEditCanvasMode) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-        mobile: hasEditCanvasMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_pageTemplates.default, {})
-      },
-      widths: {
-        content: isListLayout ? 380 : undefined
-      }
-    };
-  }
-
-  // Patterns
-  if ([_constants.TEMPLATE_PART_POST_TYPE, _constants.PATTERN_TYPES.user].includes(postType)) {
-    return {
-      key: 'patterns',
-      areas: {
-        sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenPatterns.default, {
-          backPath: {}
-        }),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagePatterns.default, {}),
-        mobile: hasEditCanvasMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagePatterns.default, {}),
-        preview: hasEditCanvasMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {})
-      }
-    };
-  }
-
-  // Styles
-  if (path === '/wp_global_styles') {
-    return {
-      key: 'styles',
-      areas: {
-        sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.default, {
-          backPath: {}
-        }),
-        preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-        mobile: hasEditCanvasMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {})
-      }
-    };
-  }
-
-  // Navigation
-  if (postType === _constants.NAVIGATION_POST_TYPE) {
-    if (postId) {
+  const routes = (0, _data.useSelect)(select => {
+    return (0, _lockUnlock.unlock)(select(_store.store)).getRoutes();
+  }, []);
+  return (0, _element.useMemo)(() => {
+    const matchedRoute = routes.find(route => route.match(params));
+    if (!matchedRoute) {
       return {
-        key: 'navigation',
-        areas: {
-          sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenNavigationMenu.default, {
-            backPath: {
-              postType: _constants.NAVIGATION_POST_TYPE
-            }
-          }),
-          preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-          mobile: hasEditCanvasMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {})
-        }
+        key: 404,
+        areas: {},
+        widths: {}
       };
     }
     return {
-      key: 'navigation',
-      areas: {
-        sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenNavigationMenus.default, {
-          backPath: {}
-        }),
-        preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-        mobile: hasEditCanvasMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {})
-      }
+      name: matchedRoute.name,
+      areas: matchedRoute.areas,
+      widths: matchedRoute.widths
     };
-  }
-
-  // Fallback shows the home page preview
-  return {
-    key: 'default',
-    areas: {
-      sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenMain.default, {}),
-      preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}),
-      mobile: hasEditCanvasMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {})
-    }
-  };
+  }, [routes, params]);
 }
 //# sourceMappingURL=router.js.map

package/build/components/layout/router.js.map

@@ -1 +1 @@
-{"version":3,"names":["_router","require","_i18n","_element","_lockUnlock","_editor","_interopRequireDefault","_postList","_pagePatterns","_pageTemplates","_sidebarNavigationScreen","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenMain","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenTemplatesBrowse","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenNavigationMenu","_sidebarDataviews","_constants","_postEdit","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","useRedirectOldPaths","history","params","useEffect","postType","path","categoryType","rest","replace","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","PATTERN_TYPES","user","NAVIGATION_POST_TYPE","useLayoutAreas","postId","layout","isCustom","canvas","quickEdit","hasEditCanvasMode","isListLayout","showQuickEdit","key","areas","sidebar","jsx","default","title","__","backPath","content","preview","mobile","edit","PostEdit","widths","undefined","includes"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Editor from '../editor';\nimport PostList from '../post-list';\nimport PagePatterns from '../page-patterns';\nimport PageTemplates from '../page-templates';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { PostEdit } from '../post-edit';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useRedirectOldPaths() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tuseEffect( () => {\n\t\tconst { postType, path, categoryType, ...rest } = params;\n\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { postType: TEMPLATE_PART_POST_TYPE } );\n\t\t}\n\n\t\tif ( path === '/page' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: 'page',\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/wp_template' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/patterns' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType:\n\t\t\t\t\tcategoryType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t: PATTERN_TYPES.user,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/navigation' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: NAVIGATION_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\t}, [ history, params ] );\n}\n\nexport default function useLayoutAreas() {\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas, quickEdit } =\n\t\tparams;\n\tconst hasEditCanvasMode = canvas === 'edit';\n\tuseRedirectOldPaths();\n\n\t// Page list\n\tif ( postType === 'page' ) {\n\t\tconst isListLayout = layout === 'list' || ! layout;\n\t\tconst showQuickEdit = quickEdit && ! isListLayout;\n\t\treturn {\n\t\t\tkey: 'pages',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\t\tbackPath={ {} }\n\t\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tcontent: <PostList postType={ postType } />,\n\t\t\t\tpreview: ! showQuickEdit &&\n\t\t\t\t\t( isListLayout || hasEditCanvasMode ) && <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode ? (\n\t\t\t\t\t<Editor />\n\t\t\t\t) : (\n\t\t\t\t\t<PostList postType={ postType } />\n\t\t\t\t),\n\t\t\t\tedit: showQuickEdit && (\n\t\t\t\t\t<PostEdit postType={ postType } postId={ postId } />\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t\tedit: showQuickEdit ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( postType === TEMPLATE_POST_TYPE ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'templates',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tcontent: <PageTemplates />,\n\t\t\t\tpreview: ( isListLayout || hasEditCanvasMode ) && <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode ? <Editor /> : <PageTemplates />,\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Patterns\n\tif (\n\t\t[ TEMPLATE_PART_POST_TYPE, PATTERN_TYPES.user ].includes( postType )\n\t) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenPatterns backPath={ {} } />,\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: hasEditCanvasMode ? <Editor /> : <PagePatterns />,\n\t\t\t\tpreview: hasEditCanvasMode && <Editor />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Styles\n\tif ( path === '/wp_global_styles' ) {\n\t\treturn {\n\t\t\tkey: 'styles',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenGlobalStyles backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Navigation\n\tif ( postType === NAVIGATION_POST_TYPE ) {\n\t\tif ( postId ) {\n\t\t\treturn {\n\t\t\t\tkey: 'navigation',\n\t\t\t\tareas: {\n\t\t\t\t\tsidebar: (\n\t\t\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\t\t\tbackPath={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tpreview: <Editor />,\n\t\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tkey: 'navigation',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tkey: 'default',\n\t\tareas: {\n\t\t\tsidebar: <SidebarNavigationScreenMain />,\n\t\t\tpreview: <Editor />,\n\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_router","require","_element","_data","_lockUnlock","_constants","_store","useLocation","useHistory","unlock","routerPrivateApis","useRedirectOldPaths","history","params","useEffect","postType","path","categoryType","rest","replace","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","PATTERN_TYPES","user","NAVIGATION_POST_TYPE","useActiveRoute","routes","useSelect","select","editSiteStore","getRoutes","useMemo","matchedRoute","find","route","match","key","areas","widths","name"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { store as editSiteStore } from '../../store';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useRedirectOldPaths() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tuseEffect( () => {\n\t\tconst { postType, path, categoryType, ...rest } = params;\n\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { postType: TEMPLATE_PART_POST_TYPE } );\n\t\t}\n\n\t\tif ( path === '/page' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: 'page',\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/wp_template' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/patterns' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType:\n\t\t\t\t\tcategoryType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t: PATTERN_TYPES.user,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/navigation' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: NAVIGATION_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\t}, [ history, params ] );\n}\n\nexport default function useActiveRoute() {\n\tconst { params } = useLocation();\n\tuseRedirectOldPaths();\n\tconst routes = useSelect( ( select ) => {\n\t\treturn unlock( select( editSiteStore ) ).getRoutes();\n\t}, [] );\n\treturn useMemo( () => {\n\t\tconst matchedRoute = routes.find( ( route ) => route.match( params ) );\n\t\tif ( ! matchedRoute ) {\n\t\t\treturn {\n\t\t\t\tkey: 404,\n\t\t\t\tareas: {},\n\t\t\t\twidths: {},\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tname: matchedRoute.name,\n\t\t\tareas: matchedRoute.areas,\n\t\t\twidths: matchedRoute.widths,\n\t\t};\n\t}, [ routes, params ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAUA,MAAM;EAAEM,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,mBAAmBA,CAAA,EAAG;EAC9B,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAO,CAAC,GAAGN,WAAW,CAAC,CAAC;EAChC,IAAAO,kBAAS,EAAE,MAAM;IAChB,MAAM;MAAEC,QAAQ;MAAEC,IAAI;MAAEC,YAAY;MAAE,GAAGC;IAAK,CAAC,GAAGL,MAAM;IAExD,IAAKG,IAAI,KAAK,uBAAuB,EAAG;MACvCJ,OAAO,CAACO,OAAO,CAAE;QAAEJ,QAAQ,EAAEK;MAAwB,CAAE,CAAC;IACzD;IAEA,IAAKJ,IAAI,KAAK,OAAO,EAAG;MACvBJ,OAAO,CAACO,OAAO,CAAE;QAChBJ,QAAQ,EAAE,MAAM;QAChB,GAAGG;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,cAAc,EAAG;MAC9BJ,OAAO,CAACO,OAAO,CAAE;QAChBJ,QAAQ,EAAEM,6BAAkB;QAC5B,GAAGH;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,WAAW,EAAG;MAC3BJ,OAAO,CAACO,OAAO,CAAE;QAChBJ,QAAQ,EACPE,YAAY,KAAKG,kCAAuB,GACrCA,kCAAuB,GACvBE,wBAAa,CAACC,IAAI;QACtB,GAAGL;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,aAAa,EAAG;MAC7BJ,OAAO,CAACO,OAAO,CAAE;QAChBJ,QAAQ,EAAES,+BAAoB;QAC9B,GAAGN;MACJ,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEN,OAAO,EAAEC,MAAM,CAAG,CAAC;AACzB;AAEe,SAASY,cAAcA,CAAA,EAAG;EACxC,MAAM;IAAEZ;EAAO,CAAC,GAAGN,WAAW,CAAC,CAAC;EAChCI,mBAAmB,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACvC,OAAO,IAAAnB,kBAAM,EAAEmB,MAAM,CAAEC,YAAc,CAAE,CAAC,CAACC,SAAS,CAAC,CAAC;EACrD,CAAC,EAAE,EAAG,CAAC;EACP,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,MAAMC,YAAY,GAAGN,MAAM,CAACO,IAAI,CAAIC,KAAK,IAAMA,KAAK,CAACC,KAAK,CAAEtB,MAAO,CAAE,CAAC;IACtE,IAAK,CAAEmB,YAAY,EAAG;MACrB,OAAO;QACNI,GAAG,EAAE,GAAG;QACRC,KAAK,EAAE,CAAC,CAAC;QACTC,MAAM,EAAE,CAAC;MACV,CAAC;IACF;IAEA,OAAO;MACNC,IAAI,EAAEP,YAAY,CAACO,IAAI;MACvBF,KAAK,EAAEL,YAAY,CAACK,KAAK;MACzBC,MAAM,EAAEN,YAAY,CAACM;IACtB,CAAC;EACF,CAAC,EAAE,CAAEZ,MAAM,EAAEb,MAAM,CAAG,CAAC;AACxB","ignoreList":[]}

package/build/components/page-patterns/delete-category-menu-item.js

@@ -54,8 +54,8 @@ function DeleteCategoryMenuItem({
       invalidateResolution('getEntityRecords', ['postType', _constants.PATTERN_TYPES.user, {
         per_page: -1
       }]);
-      createSuccessNotice((0, _i18n.sprintf)(/* translators: The pattern category's name */
-      (0, _i18n.__)('"%s" deleted.'), category.label), {
+      createSuccessNotice((0, _i18n.sprintf)(/* translators: %s: The pattern category's name */
+      (0, _i18n._x)('"%s" deleted.', 'pattern category'), category.label), {
         type: 'snackbar',
         id: 'pattern-category-delete'
       });
@@ -85,7 +85,7 @@ function DeleteCategoryMenuItem({
       className: "edit-site-patterns__delete-modal",
       title: (0, _i18n.sprintf)(
       // translators: %s: The pattern category's name.
-      (0, _i18n.__)('Delete "%s"?'), (0, _htmlEntities.decodeEntities)(category.label)),
+      (0, _i18n._x)('Delete "%s"?', 'pattern category'), (0, _htmlEntities.decodeEntities)(category.label)),
       size: "medium",
       __experimentalHideHeader: false,
       children: (0, _i18n.sprintf)(