@wordpress/edit-site 6.10.0 → 6.11.0

package/build-module/hooks/commands/use-set-command-context.js

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

package/build-module/hooks/commands/use-set-command-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","privateApis","commandsPrivateApis","store","blockEditorStore","editSiteStore","unlock","useHasEditorCanvasContainer","useCommandContext","useSetCommandContext","hasBlockSelected","canvasMode","select","getCanvasMode","getBlockSelectionStart","hasEditorCanvasContainer","commandContext"],"sources":["@wordpress/edit-site/src/hooks/commands/use-set-command-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as commandsPrivateApis } from '@wordpress/commands';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useHasEditorCanvasContainer } from '../../components/editor-canvas-container';\n\nconst { useCommandContext } = unlock( commandsPrivateApis );\n\n/**\n * React hook used to set the correct command context based on the current state.\n */\nexport default function useSetCommandContext() {\n\tconst { hasBlockSelected, canvasMode } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\tconst { getBlockSelectionStart } = select( blockEditorStore );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\thasBlockSelected: getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\n\tconst hasEditorCanvasContainer = useHasEditorCanvasContainer();\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tif ( hasEditorCanvasContainer ) {\n\t\t/*\n\t\t * The editor canvas overlay will likely be deprecated in the future, so for now we clear the command context\n\t\t * to remove the suggested commands that may not make sense with Style Book or Style Revisions open.\n\t\t * See https://github.com/WordPress/gutenberg/issues/62216.\n\t\t */\n\t\tcommandContext = '';\n\t}\n\tuseCommandContext( commandContext );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,WAAW,IAAIC,mBAAmB,QAAQ,qBAAqB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA,SAASD,KAAK,IAAIE,aAAa,QAAQ,aAAa;AACpD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,2BAA2B,QAAQ,0CAA0C;AAEtF,MAAM;EAAEC;AAAkB,CAAC,GAAGF,MAAM,CAAEJ,mBAAoB,CAAC;;AAE3D;AACA;AACA;AACA,eAAe,SAASO,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGX,SAAS,CAAIY,MAAM,IAAM;IACjE,MAAM;MAAEC;IAAc,CAAC,GAAGP,MAAM,CAAEM,MAAM,CAAEP,aAAc,CAAE,CAAC;IAC3D,MAAM;MAAES;IAAuB,CAAC,GAAGF,MAAM,CAAER,gBAAiB,CAAC;IAC7D,OAAO;MACNO,UAAU,EAAEE,aAAa,CAAC,CAAC;MAC3BH,gBAAgB,EAAEI,sBAAsB,CAAC;IAC1C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,wBAAwB,GAAGR,2BAA2B,CAAC,CAAC;;EAE9D;EACA,IAAIS,cAAc,GAAG,aAAa;EAClC,IAAKL,UAAU,KAAK,MAAM,EAAG;IAC5BK,cAAc,GAAG,aAAa;EAC/B;EACA,IAAKN,gBAAgB,EAAG;IACvBM,cAAc,GAAG,sBAAsB;EACxC;EACA,IAAKD,wBAAwB,EAAG;IAC/B;AACF;AACA;AACA;AACA;IACEC,cAAc,GAAG,EAAE;EACpB;EACAR,iBAAiB,CAAEQ,cAAe,CAAC;AACpC","ignoreList":[]}
+{"version":3,"names":["useSelect","privateApis","commandsPrivateApis","store","blockEditorStore","routerPrivateApis","unlock","useHasEditorCanvasContainer","useCommandContext","useLocation","useSetCommandContext","params","canvas","hasBlockSelected","select","getBlockSelectionStart","hasEditorCanvasContainer","commandContext"],"sources":["@wordpress/edit-site/src/hooks/commands/use-set-command-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as commandsPrivateApis } from '@wordpress/commands';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useHasEditorCanvasContainer } from '../../components/editor-canvas-container';\n\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\n/**\n * React hook used to set the correct command context based on the current state.\n */\nexport default function useSetCommandContext() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst hasBlockSelected = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getBlockSelectionStart();\n\t}, [] );\n\n\tconst hasEditorCanvasContainer = useHasEditorCanvasContainer();\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\tif ( canvas === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tif ( hasEditorCanvasContainer ) {\n\t\t/*\n\t\t * The editor canvas overlay will likely be deprecated in the future, so for now we clear the command context\n\t\t * to remove the suggested commands that may not make sense with Style Book or Style Revisions open.\n\t\t * See https://github.com/WordPress/gutenberg/issues/62216.\n\t\t */\n\t\tcommandContext = '';\n\t}\n\tuseCommandContext( commandContext );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,WAAW,IAAIC,mBAAmB,QAAQ,qBAAqB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASH,WAAW,IAAII,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,2BAA2B,QAAQ,0CAA0C;AAEtF,MAAM;EAAEC;AAAkB,CAAC,GAAGF,MAAM,CAAEJ,mBAAoB,CAAC;AAC3D,MAAM;EAAEO;AAAY,CAAC,GAAGH,MAAM,CAAED,iBAAkB,CAAC;;AAEnD;AACA;AACA;AACA,eAAe,SAASK,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGF,WAAW,CAAC,CAAC;EAChC,MAAM;IAAEG,MAAM,GAAG;EAAO,CAAC,GAAGD,MAAM;EAClC,MAAME,gBAAgB,GAAGb,SAAS,CAAIc,MAAM,IAAM;IACjD,OAAOA,MAAM,CAAEV,gBAAiB,CAAC,CAACW,sBAAsB,CAAC,CAAC;EAC3D,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,wBAAwB,GAAGT,2BAA2B,CAAC,CAAC;;EAE9D;EACA,IAAIU,cAAc,GAAG,aAAa;EAClC,IAAKL,MAAM,KAAK,MAAM,EAAG;IACxBK,cAAc,GAAG,aAAa;EAC/B;EACA,IAAKJ,gBAAgB,EAAG;IACvBI,cAAc,GAAG,sBAAsB;EACxC;EACA,IAAKD,wBAAwB,EAAG;IAC/B;AACF;AACA;AACA;AACA;IACEC,cAAc,GAAG,EAAE;EACpB;EACAT,iBAAiB,CAAES,cAAe,CAAC;AACpC","ignoreList":[]}

package/build-module/store/private-actions.js

@@ -1,61 +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.
  *
@@ -69,4 +11,10 @@ export const setEditorCanvasContainerView = view => ({
     view
   });
 };
+export function registerRoute(route) {
+  return {
+    type: 'REGISTER_ROUTE',
+    route
+  };
+}
 //# sourceMappingURL=private-actions.js.map

package/build-module/store/private-actions.js.map

@@ -1 +1 @@
-{"version":3,"names":["store","blockEditorStore","preferencesStore","editorStore","setCanvasMode","mode","registry","dispatch","isMediumOrBigger","window","matchMedia","matches","switchCanvasMode","batch","clearSelectedBlock","setDeviceType","isPublishSidebarOpened","select","type","isEditMode","closePublishSidebar","get","setIsListViewOpened","setIsInserterOpened","document","startViewTransition","documentElement","classList","add","transition","finished","finally","remove","setEditorCanvasContainerView","view"],"sources":["@wordpress/edit-site/src/store/private-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch } ) => {\n\t\tconst isMediumOrBigger =\n\t\t\twindow.matchMedia( '(min-width: 782px)' ).matches;\n\t\tconst switchCanvasMode = () => {\n\t\t\tregistry.batch( () => {\n\t\t\t\tregistry.dispatch( blockEditorStore ).clearSelectedBlock();\n\t\t\t\tregistry.dispatch( editorStore ).setDeviceType( 'Desktop' );\n\t\t\t\tconst isPublishSidebarOpened = registry\n\t\t\t\t\t.select( editorStore )\n\t\t\t\t\t.isPublishSidebarOpened();\n\t\t\t\tdispatch( {\n\t\t\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\t\t\tmode,\n\t\t\t\t} );\n\t\t\t\tconst isEditMode = mode === 'edit';\n\t\t\t\tif ( isPublishSidebarOpened && ! isEditMode ) {\n\t\t\t\t\tregistry.dispatch( editorStore ).closePublishSidebar();\n\t\t\t\t}\n\n\t\t\t\t// Check if the block list view should be open by default.\n\t\t\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\t\t\t// This behavior is disabled for small viewports.\n\t\t\t\tif (\n\t\t\t\t\tisMediumOrBigger &&\n\t\t\t\t\tisEditMode &&\n\t\t\t\t\tregistry\n\t\t\t\t\t\t.select( preferencesStore )\n\t\t\t\t\t\t.get( 'core', 'showListViewByDefault' ) &&\n\t\t\t\t\t! registry\n\t\t\t\t\t\t.select( preferencesStore )\n\t\t\t\t\t\t.get( 'core', 'distractionFree' )\n\t\t\t\t) {\n\t\t\t\t\tregistry\n\t\t\t\t\t\t.dispatch( editorStore )\n\t\t\t\t\t\t.setIsListViewOpened( true );\n\t\t\t\t} else {\n\t\t\t\t\tregistry\n\t\t\t\t\t\t.dispatch( editorStore )\n\t\t\t\t\t\t.setIsListViewOpened( false );\n\t\t\t\t}\n\t\t\t\tregistry.dispatch( editorStore ).setIsInserterOpened( false );\n\t\t\t} );\n\t\t};\n\n\t\t/*\n\t\t * Skip transition in mobile, otherwise it crashes the browser.\n\t\t * See: https://github.com/WordPress/gutenberg/pull/63002.\n\t\t */\n\t\tif ( ! isMediumOrBigger || ! document.startViewTransition ) {\n\t\t\tswitchCanvasMode();\n\t\t} else {\n\t\t\tdocument.documentElement.classList.add(\n\t\t\t\t`canvas-mode-${ mode }-transition`\n\t\t\t);\n\t\t\tconst transition = document.startViewTransition( () =>\n\t\t\t\tswitchCanvasMode()\n\t\t\t);\n\t\t\ttransition.finished.finally( () => {\n\t\t\t\tdocument.documentElement.classList.remove(\n\t\t\t\t\t`canvas-mode-${ mode }-transition`\n\t\t\t\t);\n\t\t\t} );\n\t\t}\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,wBAAwB;AAClE,SAASF,KAAK,IAAIG,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GACvBC,IAAI,IACN,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAM;EAC7B,MAAMC,gBAAgB,GACrBC,MAAM,CAACC,UAAU,CAAE,oBAAqB,CAAC,CAACC,OAAO;EAClD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC9BN,QAAQ,CAACO,KAAK,CAAE,MAAM;MACrBP,QAAQ,CAACC,QAAQ,CAAEN,gBAAiB,CAAC,CAACa,kBAAkB,CAAC,CAAC;MAC1DR,QAAQ,CAACC,QAAQ,CAAEJ,WAAY,CAAC,CAACY,aAAa,CAAE,SAAU,CAAC;MAC3D,MAAMC,sBAAsB,GAAGV,QAAQ,CACrCW,MAAM,CAAEd,WAAY,CAAC,CACrBa,sBAAsB,CAAC,CAAC;MAC1BT,QAAQ,CAAE;QACTW,IAAI,EAAE,iBAAiB;QACvBb;MACD,CAAE,CAAC;MACH,MAAMc,UAAU,GAAGd,IAAI,KAAK,MAAM;MAClC,IAAKW,sBAAsB,IAAI,CAAEG,UAAU,EAAG;QAC7Cb,QAAQ,CAACC,QAAQ,CAAEJ,WAAY,CAAC,CAACiB,mBAAmB,CAAC,CAAC;MACvD;;MAEA;MACA;MACA;MACA,IACCZ,gBAAgB,IAChBW,UAAU,IACVb,QAAQ,CACNW,MAAM,CAAEf,gBAAiB,CAAC,CAC1BmB,GAAG,CAAE,MAAM,EAAE,uBAAwB,CAAC,IACxC,CAAEf,QAAQ,CACRW,MAAM,CAAEf,gBAAiB,CAAC,CAC1BmB,GAAG,CAAE,MAAM,EAAE,iBAAkB,CAAC,EACjC;QACDf,QAAQ,CACNC,QAAQ,CAAEJ,WAAY,CAAC,CACvBmB,mBAAmB,CAAE,IAAK,CAAC;MAC9B,CAAC,MAAM;QACNhB,QAAQ,CACNC,QAAQ,CAAEJ,WAAY,CAAC,CACvBmB,mBAAmB,CAAE,KAAM,CAAC;MAC/B;MACAhB,QAAQ,CAACC,QAAQ,CAAEJ,WAAY,CAAC,CAACoB,mBAAmB,CAAE,KAAM,CAAC;IAC9D,CAAE,CAAC;EACJ,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAK,CAAEf,gBAAgB,IAAI,CAAEgB,QAAQ,CAACC,mBAAmB,EAAG;IAC3Db,gBAAgB,CAAC,CAAC;EACnB,CAAC,MAAM;IACNY,QAAQ,CAACE,eAAe,CAACC,SAAS,CAACC,GAAG,CACrC,eAAgBvB,IAAI,aACrB,CAAC;IACD,MAAMwB,UAAU,GAAGL,QAAQ,CAACC,mBAAmB,CAAE,MAChDb,gBAAgB,CAAC,CAClB,CAAC;IACDiB,UAAU,CAACC,QAAQ,CAACC,OAAO,CAAE,MAAM;MAClCP,QAAQ,CAACE,eAAe,CAACC,SAAS,CAACK,MAAM,CACxC,eAAgB3B,IAAI,aACrB,CAAC;IACF,CAAE,CAAC;EACJ;AACD,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM4B,4BAA4B,GACtCC,IAAI,IACN,CAAE;EAAE3B;AAAS,CAAC,KAAM;EACnBA,QAAQ,CAAE;IACTW,IAAI,EAAE,kCAAkC;IACxCgB;EACD,CAAE,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["setEditorCanvasContainerView","view","dispatch","type","registerRoute","route"],"sources":["@wordpress/edit-site/src/store/private-actions.js"],"sourcesContent":["/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n\nexport function registerRoute( route ) {\n\treturn {\n\t\ttype: 'REGISTER_ROUTE',\n\t\troute,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,4BAA4B,GACtCC,IAAI,IACN,CAAE;EAAEC;AAAS,CAAC,KAAM;EACnBA,QAAQ,CAAE;IACTC,IAAI,EAAE,kCAAkC;IACxCF;EACD,CAAE,CAAC;AACJ,CAAC;AAEF,OAAO,SAASG,aAAaA,CAAEC,KAAK,EAAG;EACtC,OAAO;IACNF,IAAI,EAAE,gBAAgB;IACtBE;EACD,CAAC;AACF","ignoreList":[]}

package/build-module/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,4 +8,7 @@ export function getCanvasMode(state) {
 export function getEditorCanvasContainerView(state) {
   return state.editorCanvasContainerView;
 }
+export function getRoutes(state) {
+  return state.routes;
+}
 //# sourceMappingURL=private-selectors.js.map

package/build-module/store/private-selectors.js.map

@@ -1 +1 @@
-{"version":3,"names":["getCanvasMode","state","canvasMode","getEditorCanvasContainerView","editorCanvasContainerView"],"sources":["@wordpress/edit-site/src/store/private-selectors.js"],"sourcesContent":["/**\n * Returns the current canvas mode.\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Canvas mode.\n */\nexport function getCanvasMode( state ) {\n\treturn state.canvasMode;\n}\n\n/**\n * Returns the editor canvas container view.\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Editor canvas container view.\n */\nexport function getEditorCanvasContainerView( state ) {\n\treturn state.editorCanvasContainerView;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,aAAaA,CAAEC,KAAK,EAAG;EACtC,OAAOA,KAAK,CAACC,UAAU;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAAEF,KAAK,EAAG;EACrD,OAAOA,KAAK,CAACG,yBAAyB;AACvC","ignoreList":[]}
+{"version":3,"names":["getEditorCanvasContainerView","state","editorCanvasContainerView","getRoutes","routes"],"sources":["@wordpress/edit-site/src/store/private-selectors.js"],"sourcesContent":["/**\n * Returns the editor canvas container view.\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Editor canvas container view.\n */\nexport function getEditorCanvasContainerView( state ) {\n\treturn state.editorCanvasContainerView;\n}\n\nexport function getRoutes( state ) {\n\treturn state.routes;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,4BAA4BA,CAAEC,KAAK,EAAG;EACrD,OAAOA,KAAK,CAACC,yBAAyB;AACvC;AAEA,OAAO,SAASC,SAASA,CAAEF,KAAK,EAAG;EAClC,OAAOA,KAAK,CAACG,MAAM;AACpB","ignoreList":[]}

package/build-module/store/reducer.js

@@ -58,22 +58,6 @@ 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;
 }
@@ -93,11 +77,18 @@ 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
+  editorCanvasContainerView,
+  routes
 });
 //# sourceMappingURL=reducer.js.map

package/build-module/store/reducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["combineReducers","settings","state","action","type","editedPost","postType","id","context","saveViewPanel","isOpen","canvasMode","mode","editorCanvasContainerView","undefined","view"],"sources":["@wordpress/edit-site/src/store/reducer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer returning the settings.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function settings( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'UPDATE_SETTINGS':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t...action.settings,\n\t\t\t};\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer keeping track of the currently edited Post Type,\n * Post Id and the context provided to fill the content of the block editor.\n *\n * @param {Object} state  Current edited post.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function editedPost( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_EDITED_POST':\n\t\t\treturn {\n\t\t\t\tpostType: action.postType,\n\t\t\t\tid: action.id,\n\t\t\t\tcontext: action.context,\n\t\t\t};\n\t\tcase 'SET_EDITED_POST_CONTEXT':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcontext: action.context,\n\t\t\t};\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer to set the save view panel open or closed.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n */\nexport function saveViewPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_SAVE_VIEW_OPENED':\n\t\t\treturn action.isOpen;\n\t\tcase 'SET_CANVAS_MODE':\n\t\t\treturn false;\n\t}\n\treturn state;\n}\n\n/**\n * Reducer used to track the site editor canvas mode (edit or view).\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n */\nfunction canvasMode( state = 'init', action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_CANVAS_MODE':\n\t\t\treturn action.mode;\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer used to track the site editor canvas container view.\n * Default is `undefined`, denoting the default, visual block editor.\n * This could be, for example, `'style-book'` (the style book).\n *\n * @param {string|undefined} state  Current state.\n * @param {Object}           action Dispatched action.\n */\nfunction editorCanvasContainerView( state = undefined, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_EDITOR_CANVAS_CONTAINER_VIEW':\n\t\t\treturn action.view;\n\t}\n\n\treturn state;\n}\n\nexport default combineReducers( {\n\tsettings,\n\teditedPost,\n\tsaveViewPanel,\n\tcanvasMode,\n\teditorCanvasContainerView,\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,iBAAiB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAC9C,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,iBAAiB;MACrB,OAAO;QACN,GAAGF,KAAK;QACR,GAAGC,MAAM,CAACF;MACX,CAAC;EACH;EAEA,OAAOC,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,UAAUA,CAAEH,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAChD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,iBAAiB;MACrB,OAAO;QACNE,QAAQ,EAAEH,MAAM,CAACG,QAAQ;QACzBC,EAAE,EAAEJ,MAAM,CAACI,EAAE;QACbC,OAAO,EAAEL,MAAM,CAACK;MACjB,CAAC;IACF,KAAK,yBAAyB;MAC7B,OAAO;QACN,GAAGN,KAAK;QACRM,OAAO,EAAEL,MAAM,CAACK;MACjB,CAAC;EACH;EAEA,OAAON,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,aAAaA,CAAEP,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EACtD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,yBAAyB;MAC7B,OAAOD,MAAM,CAACO,MAAM;IACrB,KAAK,iBAAiB;MACrB,OAAO,KAAK;EACd;EACA,OAAOR,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASS,UAAUA,CAAET,KAAK,GAAG,MAAM,EAAEC,MAAM,EAAG;EAC7C,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,iBAAiB;MACrB,OAAOD,MAAM,CAACS,IAAI;EACpB;EAEA,OAAOV,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASW,yBAAyBA,CAAEX,KAAK,GAAGY,SAAS,EAAEX,MAAM,EAAG;EAC/D,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,kCAAkC;MACtC,OAAOD,MAAM,CAACY,IAAI;EACpB;EAEA,OAAOb,KAAK;AACb;AAEA,eAAeF,eAAe,CAAE;EAC/BC,QAAQ;EACRI,UAAU;EACVI,aAAa;EACbE,UAAU;EACVE;AACD,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["combineReducers","settings","state","action","type","editedPost","postType","id","context","saveViewPanel","isOpen","editorCanvasContainerView","undefined","view","routes","route"],"sources":["@wordpress/edit-site/src/store/reducer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer returning the settings.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function settings( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'UPDATE_SETTINGS':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t...action.settings,\n\t\t\t};\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer keeping track of the currently edited Post Type,\n * Post Id and the context provided to fill the content of the block editor.\n *\n * @param {Object} state  Current edited post.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nexport function editedPost( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_EDITED_POST':\n\t\t\treturn {\n\t\t\t\tpostType: action.postType,\n\t\t\t\tid: action.id,\n\t\t\t\tcontext: action.context,\n\t\t\t};\n\t\tcase 'SET_EDITED_POST_CONTEXT':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcontext: action.context,\n\t\t\t};\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer to set the save view panel open or closed.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n */\nexport function saveViewPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_SAVE_VIEW_OPENED':\n\t\t\treturn action.isOpen;\n\t}\n\treturn state;\n}\n\n/**\n * Reducer used to track the site editor canvas container view.\n * Default is `undefined`, denoting the default, visual block editor.\n * This could be, for example, `'style-book'` (the style book).\n *\n * @param {string|undefined} state  Current state.\n * @param {Object}           action Dispatched action.\n */\nfunction editorCanvasContainerView( state = undefined, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_EDITOR_CANVAS_CONTAINER_VIEW':\n\t\t\treturn action.view;\n\t}\n\n\treturn state;\n}\n\nfunction routes( state = [], action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_ROUTE':\n\t\t\treturn [ ...state, action.route ];\n\t}\n\n\treturn state;\n}\n\nexport default combineReducers( {\n\tsettings,\n\teditedPost,\n\tsaveViewPanel,\n\teditorCanvasContainerView,\n\troutes,\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,iBAAiB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAC9C,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,iBAAiB;MACrB,OAAO;QACN,GAAGF,KAAK;QACR,GAAGC,MAAM,CAACF;MACX,CAAC;EACH;EAEA,OAAOC,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,UAAUA,CAAEH,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAChD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,iBAAiB;MACrB,OAAO;QACNE,QAAQ,EAAEH,MAAM,CAACG,QAAQ;QACzBC,EAAE,EAAEJ,MAAM,CAACI,EAAE;QACbC,OAAO,EAAEL,MAAM,CAACK;MACjB,CAAC;IACF,KAAK,yBAAyB;MAC7B,OAAO;QACN,GAAGN,KAAK;QACRM,OAAO,EAAEL,MAAM,CAACK;MACjB,CAAC;EACH;EAEA,OAAON,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,aAAaA,CAAEP,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EACtD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,yBAAyB;MAC7B,OAAOD,MAAM,CAACO,MAAM;EACtB;EACA,OAAOR,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASS,yBAAyBA,CAAET,KAAK,GAAGU,SAAS,EAAET,MAAM,EAAG;EAC/D,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,kCAAkC;MACtC,OAAOD,MAAM,CAACU,IAAI;EACpB;EAEA,OAAOX,KAAK;AACb;AAEA,SAASY,MAAMA,CAAEZ,KAAK,GAAG,EAAE,EAAEC,MAAM,EAAG;EACrC,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,gBAAgB;MACpB,OAAO,CAAE,GAAGF,KAAK,EAAEC,MAAM,CAACY,KAAK,CAAE;EACnC;EAEA,OAAOb,KAAK;AACb;AAEA,eAAeF,eAAe,CAAE;EAC/BC,QAAQ;EACRI,UAAU;EACVI,aAAa;EACbE,yBAAyB;EACzBG;AACD,CAAE,CAAC","ignoreList":[]}

package/build-style/posts-rtl.css

@@ -848,7 +848,7 @@ ul.dataviews-view-list {
 .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
   flex-basis: min-content;
   overflow: unset;
-  margin-inline: 8px 0;
+  padding-inline-end: 4px;
 }
 .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
   opacity: 1;
@@ -938,11 +938,6 @@ ul.dataviews-view-list {
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
 }
-.dataviews-view-list .dataviews-view-list__media-placeholder {
-  width: 52px;
-  height: 52px;
-  background-color: #e0e0e0;
-}
 .dataviews-view-list .dataviews-view-list__field-wrapper {
   min-height: 52px;
   flex-grow: 1;
@@ -1377,8 +1372,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
   display: flex;
-  height: 64px;
-  width: 64px;
+  height: 60px;
+  width: 60px;
   justify-content: center;
   align-items: center;
 }
@@ -1528,7 +1523,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _1afg1_slide-from-right {
+@keyframes _jwg6r_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1538,7 +1533,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _1afg1_slide-from-left {
+@keyframes _jwg6r_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1594,10 +1589,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _1afg1_slide-from-left;
+  animation-name: _jwg6r_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _1afg1_slide-from-right;
+  animation-name: _jwg6r_slide-from-right;
 }
 
 .edit-site-site-hub {
@@ -1606,6 +1601,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   justify-content: space-between;
   gap: 8px;
   margin-left: 12px;
+  height: 56px;
 }
 
 .edit-site-site-hub__actions {
@@ -1629,6 +1625,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   font-weight: 500;
   overflow: hidden;
   padding-left: 16px;
+  margin-right: -4px;
   position: relative;
   text-decoration: none;
   text-overflow: ellipsis;
@@ -1785,7 +1782,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-post-list__title-badge {
   background: #f0f0f0;
-  color: #757575;
+  color: #2f2f2f;
   padding: 0 4px;
   border-radius: 2px;
   font-size: 12px;

package/build-style/posts.css

@@ -848,7 +848,7 @@ ul.dataviews-view-list {
 .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
   flex-basis: min-content;
   overflow: unset;
-  margin-inline: 8px 0;
+  padding-inline-end: 4px;
 }
 .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
   opacity: 1;
@@ -938,11 +938,6 @@ ul.dataviews-view-list {
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
 }
-.dataviews-view-list .dataviews-view-list__media-placeholder {
-  width: 52px;
-  height: 52px;
-  background-color: #e0e0e0;
-}
 .dataviews-view-list .dataviews-view-list__field-wrapper {
   min-height: 52px;
   flex-grow: 1;
@@ -1377,8 +1372,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
   display: flex;
-  height: 64px;
-  width: 64px;
+  height: 60px;
+  width: 60px;
   justify-content: center;
   align-items: center;
 }
@@ -1528,7 +1523,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _1afg1_slide-from-right {
+@keyframes _jwg6r_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1538,7 +1533,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _1afg1_slide-from-left {
+@keyframes _jwg6r_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1594,10 +1589,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _1afg1_slide-from-left;
+  animation-name: _jwg6r_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _1afg1_slide-from-right;
+  animation-name: _jwg6r_slide-from-right;
 }
 
 .edit-site-site-hub {
@@ -1606,6 +1601,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   justify-content: space-between;
   gap: 8px;
   margin-right: 12px;
+  height: 56px;
 }
 
 .edit-site-site-hub__actions {
@@ -1629,6 +1625,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   font-weight: 500;
   overflow: hidden;
   padding-right: 16px;
+  margin-left: -4px;
   position: relative;
   text-decoration: none;
   text-overflow: ellipsis;
@@ -1785,7 +1782,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-post-list__title-badge {
   background: #f0f0f0;
-  color: #757575;
+  color: #2f2f2f;
   padding: 0 4px;
   border-radius: 2px;
   font-size: 12px;