@wordpress/edit-site 6.10.0 → 6.12.0

package/build-module/components/save-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","jsx","_jsx","jsxs","_jsxs","EntitiesSavedStatesExtensible","NavigableRegion","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","children","name","rendered","activateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","length","some","record","kind","key","setIsSaveViewOpened","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","ariaLabel","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,EAAEC,KAAK,QAAQ,uBAAuB;AACrD,SACCC,mBAAmB,EACnBC,6BAA6B,EAC7BC,WAAW,QACL,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASD,KAAK,IAAIE,aAAa,QAAQ,aAAa;AACpD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,iBAAiB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAM;EAAEC,6BAA6B;EAAEC;AAAgB,CAAC,GACvDT,MAAM,CAAER,WAAY,CAAC;AAEtB,MAAMkB,6BAA6B,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACxD,MAAMC,YAAY,GAAGvB,6BAA6B,CAAC,CAAC;EACpD,IAAIwB,iBAAiB;EACrB,IAAKD,YAAY,CAACE,OAAO,EAAG;IAC3BD,iBAAiB,GAAGpB,EAAE,CAAE,iBAAkB,CAAC;EAC5C,CAAC,MAAM;IACNoB,iBAAiB,GAAGpB,EAAE,CAAE,UAAW,CAAC;EACrC;EAEA,MAAMsB,YAAY,GAAGf,qBAAqB,CAAC,CAAC;EAE5C,MAAMgB,eAAe,GAAGxB,SAAS,CAC9ByB,MAAM,IAAMA,MAAM,CAAErB,SAAU,CAAC,CAACsB,eAAe,CAAC,CAAC,EACnD,EACD,CAAC;EAED,MAAMC,gBAAgB,gBACrBhB,IAAA;IAAAiB,QAAA,EACG1B,OAAO,CACR;IACAD,EAAE,CACD,sEACD,CAAC,GAAAiB,qBAAA,GACDK,YAAY,EAAEM,IAAI,EAAEC,QAAQ,cAAAZ,qBAAA,cAAAA,qBAAA,GAAI,KAAK,GAAAC,qBAAA,GACrCK,eAAe,EAAEK,IAAI,EAAEC,QAAQ,cAAAX,qBAAA,cAAAA,qBAAA,GAAI,KACpC;EAAC,CACC,CACH;EAED,MAAMY,aAAa,GAAGxB,gBAAgB,CAAC,CAAC;EACxC,MAAMyB,MAAM,GAAG,MAAQC,MAAM,IAAM;IAClC,MAAMF,aAAa,CAAC,CAAC;IACrB,OAAOE,MAAM;EACd,CAAC;EAED,oBACCtB,IAAA,CAACG,6BAA6B;IAE5B,GAAGM,YAAY;IACfO,gBAAgB;IAChBO,KAAK,EAAEjB,OAAO;IACde,MAAM;IACNG,WAAW,EAAE,IAAI;IACjBC,SAAS,EAAEf;EAAiB,CAE7B,CAAC;AAEJ,CAAC;AAED,MAAMgB,oBAAoB,GAAGA,CAAE;EAAEpB,OAAO;EAAEqB,YAAY,GAAGC;AAAU,CAAC,KAAM;EACzE,IAAK9B,iBAAiB,CAAC,CAAC,EAAG;IAC1B,oBAAOE,IAAA,CAACK,6BAA6B;MAACC,OAAO,EAAGA;IAAS,CAAE,CAAC;EAC7D;EACA,oBACCN,IAAA,CAACf,mBAAmB;IAACsC,KAAK,EAAGjB,OAAS;IAACqB,YAAY,EAAGA;EAAc,CAAE,CAAC;AAEzE,CAAC;AAED,eAAe,SAASE,SAASA,CAAA,EAAG;EACnC,MAAM;IAAEC,cAAc;IAAEC,UAAU;IAAEpB,OAAO;IAAEqB;EAAS,CAAC,GAAG3C,SAAS,CAChEyB,MAAM,IAAM;IACb,MAAM;MACLmB,mCAAmC;MACnCC,oBAAoB;MACpBC;IACD,CAAC,GAAGrB,MAAM,CAAErB,SAAU,CAAC;IACvB,MAAM2C,kBAAkB,GAAGH,mCAAmC,CAAC,CAAC;IAChE,MAAMI,iBAAiB,GAAGF,WAAW,CAAE,eAAgB,CAAC;IACxD,MAAM;MAAEG,gBAAgB;MAAEC;IAAc,CAAC,GAAG5C,MAAM,CACjDmB,MAAM,CAAEpB,aAAc,CACvB,CAAC;;IAED;IACA;IACA,OAAO;MACNoC,cAAc,EAAEQ,gBAAgB,CAAC,CAAC;MAClCP,UAAU,EAAEQ,aAAa,CAAC,CAAC;MAC3B5B,OAAO,EAAEyB,kBAAkB,CAACI,MAAM,GAAG,CAAC;MACtCR,QAAQ,EACPI,kBAAkB,CAACK,IAAI,CAAIC,MAAM,IAChCR,oBAAoB,CACnBQ,MAAM,CAACC,IAAI,EACXD,MAAM,CAACxB,IAAI,EACXwB,MAAM,CAACE,GACR,CACD,CAAC,IAAIP;IACP,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEQ;EAAoB,CAAC,GAAGzD,WAAW,CAAEM,aAAc,CAAC;EAC5D,MAAMY,OAAO,GAAGA,CAAA,KAAMuC,mBAAmB,CAAE,KAAM,CAAC;EAElD,IAAKd,UAAU,KAAK,MAAM,EAAG;IAC5B,OAAOD,cAAc,gBACpB9B,IAAA,CAAChB,KAAK;MACL8D,SAAS,EAAC,6BAA6B;MACvCC,cAAc,EAAGzC,OAAS;MAC1B0C,wBAAwB;MACxBC,YAAY,EAAG3D,EAAE,CAChB,0CACD,CAAG;MAAA2B,QAAA,eAEHjB,IAAA,CAAC0B,oBAAoB;QAACpB,OAAO,EAAGA;MAAS,CAAE;IAAC,CACtC,CAAC,GACL,IAAI;EACT;EACA,MAAM4C,mBAAmB,GAAGpD,iBAAiB,CAAC,CAAC,IAAIa,OAAO;EAC1D,MAAMwC,QAAQ,GAAGnB,QAAQ,IAAI,CAAEkB,mBAAmB;EAClD,oBACChD,KAAA,CAACE,eAAe;IACf0C,SAAS,EAAGhE,IAAI,CAAE,2BAA2B,EAAE;MAC9C,0BAA0B,EAAEgD;IAC7B,CAAE,CAAG;IACLsB,SAAS,EAAG9D,EAAE,CAAE,YAAa,CAAG;IAAA2B,QAAA,gBAEhCjB,IAAA;MACC8C,SAAS,EAAGhE,IAAI,CAAE,qCAAqC,EAAE;QACxD,oBAAoB,EAAEgD;MACvB,CAAE,CAAG;MAAAb,QAAA,eAELjB,IAAA,CAACjB,MAAM;QACNsE,qBAAqB;QACrBC,OAAO,EAAC,WAAW;QACnBR,SAAS,EAAC,4CAA4C;QACtDS,OAAO,EAAGA,CAAA,KAAMV,mBAAmB,CAAE,IAAK,CAAG;QAC7C,iBAAc,QAAQ;QACtBM,QAAQ,EAAGA,QAAU;QACrBK,sBAAsB;QAAAvC,QAAA,EAEpB3B,EAAE,CAAE,iBAAkB;MAAC,CAClB;IAAC,CACL,CAAC,EACJwC,cAAc,iBACf9B,IAAA,CAAC0B,oBAAoB;MAACpB,OAAO,EAAGA,OAAS;MAACqB,YAAY;IAAA,CAAE,CACxD;EAAA,CACe,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["clsx","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","routerPrivateApis","useEffect","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","jsx","_jsx","jsxs","_jsxs","EntitiesSavedStatesExtensible","NavigableRegion","useLocation","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","children","name","rendered","activateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","SavePanel","params","canvas","isSaveViewOpen","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","length","some","record","kind","key","setIsSaveViewOpened","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","ariaLabel","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar/index.js

@@ -45,7 +45,8 @@ function createNavState() {
   };
 }
 function SidebarContentWrapper({
-  children
+  children,
+  shouldAnimate
 }) {
   const navState = useContext(SidebarNavigationContext);
   const wrapperRef = useRef();
@@ -58,10 +59,15 @@ function SidebarContentWrapper({
     focusSidebarElement(wrapperRef.current, direction, focusSelector);
     setNavAnimation(direction);
   }, [navState]);
-  const wrapperCls = clsx('edit-site-sidebar__screen-wrapper', {
+  const wrapperCls = clsx('edit-site-sidebar__screen-wrapper',
+  /*
+   * Some panes do not have sub-panes and therefore
+   * should not animate when clicked on.
+   */
+  shouldAnimate ? {
     'slide-from-left': navAnimation === 'back',
     'slide-from-right': navAnimation === 'forward'
-  });
+  } : {});
   return /*#__PURE__*/_jsx("div", {
     ref: wrapperRef,
     className: wrapperCls,
@@ -70,6 +76,7 @@ function SidebarContentWrapper({
 }
 export default function SidebarContent({
   routeKey,
+  shouldAnimate,
   children
 }) {
   const [navState] = useState(createNavState);
@@ -78,6 +85,7 @@ export default function SidebarContent({
     children: /*#__PURE__*/_jsx("div", {
       className: "edit-site-sidebar__content",
       children: /*#__PURE__*/_jsx(SidebarContentWrapper, {
+        shouldAnimate: shouldAnimate,
         children: children
       }, routeKey)
     })

package/build-module/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","createContext","useContext","useState","useRef","useLayoutEffect","focus","jsx","_jsx","SidebarNavigationContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","wrapperRef","navAnimation","setNavAnimation","current","wrapperCls","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navAnimation === 'back',\n\t\t'slide-from-right': navAnimation === 'forward',\n\t} );\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper key={ routeKey }>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,aAAa,EACbC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,eAAe,QACT,oBAAoB;AAC3B,SAASC,KAAK,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,MAAMC,wBAAwB,GAAGR,aAAa,CAAE,MAAM,CAAC,CAAE,CAAC;AACjE;AACA;AACA;AACA,SAASS,mBAAmBA,CAAEC,EAAE,EAAEC,SAAS,EAAEC,aAAa,EAAG;EAC5D,IAAIC,cAAc;EAClB,IAAKF,SAAS,KAAK,MAAM,IAAIC,aAAa,EAAG;IAC5CC,cAAc,GAAGH,EAAE,CAACI,aAAa,CAAEF,aAAc,CAAC;EACnD;EACA,IAAKD,SAAS,KAAK,IAAI,IAAI,CAAEE,cAAc,EAAG;IAC7C,MAAM,CAAEE,aAAa,CAAE,GAAGV,KAAK,CAACW,QAAQ,CAACC,IAAI,CAAEP,EAAG,CAAC;IACnDG,cAAc,GAAGE,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIL,EAAE;EACrC;EACAG,cAAc,EAAER,KAAK,CAAC,CAAC;AACxB;;AAEA;AACA;AACA,SAASa,cAAcA,CAAA,EAAG;EACzB,IAAIC,KAAK,GAAG;IACXR,SAAS,EAAE,IAAI;IACfC,aAAa,EAAE;EAChB,CAAC;EAED,OAAO;IACNQ,GAAGA,CAAA,EAAG;MACL,OAAOD,KAAK;IACb,CAAC;IACDE,QAAQA,CAAEV,SAAS,EAAEC,aAAa,GAAG,IAAI,EAAG;MAC3CO,KAAK,GAAG;QACPR,SAAS;QACTC,aAAa,EACZD,SAAS,KAAK,SAAS,IAAIC,aAAa,GACrCA,aAAa,GACbO,KAAK,CAACP;MACX,CAAC;IACF;EACD,CAAC;AACF;AAEA,SAASU,qBAAqBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9C,MAAMC,QAAQ,GAAGvB,UAAU,CAAEO,wBAAyB,CAAC;EACvD,MAAMiB,UAAU,GAAGtB,MAAM,CAAC,CAAC;EAC3B,MAAM,CAAEuB,YAAY,EAAEC,eAAe,CAAE,GAAGzB,QAAQ,CAAE,IAAK,CAAC;EAE1DE,eAAe,CAAE,MAAM;IACtB,MAAM;MAAEO,SAAS;MAAEC;IAAc,CAAC,GAAGY,QAAQ,CAACJ,GAAG,CAAC,CAAC;IACnDX,mBAAmB,CAAEgB,UAAU,CAACG,OAAO,EAAEjB,SAAS,EAAEC,aAAc,CAAC;IACnEe,eAAe,CAAEhB,SAAU,CAAC;EAC7B,CAAC,EAAE,CAAEa,QAAQ,CAAG,CAAC;EAEjB,MAAMK,UAAU,GAAG9B,IAAI,CAAE,mCAAmC,EAAE;IAC7D,iBAAiB,EAAE2B,YAAY,KAAK,MAAM;IAC1C,kBAAkB,EAAEA,YAAY,KAAK;EACtC,CAAE,CAAC;EAEH,oBACCnB,IAAA;IAAKuB,GAAG,EAAGL,UAAY;IAACM,SAAS,EAAGF,UAAY;IAAAN,QAAA,EAC7CA;EAAQ,CACN,CAAC;AAER;AAEA,eAAe,SAASS,cAAcA,CAAE;EAAEC,QAAQ;EAAEV;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,CAAE,GAAGtB,QAAQ,CAAEgB,cAAe,CAAC;EAE/C,oBACCX,IAAA,CAACC,wBAAwB,CAAC0B,QAAQ;IAACC,KAAK,EAAGX,QAAU;IAAAD,QAAA,eACpDhB,IAAA;MAAKwB,SAAS,EAAC,4BAA4B;MAAAR,QAAA,eAC1ChB,IAAA,CAACe,qBAAqB;QAAAC,QAAA,EACnBA;MAAQ,GADkBU,QAEN;IAAC,CACpB;EAAC,CAC4B,CAAC;AAEtC","ignoreList":[]}
+{"version":3,"names":["clsx","createContext","useContext","useState","useRef","useLayoutEffect","focus","jsx","_jsx","SidebarNavigationContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","shouldAnimate","navState","wrapperRef","navAnimation","setNavAnimation","current","wrapperCls","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( {\n\trouteKey,\n\tshouldAnimate,\n\tchildren,\n} ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper\n\t\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-dataviews/default-views.js

@@ -16,9 +16,6 @@ export const defaultLayouts = {
     layout: {
       primaryField: 'title',
       styles: {
-        'featured-image': {
-          width: '1%'
-        },
         title: {
           maxWidth: 300
         }
@@ -27,14 +24,14 @@ export const defaultLayouts = {
   },
   [LAYOUT_GRID]: {
     layout: {
-      mediaField: 'featured-image',
+      mediaField: 'featured_media',
       primaryField: 'title'
     }
   },
   [LAYOUT_LIST]: {
     layout: {
       primaryField: 'title',
-      mediaField: 'featured-image'
+      mediaField: 'featured_media'
     }
   }
 };

package/build-module/components/sidebar-dataviews/default-views.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","trash","pages","drafts","published","scheduled","pending","notAllowed","useSelect","store","coreStore","useMemo","LAYOUT_LIST","LAYOUT_TABLE","LAYOUT_GRID","OPERATOR_IS_ANY","defaultLayouts","layout","primaryField","styles","width","title","maxWidth","mediaField","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","select","getPostType","all_items","slug","icon","view","operator","value"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tstyles: {\n\t\t\t\t'featured-image': {\n\t\t\t\t\twidth: '1%',\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tmaxWidth: 300,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tlayout: {\n\t\t\tmediaField: 'featured-image',\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tmediaField: 'featured-image',\n\t\t},\n\t},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tfields: [ 'title', 'author', 'status' ],\n\tlayout: defaultLayouts[ LAYOUT_LIST ].layout,\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","trash","pages","drafts","published","scheduled","pending","notAllowed","useSelect","store","coreStore","useMemo","LAYOUT_LIST","LAYOUT_TABLE","LAYOUT_GRID","OPERATOR_IS_ANY","defaultLayouts","layout","primaryField","styles","title","maxWidth","mediaField","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","select","getPostType","all_items","slug","icon","view","operator","value"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tstyles: {\n\t\t\t\ttitle: {\n\t\t\t\t\tmaxWidth: 300,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tlayout: {\n\t\t\tmediaField: 'featured_media',\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tmediaField: 'featured_media',\n\t\t},\n\t},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tfields: [ 'title', 'author', 'status' ],\n\tlayout: defaultLayouts[ LAYOUT_LIST ].layout,\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-global-styles-wrapper/index.js

@@ -0,0 +1,121 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useMemo, useState } from '@wordpress/element';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { useViewportMatch } from '@wordpress/compose';
+import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import GlobalStylesUI from '../global-styles/ui';
+import Page from '../page';
+import { unlock } from '../../lock-unlock';
+import StyleBook from '../style-book';
+import { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  useLocation,
+  useHistory
+} = unlock(routerPrivateApis);
+const {
+  Menu
+} = unlock(componentsPrivateApis);
+const GLOBAL_STYLES_PATH_PREFIX = '/wp_global_styles';
+const GlobalStylesPageActions = ({
+  isStyleBookOpened,
+  setIsStyleBookOpened
+}) => {
+  return /*#__PURE__*/_jsxs(Menu, {
+    trigger: /*#__PURE__*/_jsx(Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      size: "compact",
+      children: __('Preview')
+    }),
+    children: [/*#__PURE__*/_jsxs(Menu.RadioItem, {
+      value: true,
+      checked: isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(true),
+      defaultChecked: true,
+      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
+        children: __('Style book')
+      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
+        children: __('Preview blocks and styles.')
+      })]
+    }), /*#__PURE__*/_jsxs(Menu.RadioItem, {
+      value: false,
+      checked: !isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(false),
+      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
+        children: __('Site')
+      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
+        children: __('Preview your site.')
+      })]
+    })]
+  });
+};
+export default function GlobalStylesUIWrapper() {
+  const {
+    params
+  } = useLocation();
+  const history = useHistory();
+  const {
+    canvas = 'view'
+  } = params;
+  const [isStyleBookOpened, setIsStyleBookOpened] = useState(false);
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const pathWithPrefix = params.path;
+  const [path, onPathChange] = useMemo(() => {
+    const processedPath = pathWithPrefix.substring(GLOBAL_STYLES_PATH_PREFIX.length);
+    return [processedPath ? processedPath : '/', newPath => {
+      history.push({
+        path: !newPath || newPath === '/' ? GLOBAL_STYLES_PATH_PREFIX : `${GLOBAL_STYLES_PATH_PREFIX}${newPath}`
+      });
+    }];
+  }, [pathWithPrefix, history]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Page, {
+      actions: !isMobileViewport ? /*#__PURE__*/_jsx(GlobalStylesPageActions, {
+        isStyleBookOpened: isStyleBookOpened,
+        setIsStyleBookOpened: setIsStyleBookOpened
+      }) : null,
+      className: "edit-site-styles",
+      title: __('Styles'),
+      children: /*#__PURE__*/_jsx(GlobalStylesUI, {
+        path: path,
+        onPathChange: onPathChange
+      })
+    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/_jsx(StyleBook, {
+      enableResizing: false,
+      showCloseButton: false,
+      showTabs: false,
+      isSelected: blockName =>
+      // Match '/blocks/core%2Fbutton' and
+      // '/blocks/core%2Fbutton/typography', but not
+      // '/blocks/core%2Fbuttons'.
+      path === `/wp_global_styles/blocks/${encodeURIComponent(blockName)}` || path.startsWith(`/wp_global_styles/blocks/${encodeURIComponent(blockName)}/`),
+      path: path,
+      onSelect: blockName => {
+        if (STYLE_BOOK_COLOR_GROUPS.find(group => group.slug === blockName)) {
+          // Go to color palettes Global Styles.
+          onPathChange('/colors/palette');
+          return;
+        }
+        if (blockName === 'typography') {
+          // Go to typography Global Styles.
+          onPathChange('/typography');
+          return;
+        }
+
+        // Now go to the selected block.
+        onPathChange(`/blocks/${encodeURIComponent(blockName)}`);
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","componentsPrivateApis","GlobalStylesUI","Page","unlock","StyleBook","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","useHistory","Menu","GLOBAL_STYLES_PATH_PREFIX","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","trigger","__next40pxDefaultSize","variant","size","children","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","params","history","canvas","isMobileViewport","pathWithPrefix","path","onPathChange","processedPath","substring","length","newPath","push","actions","className","title","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","find","group","slug"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport StyleBook from '../style-book';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\nconst GLOBAL_STYLES_PATH_PREFIX = '/wp_global_styles';\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n} ) => {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button __next40pxDefaultSize variant=\"tertiary\" size=\"compact\">\n\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue\n\t\t\t\tchecked={ isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( true ) }\n\t\t\t\tdefaultChecked\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Style book' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview blocks and styles.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue={ false }\n\t\t\t\tchecked={ ! isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( false ) }\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Site' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview your site.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t</Menu>\n\t);\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { params } = useLocation();\n\tconst history = useHistory();\n\tconst { canvas = 'view' } = params;\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState( false );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst pathWithPrefix = params.path;\n\tconst [ path, onPathChange ] = useMemo( () => {\n\t\tconst processedPath = pathWithPrefix.substring(\n\t\t\tGLOBAL_STYLES_PATH_PREFIX.length\n\t\t);\n\t\treturn [\n\t\t\tprocessedPath ? processedPath : '/',\n\t\t\t( newPath ) => {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath:\n\t\t\t\t\t\t! newPath || newPath === '/'\n\t\t\t\t\t\t\t? GLOBAL_STYLES_PATH_PREFIX\n\t\t\t\t\t\t\t: `${ GLOBAL_STYLES_PATH_PREFIX }${ newPath }`,\n\t\t\t\t} );\n\t\t\t},\n\t\t];\n\t}, [ pathWithPrefix, history ] );\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI path={ path } onPathChange={ onPathChange } />\n\t\t\t</Page>\n\t\t\t{ canvas === 'view' && isStyleBookOpened && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\t\t\tpath ===\n\t\t\t\t\t\t\t`/wp_global_styles/blocks/${ encodeURIComponent(\n\t\t\t\t\t\t\t\tblockName\n\t\t\t\t\t\t\t) }` ||\n\t\t\t\t\t\tpath.startsWith(\n\t\t\t\t\t\t\t`/wp_global_styles/blocks/${ encodeURIComponent(\n\t\t\t\t\t\t\t\tblockName\n\t\t\t\t\t\t\t) }/`\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tpath={ path }\n\t\t\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\t\t\tonPathChange( '/colors/palette' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\t\t\tonPathChange( '/typography' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Now go to the selected block.\n\t\t\t\t\t\tonPathChange(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }`\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen/index.js

@@ -89,7 +89,8 @@ export default function SidebarNavigationScreen({
           color: '#e0e0e0' /* $gray-200 */,
           level: 1,
           size: 20,
-          children: !isPreviewingTheme() ? title : sprintf('Previewing %1$s: %2$s', previewingThemeName, title)
+          children: !isPreviewingTheme() ? title : sprintf(/* translators: 1: theme name. 2: title */
+          __('Previewing %1$s: %2$s'), previewingThemeName, title)
         }), actions && /*#__PURE__*/_jsx("div", {
           className: "edit-site-sidebar-navigation-screen__actions",
           children: actions

package/build-module/components/sidebar-navigation-screen/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","history","navigate","state","icon","children","className","spacing","justify","alignment","onClick","push","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.push( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","history","navigate","state","icon","children","className","spacing","justify","alignment","onClick","push","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.push( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: theme name. 2: title */\n\t\t\t\t\t\t\t\t\t__( 'Previewing %1$s: %2$s' ),\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-global-styles/index.js

@@ -2,13 +2,11 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { edit, seen } from '@wordpress/icons';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
-import { useViewportMatch } from '@wordpress/compose';
 import { useCallback } from '@wordpress/element';
-import { store as editorStore } from '@wordpress/editor';
 import { store as preferencesStore } from '@wordpress/preferences';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
 
 /**
  * Internal dependencies
@@ -16,20 +14,19 @@ import { store as preferencesStore } from '@wordpress/preferences';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
-import SidebarButton from '../sidebar-button';
 import SidebarNavigationItem from '../sidebar-navigation-item';
-import StyleBook from '../style-book';
 import useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';
 import SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';
-import SidebarNavigationScreenGlobalStylesContent from './content';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  useLocation,
+  useHistory
+} = unlock(routerPrivateApis);
 export function SidebarNavigationItemGlobalStyles(props) {
   const {
-    openGeneralSidebar
-  } = useDispatch(editSiteStore);
-  const {
-    setCanvasMode
-  } = unlock(useDispatch(editSiteStore));
+    params
+  } = useLocation();
   const hasGlobalStyleVariations = useSelect(select => !!select(coreStore).__experimentalGetCurrentThemeGlobalStylesVariations()?.length, []);
   if (hasGlobalStyleVariations) {
     return /*#__PURE__*/_jsx(SidebarNavigationItem, {
@@ -37,22 +34,19 @@ export function SidebarNavigationItemGlobalStyles(props) {
       params: {
         path: '/wp_global_styles'
       },
-      uid: "global-styles-navigation-item"
+      uid: "global-styles-navigation-item",
+      "aria-current": params.path && params.path.startsWith('/wp_global_styles')
     });
   }
   return /*#__PURE__*/_jsx(SidebarNavigationItem, {
-    ...props,
-    onClick: () => {
-      // Switch to edit mode.
-      setCanvasMode('edit');
-      // Open global styles sidebar.
-      openGeneralSidebar('edit-site/global-styles');
-    }
+    ...props
   });
 }
-export default function SidebarNavigationScreenGlobalStyles({
-  backPath
-}) {
+export default function SidebarNavigationScreenGlobalStyles() {
+  const history = useHistory();
+  const {
+    params
+  } = useLocation();
   const {
     revisions,
     isLoading: isLoadingRevisions
@@ -61,23 +55,12 @@ export default function SidebarNavigationScreenGlobalStyles({
     openGeneralSidebar
   } = useDispatch(editSiteStore);
   const {
-    setIsListViewOpened
-  } = useDispatch(editorStore);
-  const isMobileViewport = useViewportMatch('medium', '<');
-  const {
-    setCanvasMode,
     setEditorCanvasContainerView
   } = unlock(useDispatch(editSiteStore));
   const {
-    isViewMode,
-    isStyleBookOpened,
     revisionsCount
   } = useSelect(select => {
     var _globalStyles$_links$;
-    const {
-      getCanvasMode,
-      getEditorCanvasContainerView
-    } = unlock(select(editSiteStore));
     const {
       getEntityRecord,
       __experimentalGetCurrentGlobalStylesId
@@ -85,8 +68,6 @@ export default function SidebarNavigationScreenGlobalStyles({
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
     const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
     return {
-      isViewMode: 'view' === getCanvasMode(),
-      isStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),
       revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
     };
   }, []);
@@ -94,16 +75,14 @@ export default function SidebarNavigationScreenGlobalStyles({
     set: setPreference
   } = useDispatch(preferencesStore);
   const openGlobalStyles = useCallback(async () => {
-    return Promise.all([setPreference('core', 'distractionFree', false), setCanvasMode('edit'), openGeneralSidebar('edit-site/global-styles')]);
-  }, [setCanvasMode, openGeneralSidebar, setPreference]);
-  const openStyleBook = useCallback(async () => {
-    await openGlobalStyles();
-    // Open the Style Book once the canvas mode is set to edit,
-    // and the global styles sidebar is open. This ensures that
-    // the Style Book is not prematurely closed.
-    setEditorCanvasContainerView('style-book');
-    setIsListViewOpened(false);
-  }, [openGlobalStyles, setEditorCanvasContainerView, setIsListViewOpened]);
+    history.push({
+      ...params,
+      canvas: 'edit'
+    }, undefined, {
+      transition: 'canvas-mode-edit-transition'
+    });
+    return Promise.all([setPreference('core', 'distractionFree', false), openGeneralSidebar('edit-site/global-styles')]);
+  }, [history, params, openGeneralSidebar, setPreference]);
   const openRevisions = useCallback(async () => {
     await openGlobalStyles();
     // Open the global styles revisions once the canvas mode is set to edit,
@@ -117,36 +96,19 @@ export default function SidebarNavigationScreenGlobalStyles({
   const hasRevisions = revisionsCount > 0;
   const modifiedDateTime = revisions?.[0]?.modified;
   const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SidebarNavigationScreen, {
-      title: __('Styles'),
-      description: __('Choose a different style combination for the theme styles.'),
-      backPath: backPath,
-      content: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStylesContent, {}),
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(SidebarNavigationScreen, {
+      title: __('Design'),
+      isRoot: true,
+      description: __('Customize the appearance of your website using the block editor.'),
+      content: /*#__PURE__*/_jsx(MainSidebarNavigationContent, {
+        activeItem: "styles-navigation-item"
+      }),
       footer: shouldShowGlobalStylesFooter && /*#__PURE__*/_jsx(SidebarNavigationScreenDetailsFooter, {
         record: revisions?.[0],
         onClick: openRevisions
-      }),
-      actions: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [!isMobileViewport && /*#__PURE__*/_jsx(SidebarButton, {
-          icon: seen,
-          label: __('Style Book'),
-          onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
-          isPressed: isStyleBookOpened
-        }), /*#__PURE__*/_jsx(SidebarButton, {
-          icon: edit,
-          label: __('Edit styles'),
-          onClick: async () => await openGlobalStyles()
-        })]
       })
-    }), isStyleBookOpened && !isMobileViewport && isViewMode && /*#__PURE__*/_jsx(StyleBook, {
-      enableResizing: false,
-      isSelected: () => false,
-      onClick: openStyleBook,
-      onSelect: openStyleBook,
-      showCloseButton: false,
-      showTabs: false
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map