@wordpress/edit-site 5.34.0 → 5.35.0

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","EntitiesSavedStatesExtensible","NavigableRegion","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","createElement","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","variant","onClick","__experimentalIsFocusable"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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={ classnames( '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={ classnames( '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\tvariant=\"secondary\"\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-editor__toggle-save-panel-button'\n\t\t\t\t\t) }\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\t__experimentalIsFocusable\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":[]}
+{"version":3,"names":["clsx","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","EntitiesSavedStatesExtensible","NavigableRegion","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","createElement","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","variant","onClick","__experimentalIsFocusable"],"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\tvariant=\"secondary\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-editor__toggle-save-panel-button'\n\t\t\t\t\t) }\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\t__experimentalIsFocusable\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

@@ -2,52 +2,82 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
-import { useCallback, createContext, useState, useRef, useEffect } from '@wordpress/element';
+import { createContext, useContext, useState, useRef, useLayoutEffect } from '@wordpress/element';
 import { focus } from '@wordpress/dom';
 export const SidebarNavigationContext = createContext(() => {});
-export default function SidebarContent({
-  routeKey,
-  children
-}) {
-  const [navState, setNavState] = useState({
+// Focus a sidebar element after a navigation. The element to focus is either
+// specified by `focusSelector` (when navigating back) or it is the first
+// tabbable element (usually the "Back" button).
+function focusSidebarElement(el, direction, focusSelector) {
+  let elementToFocus;
+  if (direction === 'back' && focusSelector) {
+    elementToFocus = el.querySelector(focusSelector);
+  }
+  if (direction !== null && !elementToFocus) {
+    const [firstTabbable] = focus.tabbable.find(el);
+    elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : el;
+  }
+  elementToFocus?.focus();
+}
+
+// Navigation state that is updated when navigating back or forward. Helps us
+// manage the animations and also focus.
+function createNavState() {
+  let state = {
     direction: null,
     focusSelector: null
-  });
-  const navigate = useCallback((direction, focusSelector = null) => {
-    setNavState(prevState => ({
-      direction,
-      focusSelector: direction === 'forward' && focusSelector ? focusSelector : prevState.focusSelector
-    }));
-  }, []);
-  const wrapperRef = useRef();
-  useEffect(() => {
-    let elementToFocus;
-    if (navState.direction === 'back' && navState.focusSelector) {
-      elementToFocus = wrapperRef.current.querySelector(navState.focusSelector);
-    }
-    if (navState.direction !== null && !elementToFocus) {
-      const [firstTabbable] = focus.tabbable.find(wrapperRef.current);
-      elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : wrapperRef.current;
+  };
+  return {
+    get() {
+      return state;
+    },
+    navigate(direction, focusSelector = null) {
+      state = {
+        direction,
+        focusSelector: direction === 'forward' && focusSelector ? focusSelector : state.focusSelector
+      };
     }
-    elementToFocus?.focus();
+  };
+}
+function SidebarContentWrapper({
+  children
+}) {
+  const navState = useContext(SidebarNavigationContext);
+  const wrapperRef = useRef();
+  const [navAnimation, setNavAnimation] = useState(null);
+  useLayoutEffect(() => {
+    const {
+      direction,
+      focusSelector
+    } = navState.get();
+    focusSidebarElement(wrapperRef.current, direction, focusSelector);
+    setNavAnimation(direction);
   }, [navState]);
-  const wrapperCls = classnames('edit-site-sidebar__screen-wrapper', {
-    'slide-from-left': navState.direction === 'back',
-    'slide-from-right': navState.direction === 'forward'
+  const wrapperCls = clsx('edit-site-sidebar__screen-wrapper', {
+    'slide-from-left': navAnimation === 'back',
+    'slide-from-right': navAnimation === 'forward'
   });
+  return createElement("div", {
+    ref: wrapperRef,
+    className: wrapperCls
+  }, children);
+}
+export default function SidebarContent({
+  routeKey,
+  children
+}) {
+  const [navState] = useState(createNavState);
   return createElement(SidebarNavigationContext.Provider, {
-    value: navigate
+    value: navState
   }, createElement("div", {
     className: "edit-site-sidebar__content"
-  }, createElement("div", {
-    ref: wrapperRef,
-    key: routeKey,
-    className: wrapperCls
+  }, createElement(SidebarContentWrapper, {
+    key: routeKey
   }, children)));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useCallback","createContext","useState","useRef","useEffect","focus","SidebarNavigationContext","SidebarContent","routeKey","children","navState","setNavState","direction","focusSelector","navigate","prevState","wrapperRef","elementToFocus","current","querySelector","firstTabbable","tabbable","find","wrapperCls","createElement","Provider","value","className","ref","key"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tcreateContext,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState, setNavState ] = useState( {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t} );\n\n\tconst navigate = useCallback( ( direction, focusSelector = null ) => {\n\t\tsetNavState( ( prevState ) => ( {\n\t\t\tdirection,\n\t\t\tfocusSelector:\n\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t? focusSelector\n\t\t\t\t\t: prevState.focusSelector,\n\t\t} ) );\n\t}, [] );\n\n\tconst wrapperRef = useRef();\n\tuseEffect( () => {\n\t\tlet elementToFocus;\n\t\tif ( navState.direction === 'back' && navState.focusSelector ) {\n\t\t\telementToFocus = wrapperRef.current.querySelector(\n\t\t\t\tnavState.focusSelector\n\t\t\t);\n\t\t}\n\t\tif ( navState.direction !== null && ! elementToFocus ) {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( wrapperRef.current );\n\t\t\telementToFocus = firstTabbable ?? wrapperRef.current;\n\t\t}\n\t\telementToFocus?.focus();\n\t}, [ navState ] );\n\n\tconst wrapperCls = classnames( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navState.direction === 'back',\n\t\t'slide-from-right': navState.direction === 'forward',\n\t} );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navigate }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<div\n\t\t\t\t\tref={ wrapperRef }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t\tclassName={ wrapperCls }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,WAAW,EACXC,aAAa,EACbC,QAAQ,EACRC,MAAM,EACNC,SAAS,QACH,oBAAoB;AAC3B,SAASC,KAAK,QAAQ,gBAAgB;AAEtC,OAAO,MAAMC,wBAAwB,GAAGL,aAAa,CAAE,MAAM,CAAC,CAAE,CAAC;AAEjE,eAAe,SAASM,cAAcA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,EAAEC,WAAW,CAAE,GAAGT,QAAQ,CAAE;IAC3CU,SAAS,EAAE,IAAI;IACfC,aAAa,EAAE;EAChB,CAAE,CAAC;EAEH,MAAMC,QAAQ,GAAGd,WAAW,CAAE,CAAEY,SAAS,EAAEC,aAAa,GAAG,IAAI,KAAM;IACpEF,WAAW,CAAII,SAAS,KAAQ;MAC/BH,SAAS;MACTC,aAAa,EACZD,SAAS,KAAK,SAAS,IAAIC,aAAa,GACrCA,aAAa,GACbE,SAAS,CAACF;IACf,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMG,UAAU,GAAGb,MAAM,CAAC,CAAC;EAC3BC,SAAS,CAAE,MAAM;IAChB,IAAIa,cAAc;IAClB,IAAKP,QAAQ,CAACE,SAAS,KAAK,MAAM,IAAIF,QAAQ,CAACG,aAAa,EAAG;MAC9DI,cAAc,GAAGD,UAAU,CAACE,OAAO,CAACC,aAAa,CAChDT,QAAQ,CAACG,aACV,CAAC;IACF;IACA,IAAKH,QAAQ,CAACE,SAAS,KAAK,IAAI,IAAI,CAAEK,cAAc,EAAG;MACtD,MAAM,CAAEG,aAAa,CAAE,GAAGf,KAAK,CAACgB,QAAQ,CAACC,IAAI,CAAEN,UAAU,CAACE,OAAQ,CAAC;MACnED,cAAc,GAAGG,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIJ,UAAU,CAACE,OAAO;IACrD;IACAD,cAAc,EAAEZ,KAAK,CAAC,CAAC;EACxB,CAAC,EAAE,CAAEK,QAAQ,CAAG,CAAC;EAEjB,MAAMa,UAAU,GAAGxB,UAAU,CAAE,mCAAmC,EAAE;IACnE,iBAAiB,EAAEW,QAAQ,CAACE,SAAS,KAAK,MAAM;IAChD,kBAAkB,EAAEF,QAAQ,CAACE,SAAS,KAAK;EAC5C,CAAE,CAAC;EAEH,OACCY,aAAA,CAAClB,wBAAwB,CAACmB,QAAQ;IAACC,KAAK,EAAGZ;EAAU,GACpDU,aAAA;IAAKG,SAAS,EAAC;EAA4B,GAC1CH,aAAA;IACCI,GAAG,EAAGZ,UAAY;IAClBa,GAAG,EAAGrB,QAAU;IAChBmB,SAAS,EAAGJ;EAAY,GAEtBd,QACE,CACD,CAC6B,CAAC;AAEtC","ignoreList":[]}
+{"version":3,"names":["clsx","createContext","useContext","useState","useRef","useLayoutEffect","focus","SidebarNavigationContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","wrapperRef","navAnimation","setNavAnimation","current","wrapperCls","createElement","ref","className","SidebarContent","routeKey","Provider","value","key"],"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;AAEtC,OAAO,MAAMC,wBAAwB,GAAGN,aAAa,CAAE,MAAM,CAAC,CAAE,CAAC;AACjE;AACA;AACA;AACA,SAASO,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,GAAGR,KAAK,CAACS,QAAQ,CAACC,IAAI,CAAEP,EAAG,CAAC;IACnDG,cAAc,GAAGE,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIL,EAAE;EACrC;EACAG,cAAc,EAAEN,KAAK,CAAC,CAAC;AACxB;;AAEA;AACA;AACA,SAASW,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,GAAGrB,UAAU,CAAEK,wBAAyB,CAAC;EACvD,MAAMiB,UAAU,GAAGpB,MAAM,CAAC,CAAC;EAC3B,MAAM,CAAEqB,YAAY,EAAEC,eAAe,CAAE,GAAGvB,QAAQ,CAAE,IAAK,CAAC;EAE1DE,eAAe,CAAE,MAAM;IACtB,MAAM;MAAEK,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,GAAG5B,IAAI,CAAE,mCAAmC,EAAE;IAC7D,iBAAiB,EAAEyB,YAAY,KAAK,MAAM;IAC1C,kBAAkB,EAAEA,YAAY,KAAK;EACtC,CAAE,CAAC;EAEH,OACCI,aAAA;IAAKC,GAAG,EAAGN,UAAY;IAACO,SAAS,EAAGH;EAAY,GAC7CN,QACE,CAAC;AAER;AAEA,eAAe,SAASU,cAAcA,CAAE;EAAEC,QAAQ;EAAEX;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,CAAE,GAAGpB,QAAQ,CAAEc,cAAe,CAAC;EAE/C,OACCY,aAAA,CAACtB,wBAAwB,CAAC2B,QAAQ;IAACC,KAAK,EAAGZ;EAAU,GACpDM,aAAA;IAAKE,SAAS,EAAC;EAA4B,GAC1CF,aAAA,CAACR,qBAAqB;IAACe,GAAG,EAAGH;EAAU,GACpCX,QACoB,CACnB,CAC6B,CAAC;AAEtC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -11,7 +11,7 @@ import { Button } from '@wordpress/components';
 export default function SidebarButton(props) {
   return createElement(Button, {
     ...props,
-    className: classnames('edit-site-sidebar-button', props.className)
+    className: clsx('edit-site-sidebar-button', props.className)
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","Button","SidebarButton","props","createElement","className"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-button',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,OACCC,aAAA,CAACH,MAAM;IAAA,GACDE,KAAK;IACVE,SAAS,EAAGL,UAAU,CACrB,0BAA0B,EAC1BG,KAAK,CAACE,SACP;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["clsx","Button","SidebarButton","props","createElement","className"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'edit-site-sidebar-button', props.className ) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,OACCC,aAAA,CAACH,MAAM;IAAA,GACDE,KAAK;IACVE,SAAS,EAAGL,IAAI,CAAE,0BAA0B,EAAEG,KAAK,CAACE,SAAU;EAAG,CACjE,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/sidebar-dataviews/dataview-item.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -45,7 +45,7 @@ export default function DataViewItem({
   });
   return createElement(HStack, {
     justify: "flex-start",
-    className: classnames('edit-site-sidebar-dataviews-dataview-item', {
+    className: clsx('edit-site-sidebar-dataviews-dataview-item', {
       'is-selected': isActive
     })
   }, createElement(SidebarNavigationItem, {

package/build-module/components/sidebar-dataviews/dataview-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","useLink","SidebarNavigationItem","unlock","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","path","layout","iconToUse","find","v","linkInfo","activeView","createElement","justify","className","undefined"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst {\n\t\tparams: { path, layout },\n\t} = useLocation();\n\n\tconst iconToUse =\n\t\ticon || VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tconst linkInfo = useLink( {\n\t\tpath,\n\t\tlayout,\n\t\tactiveView: isCustom ? customViewId : slug,\n\t\tisCustom: isCustom ? 'true' : 'false',\n\t} );\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-dataviews-dataview-item',\n\t\t\t\t{\n\t\t\t\t\t'is-selected': isActive,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\t{ ...linkInfo }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;;AAEnD;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASQ,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC,IAAI;MAAEC;IAAO;EACxB,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAEjB,MAAMa,SAAS,GACdP,IAAI,IAAIV,YAAY,CAACkB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACV,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,MAAMU,QAAQ,GAAGnB,OAAO,CAAE;IACzBc,IAAI;IACJC,MAAM;IACNK,UAAU,EAAET,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;IAC1CK,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAG;EAC/B,CAAE,CAAC;EACH,OACCU,aAAA,CAACvB,MAAM;IACNwB,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG7B,UAAU,CACrB,2CAA2C,EAC3C;MACC,aAAa,EAAEgB;IAChB,CACD;EAAG,GAEHW,aAAA,CAACpB,qBAAqB;IACrBQ,IAAI,EAAGO,SAAW;IAAA,GACbG,QAAQ;IACb,gBAAeT,QAAQ,GAAG,MAAM,GAAGc;EAAW,GAE5CnB,KACoB,CAAC,EACtBO,MACK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["clsx","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","useLink","SidebarNavigationItem","unlock","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","path","layout","iconToUse","find","v","linkInfo","activeView","createElement","justify","className","undefined"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst {\n\t\tparams: { path, layout },\n\t} = useLocation();\n\n\tconst iconToUse =\n\t\ticon || VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tconst linkInfo = useLink( {\n\t\tpath,\n\t\tlayout,\n\t\tactiveView: isCustom ? customViewId : slug,\n\t\tisCustom: isCustom ? 'true' : 'false',\n\t} );\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\t{ ...linkInfo }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;;AAEnD;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASQ,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC,IAAI;MAAEC;IAAO;EACxB,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAEjB,MAAMa,SAAS,GACdP,IAAI,IAAIV,YAAY,CAACkB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACV,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,MAAMU,QAAQ,GAAGnB,OAAO,CAAE;IACzBc,IAAI;IACJC,MAAM;IACNK,UAAU,EAAET,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;IAC1CK,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAG;EAC/B,CAAE,CAAC;EACH,OACCU,aAAA,CAACvB,MAAM;IACNwB,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG7B,IAAI,CAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEgB;IAChB,CAAE;EAAG,GAELW,aAAA,CAACpB,qBAAqB;IACrBQ,IAAI,EAAGO,SAAW;IAAA,GACbG,QAAQ;IACb,gBAAeT,QAAQ,GAAG,MAAM,GAAGc;EAAW,GAE5CnB,KACoB,CAAC,EACtBO,MACK,CAAC;AAEX","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -32,7 +32,9 @@ export default function SidebarNavigationItem({
   ...props
 }) {
   const history = useHistory();
-  const navigate = useContext(SidebarNavigationContext);
+  const {
+    navigate
+  } = useContext(SidebarNavigationContext);
 
   // If there is no custom click handler, create one that navigates to `path`.
   function handleClick(e) {
@@ -48,7 +50,7 @@ export default function SidebarNavigationItem({
     }
   }
   return createElement(Item, {
-    className: classnames('edit-site-sidebar-navigation-item', {
+    className: clsx('edit-site-sidebar-navigation-item', {
       'with-suffix': !withChevron && suffix
     }, className),
     onClick: handleClick,

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","isRTL","chevronRightSmall","chevronLeftSmall","Icon","privateApis","routerPrivateApis","useContext","unlock","SidebarNavigationContext","useHistory","SidebarNavigationItem","className","icon","withChevron","suffix","path","onClick","children","props","history","navigate","handleClick","e","preventDefault","push","createElement","id","justify","style","fill","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tpath,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst navigate = useContext( SidebarNavigationContext );\n\n\t// If there is no custom click handler, create one that navigates to `path`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( path ) {\n\t\t\te.preventDefault();\n\t\t\thistory.push( { path } );\n\t\t\tnavigate( 'forward', `[id=\"${ path }\"]` );\n\t\t}\n\t}\n\n\treturn (\n\t\t<Item\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ handleClick }\n\t\t\tid={ path }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,kBAAkB;AAC5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,wBAAwB,QAAQ,YAAY;AAErD,MAAM;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAEF,iBAAkB,CAAC;AAElD,eAAe,SAASK,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGV,UAAU,CAAC,CAAC;EAC5B,MAAMW,QAAQ,GAAGd,UAAU,CAAEE,wBAAyB,CAAC;;EAEvD;EACA,SAASa,WAAWA,CAAEC,CAAC,EAAG;IACzB,IAAKN,OAAO,EAAG;MACdA,OAAO,CAAEM,CAAE,CAAC;MACZF,QAAQ,CAAE,SAAU,CAAC;IACtB,CAAC,MAAM,IAAKL,IAAI,EAAG;MAClBO,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBJ,OAAO,CAACK,IAAI,CAAE;QAAET;MAAK,CAAE,CAAC;MACxBK,QAAQ,CAAE,SAAS,EAAG,QAAQL,IAAM,IAAI,CAAC;IAC1C;EACD;EAEA,OACCU,aAAA,CAAC7B,IAAI;IACJe,SAAS,EAAGjB,UAAU,CACrB,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEmB,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IACHK,OAAO,EAAGK,WAAa;IACvBK,EAAE,EAAGX,IAAM;IAAA,GACNG;EAAK,GAEVO,aAAA,CAAC3B,MAAM;IAAC6B,OAAO,EAAC;EAAY,GACzBf,IAAI,IACLa,aAAA,CAACtB,IAAI;IACJyB,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAe,CAAG;IAClCjB,IAAI,EAAGA,IAAM;IACbkB,IAAI,EAAG;EAAI,CACX,CACD,EACDL,aAAA,CAAC1B,SAAS,QAAGkB,QAAqB,CAAC,EACjCJ,WAAW,IACZY,aAAA,CAACtB,IAAI;IACJS,IAAI,EAAGZ,KAAK,CAAC,CAAC,GAAGE,gBAAgB,GAAGD,iBAAmB;IACvDU,SAAS,EAAC,wDAAwD;IAClEmB,IAAI,EAAG;EAAI,CACX,CACD,EACC,CAAEjB,WAAW,IAAIC,MACZ,CACH,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["clsx","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","isRTL","chevronRightSmall","chevronLeftSmall","Icon","privateApis","routerPrivateApis","useContext","unlock","SidebarNavigationContext","useHistory","SidebarNavigationItem","className","icon","withChevron","suffix","path","onClick","children","props","history","navigate","handleClick","e","preventDefault","push","createElement","id","justify","style","fill","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tpath,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\n\t// If there is no custom click handler, create one that navigates to `path`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( path ) {\n\t\t\te.preventDefault();\n\t\t\thistory.push( { path } );\n\t\t\tnavigate( 'forward', `[id=\"${ path }\"]` );\n\t\t}\n\t}\n\n\treturn (\n\t\t<Item\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ handleClick }\n\t\t\tid={ path }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,kBAAkB;AAC5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,wBAAwB,QAAQ,YAAY;AAErD,MAAM;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAEF,iBAAkB,CAAC;AAElD,eAAe,SAASK,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGV,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEW;EAAS,CAAC,GAAGd,UAAU,CAAEE,wBAAyB,CAAC;;EAE3D;EACA,SAASa,WAAWA,CAAEC,CAAC,EAAG;IACzB,IAAKN,OAAO,EAAG;MACdA,OAAO,CAAEM,CAAE,CAAC;MACZF,QAAQ,CAAE,SAAU,CAAC;IACtB,CAAC,MAAM,IAAKL,IAAI,EAAG;MAClBO,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBJ,OAAO,CAACK,IAAI,CAAE;QAAET;MAAK,CAAE,CAAC;MACxBK,QAAQ,CAAE,SAAS,EAAG,QAAQL,IAAM,IAAI,CAAC;IAC1C;EACD;EAEA,OACCU,aAAA,CAAC7B,IAAI;IACJe,SAAS,EAAGjB,IAAI,CACf,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEmB,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IACHK,OAAO,EAAGK,WAAa;IACvBK,EAAE,EAAGX,IAAM;IAAA,GACNG;EAAK,GAEVO,aAAA,CAAC3B,MAAM;IAAC6B,OAAO,EAAC;EAAY,GACzBf,IAAI,IACLa,aAAA,CAACtB,IAAI;IACJyB,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAe,CAAG;IAClCjB,IAAI,EAAGA,IAAM;IACbkB,IAAI,EAAG;EAAI,CACX,CACD,EACDL,aAAA,CAAC1B,SAAS,QAAGkB,QAAqB,CAAC,EACjCJ,WAAW,IACZY,aAAA,CAACtB,IAAI;IACJS,IAAI,EAAGZ,KAAK,CAAC,CAAC,GAAGE,gBAAgB,GAAGD,iBAAmB;IACvDU,SAAS,EAAC,wDAAwD;IAClEmB,IAAI,EAAG;EAAI,CACX,CACD,EACC,CAAEjB,WAAW,IAAIC,MACZ,CACH,CAAC;AAET","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -27,33 +27,6 @@ const {
   useHistory,
   useLocation
 } = unlock(routerPrivateApis);
-function getBackPath(params) {
-  // From a data view path we navigate back to root
-  if (params.path) {
-    return {};
-  }
-
-  // From edit screen for a post we navigate back to post-type specific data view
-  if (params.postType === 'page') {
-    return {
-      path: '/page',
-      postId: params.postId
-    };
-  } else if (params.postType === 'wp_template') {
-    return {
-      path: '/wp_template',
-      postId: params.postId
-    };
-  } else if (params.postType === 'wp_navigation') {
-    return {
-      path: '/navigation',
-      postId: params.postId
-    };
-  }
-
-  // Go back to root by default
-  return {};
-}
 export default function SidebarNavigationScreen({
   isRoot,
   title,
@@ -83,10 +56,13 @@ export default function SidebarNavigationScreen({
   }, []);
   const location = useLocation();
   const history = useHistory();
-  const navigate = useContext(SidebarNavigationContext);
+  const {
+    navigate
+  } = useContext(SidebarNavigationContext);
+  const backPath = backPathProp !== null && backPathProp !== void 0 ? backPathProp : location.state?.backPath;
   const icon = isRTL() ? chevronRight : chevronLeft;
   return createElement(Fragment, null, createElement(VStack, {
-    className: classnames('edit-site-sidebar-navigation-screen__main', {
+    className: clsx('edit-site-sidebar-navigation-screen__main', {
       'has-footer': !!footer
     }),
     spacing: 0,
@@ -97,8 +73,6 @@ export default function SidebarNavigationScreen({
     className: "edit-site-sidebar-navigation-screen__title-icon"
   }, !isRoot && createElement(SidebarButton, {
     onClick: () => {
-      var _ref;
-      const backPath = (_ref = backPathProp !== null && backPathProp !== void 0 ? backPathProp : location.state?.backPath) !== null && _ref !== void 0 ? _ref : getBackPath(location.params);
       history.push(backPath);
       navigate('back');
     },

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","useHistory","useLocation","getBackPath","params","path","postType","postId","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","icon","createElement","Fragment","className","spacing","justify","alignment","onClick","_ref","state","push","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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\nfunction getBackPath( params ) {\n\t// From a data view path we navigate back to root\n\tif ( params.path ) {\n\t\treturn {};\n\t}\n\n\t// From edit screen for a post we navigate back to post-type specific data view\n\tif ( params.postType === 'page' ) {\n\t\treturn { path: '/page', postId: params.postId };\n\t} else if ( params.postType === 'wp_template' ) {\n\t\treturn { path: '/wp_template', postId: params.postId };\n\t} else if ( params.postType === 'wp_navigation' ) {\n\t\treturn { path: '/navigation', postId: params.postId };\n\t}\n\n\t// Go back to root by default\n\treturn {};\n}\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 icon = isRTL() ? chevronRight : chevronLeft;\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-sidebar-navigation-screen__main',\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t\t}\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={ 4 }\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\tconst backPath =\n\t\t\t\t\t\t\t\t\tbackPathProp ??\n\t\t\t\t\t\t\t\t\tlocation.state?.backPath ??\n\t\t\t\t\t\t\t\t\tgetBackPath( location.params );\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","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","createElement","Fragment","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={ 4 }\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":[]}

package/build-module/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -18,7 +18,7 @@ export default function SidebarNavigationScreenDetailsPanelRow({
     key: label,
     spacing: 5,
     alignment: "left",
-    className: classnames('edit-site-sidebar-navigation-details-screen-panel__row', className),
+    className: clsx('edit-site-sidebar-navigation-details-screen-panel__row', className),
     ...extraProps
   }, children);
 }

package/build-module/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__experimentalHStack","HStack","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","createElement","key","spacing","alignment"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelRow( {\n\tlabel,\n\tchildren,\n\tclassName,\n\t...extraProps\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\tkey={ label }\n\t\t\tspacing={ 5 }\n\t\t\talignment=\"left\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-navigation-details-screen-panel__row',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t>\n\t\t\t{ children }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AAEtE,eAAe,SAASC,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,OACCC,aAAA,CAACN,MAAM;IACNO,GAAG,EAAGL,KAAO;IACbM,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;IAChBL,SAAS,EAAGN,UAAU,CACrB,wDAAwD,EACxDM,SACD,CAAG;IAAA,GACEC;EAAU,GAEbF,QACK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["clsx","__experimentalHStack","HStack","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","createElement","key","spacing","alignment"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelRow( {\n\tlabel,\n\tchildren,\n\tclassName,\n\t...extraProps\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\tkey={ label }\n\t\t\tspacing={ 5 }\n\t\t\talignment=\"left\"\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-sidebar-navigation-details-screen-panel__row',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t>\n\t\t\t{ children }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AAEtE,eAAe,SAASC,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,OACCC,aAAA,CAACN,MAAM;IACNO,GAAG,EAAGL,KAAO;IACbM,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;IAChBL,SAAS,EAAGN,IAAI,CACf,wDAAwD,EACxDM,SACD,CAAG;IAAA,GACEC;EAAU,GAEbF,QACK,CAAC;AAEX","ignoreList":[]}

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

@@ -90,7 +90,9 @@ function SidebarNavigationScreenGlobalStylesContent() {
     gap: gap
   })));
 }
-export default function SidebarNavigationScreenGlobalStyles() {
+export default function SidebarNavigationScreenGlobalStyles({
+  backPath
+}) {
   const {
     revisions,
     isLoading: isLoadingRevisions
@@ -158,6 +160,7 @@ export default function SidebarNavigationScreenGlobalStyles() {
   return createElement(Fragment, null, createElement(SidebarNavigationScreen, {
     title: __('Styles'),
     description: __('Choose a different style combination for the theme styles.'),
+    backPath: backPath,
     content: createElement(SidebarNavigationScreenGlobalStylesContent, null),
     footer: shouldShowGlobalStylesFooter && createElement(SidebarNavigationScreenDetailsFooter, {
       record: revisions?.[0],

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

@@ -1 +1 @@
-{"version":3,"names":["__","edit","seen","useSelect","useDispatch","store","coreStore","__experimentalVStack","VStack","useViewportMatch","BlockEditorProvider","useCallback","editorStore","preferencesStore","SidebarNavigationScreen","StyleVariationsContainer","unlock","editSiteStore","SidebarButton","SidebarNavigationItem","StyleBook","useGlobalStylesRevisions","SidebarNavigationScreenDetailsFooter","ColorVariations","TypographyVariations","useColorVariations","useTypographyVariations","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","setCanvasMode","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","path","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","typographyVariations","gap","settings","onChange","onInput","spacing","className","title","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","setIsListViewOpened","isMobileViewport","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","openGlobalStyles","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","description","content","footer","record","actions","icon","label","isPressed","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\nimport {\n\tuseColorVariations,\n\tuseTypographyVariations,\n} from '../global-styles/hooks';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn <SidebarNavigationItem { ...props } path=\"/wp_global_styles\" />;\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings(),\n\t\t};\n\t}, [] );\n\n\tconst colorVariations = useColorVariations();\n\tconst typographyVariations = useTypographyVariations();\n\tconst gap = 3;\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tspacing={ 10 }\n\t\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t\t>\n\t\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t\t{ colorVariations?.length && (\n\t\t\t\t\t<ColorVariations title={ __( 'Colors' ) } gap={ gap } />\n\t\t\t\t) }\n\t\t\t\t{ typographyVariations?.length && (\n\t\t\t\t\t<TypographyVariations\n\t\t\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\t\t\tgap={ gap }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</BlockEditorProvider>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, setPreference ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\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\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","edit","seen","useSelect","useDispatch","store","coreStore","__experimentalVStack","VStack","useViewportMatch","BlockEditorProvider","useCallback","editorStore","preferencesStore","SidebarNavigationScreen","StyleVariationsContainer","unlock","editSiteStore","SidebarButton","SidebarNavigationItem","StyleBook","useGlobalStylesRevisions","SidebarNavigationScreenDetailsFooter","ColorVariations","TypographyVariations","useColorVariations","useTypographyVariations","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","setCanvasMode","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","path","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","typographyVariations","gap","settings","onChange","onInput","spacing","className","title","SidebarNavigationScreenGlobalStyles","backPath","revisions","isLoading","isLoadingRevisions","setIsListViewOpened","isMobileViewport","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","openGlobalStyles","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","description","content","footer","record","actions","icon","label","isPressed","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { useCallback } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\nimport {\n\tuseColorVariations,\n\tuseTypographyVariations,\n} from '../global-styles/hooks';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn <SidebarNavigationItem { ...props } path=\"/wp_global_styles\" />;\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings(),\n\t\t};\n\t}, [] );\n\n\tconst colorVariations = useColorVariations();\n\tconst typographyVariations = useTypographyVariations();\n\tconst gap = 3;\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tspacing={ 10 }\n\t\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t\t>\n\t\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t\t{ colorVariations?.length && (\n\t\t\t\t\t<ColorVariations title={ __( 'Colors' ) } gap={ gap } />\n\t\t\t\t) }\n\t\t\t\t{ typographyVariations?.length && (\n\t\t\t\t\t<TypographyVariations\n\t\t\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\t\t\tgap={ gap }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</BlockEditorProvider>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles( { backPath } ) {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, setPreference ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\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\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}