npm - @wordpress/edit-site - Versions diffs - 6.2.0 → 6.3.0 - Mend

@wordpress/edit-site 6.2.0 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (245) hide show

package/build-module/components/global-styles-sidebar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["FlexItem","FlexBlock","Flex","Button","__experimentalUseNavigator","useNavigator","__","styles","seen","backup","useSelect","useDispatch","useEffect","store","preferencesStore","editorStore","privateApis","editorPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","setIsListViewOpened","goTo","toggleRevisions","toggleStyleBook","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","style","minWidth","label","isPressed","__experimentalIsFocusable","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["FlexItem","FlexBlock","Flex","Button","__experimentalUseNavigator","useNavigator","__","styles","seen","backup","useSelect","useDispatch","useEffect","store","preferencesStore","editorStore","privateApis","editorPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","setIsListViewOpened","goTo","toggleRevisions","toggleStyleBook","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","style","minWidth","label","isPressed","accessibleWhenDisabled","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,MAAM,EACNC,0BAA0B,IAAIC,YAAY,QACpC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AACvD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAClE,SACCD,KAAK,IAAIE,WAAW,EACpBC,WAAW,IAAIC,iBAAiB,QAC1B,mBAAmB;;AAE1B;AACA;AACA;AACA,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASL,KAAK,IAAIM,aAAa,QAAQ,aAAa;AACpD,SAASC,oBAAoB,QAAQ,qBAAqB;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASR,KAAK,IAAIS,SAAS,QAAQ,sBAAsB;AACzD,OAAOC,cAAc,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/C,MAAM;EAAEC;AAAe,CAAC,GAAGP,MAAM,CAAEJ,iBAAkB,CAAC;AAEtD,eAAe,SAASY,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IACLC,8BAA8B;IAC9BC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZC,iBAAiB;IACjBC;EACD,CAAC,GAAGzB,SAAS,CAAI0B,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAA2B,CAAC,GAAGD,MAAM,CAAER,cAAe,CAAC;IAC/D,MAAM;MAAEU,4BAA4B;MAAEC;IAAc,CAAC,GAAGlB,MAAM,CAC7De,MAAM,CAAEjB,aAAc,CACvB,CAAC;IACD,MAAMqB,mBAAmB,GAAGF,4BAA4B,CAAC,CAAC;IAC1D,MAAMG,mBAAmB,GACxB,QAAQ,KAAKL,MAAM,CAAErB,WAAY,CAAC,CAAC2B,aAAa,CAAC,CAAC;IACnD,MAAMC,iBAAiB,GAAG,MAAM,KAAKJ,aAAa,CAAC,CAAC;IACpD,MAAMK,sBAAsB,GAAGR,MAAM,CAAEtB,gBAAiB,CAAC,CAAC+B,GAAG,CAC5D,MAAM,EACN,uBACD,CAAC;IACD,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEX,MAAM,CAAEd,SAAU,CAAC;IAEpB,MAAM0B,cAAc,GAAGD,sCAAsC,CAAC,CAAC;IAC/D,MAAME,YAAY,GAAGD,cAAc,GAChCF,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEE,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNnB,iBAAiB,EAAE,YAAY,KAAKS,mBAAmB;MACvDV,8BAA8B,EAC7B,yBAAyB,KACxBO,0BAA0B,CAAE,MAAO,CAAC,IACrC,CAAEI,mBAAmB,IACrB,CAAEE,iBAAiB;MACpBX,qBAAqB,EAAEY,sBAAsB;MAC7CX,YAAY,EACX,CAAC,CAAEgB,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEC,KAAK;MAC7DjB,0BAA0B,EACzB,oCAAoC,KAAKK,mBAAmB;MAC7DN,iBAAiB,EAChB,yBAAyB,KAAKM;IAChC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEa;EAA6B,CAAC,GAAGhC,MAAM,CAC9CV,WAAW,CAAEQ,aAAc,CAC5B,CAAC;EAEDP,SAAS,CAAE,MAAM;IAChB,IAAKkB,8BAA8B,EAAG;MACrCuB,4BAA4B,CAAEH,SAAU,CAAC;IAC1C;EACD,CAAC,EAAE,CAAEpB,8BAA8B,CAAG,CAAC;EAEvC,MAAM;IAAEwB;EAAoB,CAAC,GAAG3C,WAAW,CAAEI,WAAY,CAAC;EAC1D,MAAM;IAAEwC;EAAK,CAAC,GAAGlD,YAAY,CAAC,CAAC;EAE/B,MAAMmD,eAAe,GAAGA,CAAA,KAAM;IAC7BF,mBAAmB,CAAE,KAAM,CAAC;IAC5B,IAAKnB,0BAA0B,EAAG;MACjCoB,IAAI,CAAE,GAAI,CAAC;MACXF,4BAA4B,CAAE,YAAa,CAAC;MAC5C;IACD;IACA,IAAKnB,iBAAiB,EAAG;MACxBqB,IAAI,CAAE,GAAI,CAAC;MACXF,4BAA4B,CAAEH,SAAU,CAAC;MACzC;IACD;IACAK,IAAI,CAAE,YAAa,CAAC;IAEpB,IAAKxB,iBAAiB,EAAG;MACxBsB,4BAA4B,CAC3B,oCACD,CAAC;IACF,CAAC,MAAM;MACNA,4BAA4B,CAAE,yBAA0B,CAAC;IAC1D;EACD,CAAC;EACD,MAAMI,eAAe,GAAGA,CAAA,KAAM;IAC7B,IAAKvB,iBAAiB,EAAG;MACxBmB,4BAA4B,CAC3B,oCACD,CAAC;MACD;IACD;IACA,IAAKlB,0BAA0B,EAAG;MACjCkB,4BAA4B,CAAE,yBAA0B,CAAC;MACzD;IACD;IACAC,mBAAmB,CAAEvB,iBAAiB,IAAIC,qBAAsB,CAAC;IACjEqB,4BAA4B,CAC3BtB,iBAAiB,GAAGmB,SAAS,GAAG,YACjC,CAAC;EACF,CAAC;EAED,oBACCzB,IAAA,CAACF,cAAc;IACdmC,SAAS,EAAC,iCAAiC;IAC3CC,UAAU,EAAC,yBAAyB;IACpCC,KAAK,EAAGtD,EAAE,CAAE,QAAS,CAAG;IACxBuD,IAAI,EAAGtD,MAAQ;IACfuD,UAAU,EAAGxD,EAAE,CAAE,cAAe,CAAG;IACnCyD,cAAc,EAAC,wCAAwC;IACvDC,MAAM,eACLrC,KAAA,CAACzB,IAAI;MACJwD,SAAS,EAAC,yCAAyC;MACnDO,GAAG,EAAG,CAAG;MAAAC,QAAA,gBAETzC,IAAA,CAACxB,SAAS;QAACkE,KAAK,EAAG;UAAEC,QAAQ,EAAE;QAAc,CAAG;QAAAF,QAAA,eAC/CzC,IAAA;UAAIiC,SAAS,EAAC,+CAA+C;UAAAQ,QAAA,EAC1D5D,EAAE,CAAE,QAAS;QAAC,CACb;MAAC,CACK,CAAC,eACZmB,IAAA,CAACzB,QAAQ;QAAAkE,QAAA,eACRzC,IAAA,CAACtB,MAAM;UACN0D,IAAI,EAAGrD,IAAM;UACb6D,KAAK,EAAG/D,EAAE,CAAE,YAAa,CAAG;UAC5BgE,SAAS,EACRvC,iBAAiB,IAAII,0BACrB;UACDoC,sBAAsB;UACtBC,QAAQ,EAAG1C,8BAAgC;UAC3C2C,OAAO,EAAGhB,eAAiB;UAC3BiB,IAAI,EAAC;QAAS,CACd;MAAC,CACO,CAAC,eACXjD,IAAA,CAACzB,QAAQ;QAAAkE,QAAA,eACRzC,IAAA,CAACtB,MAAM;UACNkE,KAAK,EAAG/D,EAAE,CAAE,WAAY,CAAG;UAC3BuD,IAAI,EAAGpD,MAAQ;UACfgE,OAAO,EAAGjB,eAAiB;UAC3Be,sBAAsB;UACtBC,QAAQ,EAAG,CAAEvC,YAAc;UAC3BqC,SAAS,EACRpC,iBAAiB,IAAIC,0BACrB;UACDuC,IAAI,EAAC;QAAS,CACd;MAAC,CACO,CAAC,eACXjD,IAAA,CAACL,oBAAoB,IAAE,CAAC;IAAA,CACnB,CACN;IAAA8C,QAAA,eAEDzC,IAAA,CAACP,cAAc,IAAE;EAAC,CACH,CAAC;AAEnB","ignoreList":[]}

package/build-module/components/layout/index.js CHANGED Viewed

@@ -22,16 +22,16 @@ import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands
  */
 import ErrorBoundary from '../error-boundary';
 import { store as editSiteStore } from '../../store';
-import SiteHub from '../site-hub';
+import { default as SiteHub, SiteHubMobile } from '../site-hub';
 import ResizableFrame from '../resizable-frame';
 import { unlock } from '../../lock-unlock';
-import SavePanel from '../save-panel';
 import KeyboardShortcutsRegister from '../keyboard-shortcuts/register';
 import KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';
 import { useIsSiteEditorLoading } from './hooks';
 import useMovingAnimation from './animation';
 import SidebarContent from '../sidebar';
 import SaveHub from '../save-hub';
+import SavePanel from '../save-panel';
 import useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -105,13 +105,13 @@ export default function Layout({
     return null;
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(CommandMenu, {}), /*#__PURE__*/_jsx(KeyboardShortcutsRegister, {}), /*#__PURE__*/_jsx(KeyboardShortcutsGlobal, {}), fullResizer, /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(CommandMenu, {}), /*#__PURE__*/_jsx(KeyboardShortcutsRegister, {}), /*#__PURE__*/_jsx(KeyboardShortcutsGlobal, {}), fullResizer, /*#__PURE__*/_jsx("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: clsx('edit-site-layout', navigateRegionsProps.className, {
         'is-full-canvas': canvasMode === 'edit'
       }),
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         className: "edit-site-layout__content",
         children: [(!isMobileViewport || !areas.mobile) && /*#__PURE__*/_jsx(NavigableRegion, {
           ariaLabel: __('Navigation'),
@@ -141,12 +141,18 @@ export default function Layout({
               }), /*#__PURE__*/_jsx(SidebarContent, {
                 routeKey: routeKey,
                 children: areas.sidebar
-              }), /*#__PURE__*/_jsx(SaveHub, {})]
+              }), /*#__PURE__*/_jsx(SaveHub, {}), /*#__PURE__*/_jsx(SavePanel, {})]
             })
           })
-        }), /*#__PURE__*/_jsx(EditorSnackbars, {}), isMobileViewport && areas.mobile && /*#__PURE__*/_jsx("div", {
+        }), /*#__PURE__*/_jsx(EditorSnackbars, {}), isMobileViewport && areas.mobile && /*#__PURE__*/_jsxs("div", {
           className: "edit-site-layout__mobile",
-          children: areas.mobile
+          children: [canvasMode !== 'edit' && /*#__PURE__*/_jsx(SidebarContent, {
+            routeKey: routeKey,
+            children: /*#__PURE__*/_jsx(SiteHubMobile, {
+              ref: toggleRef,
+              isTransparent: isResizableFrameOversized
+            })
+          }), areas.mobile]
         }), !isMobileViewport && areas.content && canvasMode !== 'edit' && /*#__PURE__*/_jsx("div", {
           className: "edit-site-layout__area",
           style: {
@@ -178,7 +184,7 @@ export default function Layout({
             })
           })]
         })]
-      }), /*#__PURE__*/_jsx(SavePanel, {})]
+      })
     })]
   });
 }

package/build-module/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","useState","useRef","useEffect","store","keyboardShortcutsStore","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","editorPrivateApis","coreCommandsPrivateApis","ErrorBoundary","editSiteStore","SiteHub","ResizableFrame","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SaveHub","useSyncCanvasModeWithURL","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","ANIMATION_DURATION","Layout","route","isMobileViewport","toggleRef","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","key","routeKey","areas","widths","animationRef","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","content","style","maxWidth","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 { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\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 SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\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 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, previousShortcut, nextShortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\t\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/previous-region'\n\t\t\t\t),\n\t\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/next-region'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = 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{ fullResizer }\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</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{ 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.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\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","useState","useRef","useEffect","store","keyboardShortcutsStore","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","editorPrivateApis","coreCommandsPrivateApis","ErrorBoundary","editSiteStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SaveHub","SavePanel","useSyncCanvasModeWithURL","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","ANIMATION_DURATION","Layout","route","isMobileViewport","toggleRef","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","key","routeKey","areas","widths","animationRef","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","content","style","maxWidth","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 { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\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, previousShortcut, nextShortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\t\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/previous-region'\n\t\t\t\t),\n\t\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/next-region'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = 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{ fullResizer }\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.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":[]}

package/build-module/components/layout/router.js CHANGED Viewed

@@ -8,9 +8,8 @@ import { useEffect } from '@wordpress/element';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import { useIsSiteEditorLoading } from './hooks';
 import Editor from '../editor';
-import PagePages from '../page-pages';
+import PostsList from '../posts-app/posts-list';
 import PagePatterns from '../page-patterns';
 import PageTemplates from '../page-templates';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
@@ -71,7 +70,6 @@ function useRedirectOldPaths() {
   }, [history, params]);
 }
 export default function useLayoutAreas() {
-  const isSiteEditorLoading = useIsSiteEditorLoading();
   const {
     params
   } = useLocation();
@@ -83,6 +81,7 @@ export default function useLayoutAreas() {
     isCustom,
     canvas
   } = params;
+  const hasEditCanvasMode = canvas === 'edit';
   useRedirectOldPaths();
   // Page list
@@ -96,13 +95,13 @@ export default function useLayoutAreas() {
           backPath: {},
           content: /*#__PURE__*/_jsx(DataViewsSidebarContent, {})
         }),
-        content: /*#__PURE__*/_jsx(PagePages, {}),
-        preview: (isListLayout || canvas === 'edit') && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
+        content: /*#__PURE__*/_jsx(PostsList, {
+          postType: postType
         }),
-        mobile: canvas === 'edit' ? /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }) : /*#__PURE__*/_jsx(PagePages, {})
+        preview: (isListLayout || hasEditCanvasMode) && /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PostsList, {
+          postType: postType
+        })
       },
       widths: {
         content: isListLayout ? 380 : undefined
@@ -120,10 +119,8 @@ export default function useLayoutAreas() {
           backPath: {}
         }),
         content: /*#__PURE__*/_jsx(PageTemplates, {}),
-        preview: (isListLayout || canvas === 'edit') && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: /*#__PURE__*/_jsx(PageTemplates, {})
+        preview: (isListLayout || hasEditCanvasMode) && /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PageTemplates, {})
       },
       widths: {
         content: isListLayout ? 380 : undefined
@@ -140,10 +137,8 @@ export default function useLayoutAreas() {
           backPath: {}
         }),
         content: /*#__PURE__*/_jsx(PagePatterns, {}),
-        mobile: /*#__PURE__*/_jsx(PagePatterns, {}),
-        preview: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PagePatterns, {}),
+        preview: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -156,12 +151,8 @@ export default function useLayoutAreas() {
         sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStyles, {
           backPath: {}
         }),
-        preview: /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        preview: /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -177,12 +168,8 @@ export default function useLayoutAreas() {
               postType: NAVIGATION_POST_TYPE
             }
           }),
-          preview: /*#__PURE__*/_jsx(Editor, {
-            isLoading: isSiteEditorLoading
-          }),
-          mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-            isLoading: isSiteEditorLoading
-          })
+          preview: /*#__PURE__*/_jsx(Editor, {}),
+          mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
         }
       };
     }
@@ -192,12 +179,8 @@ export default function useLayoutAreas() {
         sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenNavigationMenus, {
           backPath: {}
         }),
-        preview: /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        preview: /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -207,12 +190,8 @@ export default function useLayoutAreas() {
     key: 'default',
     areas: {
       sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenMain, {}),
-      preview: /*#__PURE__*/_jsx(Editor, {
-        isLoading: isSiteEditorLoading
-      }),
-      mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-        isLoading: isSiteEditorLoading
-      })
+      preview: /*#__PURE__*/_jsx(Editor, {}),
+      mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
     }
   };
 }

package/build-module/components/layout/router.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["privateApis","routerPrivateApis","__","useEffect","unlock","useIsSiteEditorLoading","Editor","PagePages","PagePatterns","PageTemplates","SidebarNavigationScreen","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenMain","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenTemplatesBrowse","SidebarNavigationScreenPatterns","SidebarNavigationScreenNavigationMenu","DataViewsSidebarContent","NAVIGATION_POST_TYPE","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","jsx","_jsx","useLocation","useHistory","useRedirectOldPaths","history","params","postType","path","categoryType","rest","replace","user","useLayoutAreas","isSiteEditorLoading","postId","layout","isCustom","canvas","isListLayout","key","areas","sidebar","title","backPath","content","preview","isLoading","mobile","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 { useIsSiteEditorLoading } from './hooks';\nimport Editor from '../editor';\nimport PagePages from '../page-pages';\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';\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 isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params;\n\tuseRedirectOldPaths();\n\n\t// Page list\n\tif ( postType === 'page' ) {\n\t\tconst isListLayout = layout === 'list' \|\| ! layout;\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: <PagePages />,\n\t\t\t\tpreview: ( isListLayout \|\| canvas === 'edit' ) && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<PagePages />\n\t\t\t\t\t),\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// 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 \|\| canvas === 'edit' ) && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: <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: <PagePatterns />,\n\t\t\t\tpreview: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\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 isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\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 isLoading={ isSiteEditorLoading } />,\n\t\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t),\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 isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\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 isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t),\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["privateApis","routerPrivateApis","__","useEffect","unlock","Editor","PostsList","PagePatterns","PageTemplates","SidebarNavigationScreen","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenMain","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenTemplatesBrowse","SidebarNavigationScreenPatterns","SidebarNavigationScreenNavigationMenu","DataViewsSidebarContent","NAVIGATION_POST_TYPE","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","jsx","_jsx","useLocation","useHistory","useRedirectOldPaths","history","params","postType","path","categoryType","rest","replace","user","useLayoutAreas","postId","layout","isCustom","canvas","hasEditCanvasMode","isListLayout","key","areas","sidebar","title","backPath","content","preview","mobile","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 PostsList from '../posts-app/posts-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';\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 } = params;\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\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: <PostsList postType={ postType } />,\n\t\t\t\tpreview: ( 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<PostsList postType={ postType } />\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},\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":[]}

package/build-module/components/page-patterns/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import clsx from 'clsx';
  */
 import { __experimentalHStack as HStack, Button, Tooltip, Flex } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
-import { useState, useMemo, useCallback, useId, useEffect } from '@wordpress/element';
+import { useState, useMemo, useId, useEffect } from '@wordpress/element';
 import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { Icon, lockSmall } from '@wordpress/icons';
@@ -16,6 +16,8 @@ import { usePrevious } from '@wordpress/compose';
 import { useEntityRecords } from '@wordpress/core-data';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { parse } from '@wordpress/blocks';
+import { decodeEntities } from '@wordpress/html-entities';
 /**
  * Internal dependencies
@@ -30,6 +32,7 @@ import PatternsHeader from './header';
 import { useLink } from '../routes/link';
 import { useAddedBy } from '../page-templates/hooks';
 import { useEditPostAction } from '../dataviews-actions';
+import { defaultGetTitle } from './search-items';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
@@ -43,14 +46,18 @@ const {
   useLocation
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
-const defaultConfigPerViewType = {
+const defaultLayouts = {
   [LAYOUT_TABLE]: {
-    primaryField: 'title'
+    layout: {
+      primaryField: 'title'
+    }
   },
   [LAYOUT_GRID]: {
-    mediaField: 'preview',
-    primaryField: 'title',
-    badgeFields: ['sync-status']
+    layout: {
+      mediaField: 'preview',
+      primaryField: 'title',
+      badgeFields: ['sync-status']
+    }
   }
 };
 const DEFAULT_VIEW = {
@@ -58,10 +65,8 @@ const DEFAULT_VIEW = {
   search: '',
   page: 1,
   perPage: 20,
-  hiddenFields: [],
-  layout: {
-    ...defaultConfigPerViewType[LAYOUT_GRID]
-  },
+  layout: defaultLayouts[LAYOUT_GRID].layout,
+  fields: ['title', 'sync-status'],
   filters: []
 };
 const SYNC_FILTERS = [{
@@ -94,17 +99,24 @@ function Preview({
   viewType
 }) {
   const descriptionId = useId();
+  const description = item.description || item?.excerpt?.raw;
   const isUserPattern = item.type === PATTERN_TYPES.user;
   const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
-  const isEmpty = !item.blocks?.length;
   const [backgroundColor] = useGlobalStyle('color.background');
   const {
     onClick
   } = useLink({
     postType: item.type,
-    postId: isUserPattern ? item.id : item.name,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
     canvas: 'edit'
   });
+  const blocks = useMemo(() => {
+    var _item$blocks;
+    return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : parse(item.content.raw, {
+      __unstableSkipMigrationLogs: true
+    });
+  }, [item?.content?.raw, item.blocks]);
+  const isEmpty = !blocks?.length;
   return /*#__PURE__*/_jsxs("div", {
     className: `page-patterns-preview-field is-viewtype-${viewType}`,
     style: {
@@ -113,17 +125,17 @@ function Preview({
     children: [/*#__PURE__*/_jsxs(PreviewWrapper, {
       item: item,
       onClick: onClick,
-      ariaDescribedBy: item.description ? descriptionId : undefined,
+      ariaDescribedBy: !!description ? descriptionId : undefined,
       children: [isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && /*#__PURE__*/_jsx(Async, {
         children: /*#__PURE__*/_jsx(BlockPreview, {
-          blocks: item.blocks,
+          blocks: blocks,
           viewportWidth: item.viewportWidth
         })
       })]
-    }), item.description && /*#__PURE__*/_jsx("div", {
+    }), !!description && /*#__PURE__*/_jsx("div", {
       hidden: true,
       id: descriptionId,
-      children: item.description
+      children: description
     })]
   });
 }
@@ -165,13 +177,15 @@ function Title({
   item
 }) {
   const isUserPattern = item.type === PATTERN_TYPES.user;
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
   const {
     onClick
   } = useLink({
     postType: item.type,
-    postId: isUserPattern ? item.id : item.name,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
     canvas: 'edit'
   });
+  const title = decodeEntities(defaultGetTitle(item));
   return /*#__PURE__*/_jsxs(HStack, {
     alignment: "center",
     justify: "flex-start",
@@ -181,14 +195,14 @@ function Title({
       gap: 0,
       justify: "left",
       className: "edit-site-patterns__pattern-title",
-      children: item.type === PATTERN_TYPES.theme ? item.title : /*#__PURE__*/_jsx(Button, {
+      children: item.type === PATTERN_TYPES.theme ? title : /*#__PURE__*/_jsx(Button, {
         variant: "link",
         onClick: onClick
         // Required for the grid's roving tab index system.
         // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
         ,
         tabIndex: "-1",
-        children: item.title || item.name
+        children: title
       })
     }), item.type === PATTERN_TYPES.theme && /*#__PURE__*/_jsx(Tooltip, {
       placement: "top",
@@ -251,7 +265,6 @@ export default function DataviewsPatterns() {
         viewType: view.type
       }),
       enableSorting: false,
-      enableHiding: false,
       width: '1%'
     }, {
       header: __('Title'),
@@ -270,15 +283,14 @@ export default function DataviewsPatterns() {
         render: ({
           item
         }) => {
+          const syncStatus = 'wp_pattern_sync_status' in item ? item.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full : PATTERN_SYNC_TYPES.unsynced;
           // User patterns can have their sync statuses checked directly.
           // Non-user patterns are all unsynced for the time being.
           return /*#__PURE__*/_jsx("span", {
-            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`,
-            children: (SYNC_FILTERS.find(({
-              value
-            }) => value === item.syncStatus) || SYNC_FILTERS.find(({
+            className: `edit-site-patterns__field-sync-status-${syncStatus}`,
+            children: SYNC_FILTERS.find(({
               value
-            }) => value === PATTERN_SYNC_TYPES.unsynced)).label
+            }) => value === syncStatus).label
           });
         },
         elements: SYNC_FILTERS,
@@ -294,7 +306,7 @@ export default function DataviewsPatterns() {
         id: 'author',
         getValue: ({
           item
-        }) => item.templatePart.author_text,
+        }) => item.author_text,
         render: ({
           item
         }) => {
@@ -349,17 +361,6 @@ export default function DataviewsPatterns() {
     }
     return [editAction, ...patternActions].filter(Boolean);
   }, [editAction, type, templatePartActions, patternActions]);
-  const onChangeView = useCallback(newView => {
-    if (newView.type !== view.type) {
-      newView = {
-        ...newView,
-        layout: {
-          ...defaultConfigPerViewType[newView.type]
-        }
-      };
-    }
-    setView(newView);
-  }, [view.type, setView]);
   const id = useId();
   const settings = usePatternSettings();
   // Wrap everything in a block editor provider.
@@ -381,11 +382,14 @@ export default function DataviewsPatterns() {
         fields: fields,
         actions: actions,
         data: data || EMPTY_ARRAY,
-        getItemId: item => item.name,
+        getItemId: item => {
+          var _item$name;
+          return (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : item.id;
+        },
         isLoading: isResolving,
         view: view,
-        onChangeView: onChangeView,
-        supportedLayouts: [LAYOUT_GRID, LAYOUT_TABLE]
+        onChangeView: setView,
+        defaultLayouts: defaultLayouts
       })]
     })
   });