@wordpress/edit-site 5.35.0 → 6.0.0

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -28,6 +27,9 @@ import SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-d
 import ColorVariations from '../global-styles/variations/variations-color';
 import TypographyVariations from '../global-styles/variations/variations-typography';
 import { useColorVariations, useTypographyVariations } from '../global-styles/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const noop = () => {};
 export function SidebarNavigationItemGlobalStyles(props) {
   const {
@@ -38,12 +40,15 @@ export function SidebarNavigationItemGlobalStyles(props) {
   } = unlock(useDispatch(editSiteStore));
   const hasGlobalStyleVariations = useSelect(select => !!select(coreStore).__experimentalGetCurrentThemeGlobalStylesVariations()?.length, []);
   if (hasGlobalStyleVariations) {
-    return createElement(SidebarNavigationItem, {
+    return /*#__PURE__*/_jsx(SidebarNavigationItem, {
       ...props,
-      path: "/wp_global_styles"
+      params: {
+        path: '/wp_global_styles'
+      },
+      uid: "global-styles-navigation-item"
     });
   }
-  return createElement(SidebarNavigationItem, {
+  return /*#__PURE__*/_jsx(SidebarNavigationItem, {
     ...props,
     onClick: () => {
       // Switch to edit mode.
@@ -73,22 +78,24 @@ function SidebarNavigationScreenGlobalStylesContent() {
   // the block editor store's `__internalIsInitialized` is true before
   // rendering the iframe. Without this, the iframe previews will not render
   // in mobile viewport sizes, where the editor canvas is hidden.
-  return createElement(BlockEditorProvider, {
+  return /*#__PURE__*/_jsx(BlockEditorProvider, {
     settings: storedSettings,
     onChange: noop,
-    onInput: noop
-  }, createElement(VStack, {
-    spacing: 10,
-    className: "edit-site-global-styles-variation-container"
-  }, createElement(StyleVariationsContainer, {
-    gap: gap
-  }), colorVariations?.length && createElement(ColorVariations, {
-    title: __('Colors'),
-    gap: gap
-  }), typographyVariations?.length && createElement(TypographyVariations, {
-    title: __('Typography'),
-    gap: gap
-  })));
+    onInput: noop,
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: 10,
+      className: "edit-site-global-styles-variation-container",
+      children: [/*#__PURE__*/_jsx(StyleVariationsContainer, {
+        gap: gap
+      }), colorVariations?.length && /*#__PURE__*/_jsx(ColorVariations, {
+        title: __('Palettes'),
+        gap: gap
+      }), typographyVariations?.length && /*#__PURE__*/_jsx(TypographyVariations, {
+        title: __('Typography'),
+        gap: gap
+      })]
+    })
+  });
 }
 export default function SidebarNavigationScreenGlobalStyles({
   backPath
@@ -157,32 +164,36 @@ export default function SidebarNavigationScreenGlobalStyles({
   const hasRevisions = revisionsCount > 0;
   const modifiedDateTime = revisions?.[0]?.modified;
   const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
-  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],
-      onClick: openRevisions
-    }),
-    actions: createElement(Fragment, null, !isMobileViewport && createElement(SidebarButton, {
-      icon: seen,
-      label: __('Style Book'),
-      onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
-      isPressed: isStyleBookOpened
-    }), createElement(SidebarButton, {
-      icon: edit,
-      label: __('Edit styles'),
-      onClick: async () => await openGlobalStyles()
-    }))
-  }), isStyleBookOpened && !isMobileViewport && isViewMode && createElement(StyleBook, {
-    enableResizing: false,
-    isSelected: () => false,
-    onClick: openStyleBook,
-    onSelect: openStyleBook,
-    showCloseButton: false,
-    showTabs: false
-  }));
+  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, {}),
+      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

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","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":[]}
+{"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","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","setCanvasMode","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","params","path","uid","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","typographyVariations","gap","settings","onChange","onInput","children","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","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 (\n\t\t\t<SidebarNavigationItem\n\t\t\t\t{ ...props }\n\t\t\t\tparams={ { path: '/wp_global_styles' } }\n\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t/>\n\t\t);\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={ __( 'Palettes' ) } 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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,yBAAyB;AAC7D,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASN,KAAK,IAAIO,WAAW,QAAQ,mBAAmB;AACxD,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,wBAAwB,MAAM,6CAA6C;AAClF,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASX,KAAK,IAAIY,aAAa,QAAQ,aAAa;AACpD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,wBAAwB,MAAM,+DAA+D;AACpG,OAAOC,oCAAoC,MAAM,6CAA6C;AAC9F,OAAOC,eAAe,MAAM,8CAA8C;AAC1E,OAAOC,oBAAoB,MAAM,mDAAmD;AACpF,SACCC,kBAAkB,EAClBC,uBAAuB,QACjB,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEhC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,OAAO,SAASC,iCAAiCA,CAAEC,KAAK,EAAG;EAC1D,MAAM;IAAEC;EAAmB,CAAC,GAAGhC,WAAW,CAAEa,aAAc,CAAC;EAC3D,MAAM;IAAEoB;EAAc,CAAC,GAAGrB,MAAM,CAAEZ,WAAW,CAAEa,aAAc,CAAE,CAAC;EAEhE,MAAMqB,wBAAwB,GAAGnC,SAAS,CACvCoC,MAAM,IACP,CAAC,CAAEA,MAAM,CACRjC,SACD,CAAC,CAACkC,mDAAmD,CAAC,CAAC,EAAEC,MAAM,EAChE,EACD,CAAC;EACD,IAAKH,wBAAwB,EAAG;IAC/B,oBACCV,IAAA,CAACT,qBAAqB;MAAA,GAChBgB,KAAK;MACVO,MAAM,EAAG;QAAEC,IAAI,EAAE;MAAoB,CAAG;MACxCC,GAAG,EAAC;IAA+B,CACnC,CAAC;EAEJ;EACA,oBACChB,IAAA,CAACT,qBAAqB;IAAA,GAChBgB,KAAK;IACVU,OAAO,EAAGA,CAAA,KAAM;MACf;MACAR,aAAa,CAAE,MAAO,CAAC;MACvB;MACAD,kBAAkB,CAAE,yBAA0B,CAAC;IAChD;EAAG,CACH,CAAC;AAEJ;AAEA,SAASU,0CAA0CA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAAe,CAAC,GAAG5C,SAAS,CAAIoC,MAAM,IAAM;IACnD,MAAM;MAAES;IAAY,CAAC,GAAGhC,MAAM,CAAEuB,MAAM,CAAEtB,aAAc,CAAE,CAAC;IAEzD,OAAO;MACN8B,cAAc,EAAEC,WAAW,CAAC;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,eAAe,GAAGxB,kBAAkB,CAAC,CAAC;EAC5C,MAAMyB,oBAAoB,GAAGxB,uBAAuB,CAAC,CAAC;EACtD,MAAMyB,GAAG,GAAG,CAAC;;EAEb;EACA;EACA;EACA;EACA;EACA,oBACCvB,IAAA,CAAClB,mBAAmB;IACnB0C,QAAQ,EAAGL,cAAgB;IAC3BM,QAAQ,EAAGpB,IAAM;IACjBqB,OAAO,EAAGrB,IAAM;IAAAsB,QAAA,eAEhBzB,KAAA,CAACtB,MAAM;MACNgD,OAAO,EAAG,EAAI;MACdC,SAAS,EAAC,6CAA6C;MAAAF,QAAA,gBAEvD3B,IAAA,CAACb,wBAAwB;QAACoC,GAAG,EAAGA;MAAK,CAAE,CAAC,EACtCF,eAAe,EAAER,MAAM,iBACxBb,IAAA,CAACL,eAAe;QAACmC,KAAK,EAAG1D,EAAE,CAAE,UAAW,CAAG;QAACmD,GAAG,EAAGA;MAAK,CAAE,CACzD,EACCD,oBAAoB,EAAET,MAAM,iBAC7Bb,IAAA,CAACJ,oBAAoB;QACpBkC,KAAK,EAAG1D,EAAE,CAAE,YAAa,CAAG;QAC5BmD,GAAG,EAAGA;MAAK,CACX,CACD;IAAA,CACM;EAAC,CACW,CAAC;AAExB;AAEA,eAAe,SAASQ,mCAAmCA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC3E,MAAM;IAAEC,SAAS;IAAEC,SAAS,EAAEC;EAAmB,CAAC,GACjD1C,wBAAwB,CAAC,CAAC;EAC3B,MAAM;IAAEe;EAAmB,CAAC,GAAGhC,WAAW,CAAEa,aAAc,CAAC;EAC3D,MAAM;IAAE+C;EAAoB,CAAC,GAAG5D,WAAW,CAAEQ,WAAY,CAAC;EAC1D,MAAMqD,gBAAgB,GAAGxD,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAE4B,aAAa;IAAE6B;EAA6B,CAAC,GAAGlD,MAAM,CAC7DZ,WAAW,CAAEa,aAAc,CAC5B,CAAC;EACD,MAAM;IAAEkD,UAAU;IAAEC,iBAAiB;IAAEC;EAAe,CAAC,GAAGlE,SAAS,CAChEoC,MAAM,IAAM;IAAA,IAAA+B,qBAAA;IACb,MAAM;MAAEC,aAAa;MAAEC;IAA6B,CAAC,GAAGxD,MAAM,CAC7DuB,MAAM,CAAEtB,aAAc,CACvB,CAAC;IACD,MAAM;MAAEwD,eAAe;MAAEC;IAAuC,CAAC,GAChEnC,MAAM,CAAEjC,SAAU,CAAC;IACpB,MAAMqE,cAAc,GAAGD,sCAAsC,CAAC,CAAC;IAC/D,MAAME,YAAY,GAAGD,cAAc,GAChCF,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEE,cAAe,CAAC,GACzDE,SAAS;IACZ,OAAO;MACNV,UAAU,EAAE,MAAM,KAAKI,aAAa,CAAC,CAAC;MACtCH,iBAAiB,EAChB,YAAY,KAAKI,4BAA4B,CAAC,CAAC;MAChDH,cAAc,GAAAC,qBAAA,GACbM,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEC,KAAK,cAAAT,qBAAA,cAAAA,qBAAA,GACzD;IACF,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEU,GAAG,EAAEC;EAAc,CAAC,GAAG7E,WAAW,CAAES,gBAAiB,CAAC;EAE9D,MAAMqE,gBAAgB,GAAGvE,WAAW,CAAE,YAAY;IACjD,OAAOwE,OAAO,CAACC,GAAG,CAAE,CACnBH,aAAa,CAAE,MAAM,EAAE,iBAAiB,EAAE,KAAM,CAAC,EACjD5C,aAAa,CAAE,MAAO,CAAC,EACvBD,kBAAkB,CAAE,yBAA0B,CAAC,CAC9C,CAAC;EACJ,CAAC,EAAE,CAAEC,aAAa,EAAED,kBAAkB,EAAE6C,aAAa,CAAG,CAAC;EAEzD,MAAMI,aAAa,GAAG1E,WAAW,CAAE,YAAY;IAC9C,MAAMuE,gBAAgB,CAAC,CAAC;IACxB;IACA;IACA;IACAhB,4BAA4B,CAAE,YAAa,CAAC;IAC5CF,mBAAmB,CAAE,KAAM,CAAC;EAC7B,CAAC,EAAE,CACFkB,gBAAgB,EAChBhB,4BAA4B,EAC5BF,mBAAmB,CAClB,CAAC;EAEH,MAAMsB,aAAa,GAAG3E,WAAW,CAAE,YAAY;IAC9C,MAAMuE,gBAAgB,CAAC,CAAC;IACxB;IACA;IACA;IACA;IACAhB,4BAA4B,CAAE,yBAA0B,CAAC;EAC1D,CAAC,EAAE,CAAEgB,gBAAgB,EAAEhB,4BAA4B,CAAG,CAAC;;EAEvD;EACA,MAAMqB,YAAY,GAAGlB,cAAc,GAAG,CAAC;EACvC,MAAMmB,gBAAgB,GAAG3B,SAAS,GAAI,CAAC,CAAE,EAAE4B,QAAQ;EACnD,MAAMC,4BAA4B,GACjCH,YAAY,IAAI,CAAExB,kBAAkB,IAAIyB,gBAAgB;EAEzD,oBACC1D,KAAA,CAAAE,SAAA;IAAAuB,QAAA,gBACC3B,IAAA,CAACd,uBAAuB;MACvB4C,KAAK,EAAG1D,EAAE,CAAE,QAAS,CAAG;MACxB2F,WAAW,EAAG3F,EAAE,CACf,4DACD,CAAG;MACH4D,QAAQ,EAAGA,QAAU;MACrBgC,OAAO,eAAGhE,IAAA,CAACkB,0CAA0C,IAAE,CAAG;MAC1D+C,MAAM,EACLH,4BAA4B,iBAC3B9D,IAAA,CAACN,oCAAoC;QACpCwE,MAAM,EAAGjC,SAAS,GAAI,CAAC,CAAI;QAC3BhB,OAAO,EAAGyC;MAAe,CACzB,CAEF;MACDS,OAAO,eACNjE,KAAA,CAAAE,SAAA;QAAAuB,QAAA,GACG,CAAEU,gBAAgB,iBACnBrC,IAAA,CAACV,aAAa;UACb8E,IAAI,EAAG9F,IAAM;UACb+F,KAAK,EAAGjG,EAAE,CAAE,YAAa,CAAG;UAC5B6C,OAAO,EAAGA,CAAA,KACTqB,4BAA4B,CAC3B,CAAEE,iBAAiB,GAChB,YAAY,GACZS,SACJ,CACA;UACDqB,SAAS,EAAG9B;QAAmB,CAC/B,CACD,eACDxC,IAAA,CAACV,aAAa;UACb8E,IAAI,EAAG/F,IAAM;UACbgG,KAAK,EAAGjG,EAAE,CAAE,aAAc,CAAG;UAC7B6C,OAAO,EAAG,MAAAA,CAAA,KAAY,MAAMqC,gBAAgB,CAAC;QAAG,CAChD,CAAC;MAAA,CACD;IACF,CACD,CAAC,EACAd,iBAAiB,IAAI,CAAEH,gBAAgB,IAAIE,UAAU,iBACtDvC,IAAA,CAACR,SAAS;MACT+E,cAAc,EAAG,KAAO;MACxBC,UAAU,EAAGA,CAAA,KAAM,KAAO;MAC1BvD,OAAO,EAAGwC,aAAe;MACzBgB,QAAQ,EAAGhB,aAAe;MAC1BiB,eAAe,EAAG,KAAO;MACzBC,QAAQ,EAAG;IAAO,CAClB,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,6 +15,10 @@ import SidebarNavigationItem from '../sidebar-navigation-item';
 import { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
+import { NAVIGATION_POST_TYPE, TEMPLATE_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function SidebarNavigationScreenMain() {
   const {
     setEditorCanvasContainerView
@@ -25,30 +28,52 @@ export default function SidebarNavigationScreenMain() {
   useEffect(() => {
     setEditorCanvasContainerView(undefined);
   }, [setEditorCanvasContainerView]);
-  return createElement(SidebarNavigationScreen, {
+  return /*#__PURE__*/_jsx(SidebarNavigationScreen, {
     isRoot: true,
     title: __('Design'),
     description: __('Customize the appearance of your website using the block editor.'),
-    content: createElement(Fragment, null, createElement(ItemGroup, null, createElement(SidebarNavigationItem, {
-      path: "/navigation",
-      withChevron: true,
-      icon: navigation
-    }, __('Navigation')), createElement(SidebarNavigationItemGlobalStyles, {
-      withChevron: true,
-      icon: styles
-    }, __('Styles')), createElement(SidebarNavigationItem, {
-      path: "/page",
-      withChevron: true,
-      icon: page
-    }, __('Pages')), createElement(SidebarNavigationItem, {
-      path: "/wp_template",
-      withChevron: true,
-      icon: layout
-    }, __('Templates')), createElement(SidebarNavigationItem, {
-      path: "/patterns",
-      withChevron: true,
-      icon: symbol
-    }, __('Patterns'))))
+    content: /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsxs(ItemGroup, {
+        children: [/*#__PURE__*/_jsx(SidebarNavigationItem, {
+          uid: "navigation-navigation-item",
+          params: {
+            postType: NAVIGATION_POST_TYPE
+          },
+          withChevron: true,
+          icon: navigation,
+          children: __('Navigation')
+        }), /*#__PURE__*/_jsx(SidebarNavigationItemGlobalStyles, {
+          uid: "styles-navigation-item",
+          withChevron: true,
+          icon: styles,
+          children: __('Styles')
+        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+          uid: "page-navigation-item",
+          params: {
+            postType: 'page'
+          },
+          withChevron: true,
+          icon: page,
+          children: __('Pages')
+        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+          uid: "template-navigation-item",
+          params: {
+            postType: TEMPLATE_POST_TYPE
+          },
+          withChevron: true,
+          icon: layout,
+          children: __('Templates')
+        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+          uid: "patterns-navigation-item",
+          params: {
+            postType: PATTERN_TYPES.user
+          },
+          withChevron: true,
+          icon: symbol,
+          children: __('Patterns')
+        })]
+      })
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useEffect","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","store","editSiteStore","SidebarNavigationScreenMain","setEditorCanvasContainerView","undefined","createElement","isRoot","title","description","content","Fragment","path","withChevron","icon"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/navigation\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/page\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/wp_template\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tpath=\"/patterns\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,iCAAiC,QAAQ,4CAA4C;AAC9F,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AAEpD,eAAe,SAASC,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAGJ,MAAM,CAC9CL,WAAW,CAAEO,aAAc,CAC5B,CAAC;;EAED;EACAN,SAAS,CAAE,MAAM;IAChBQ,4BAA4B,CAAEC,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAED,4BAA4B,CAAG,CAAC;EAErC,OACCE,aAAA,CAACT,uBAAuB;IACvBU,MAAM;IACNC,KAAK,EAAGnB,EAAE,CAAE,QAAS,CAAG;IACxBoB,WAAW,EAAGpB,EAAE,CACf,kEACD,CAAG;IACHqB,OAAO,EACNJ,aAAA,CAAAK,QAAA,QACCL,aAAA,CAAClB,SAAS,QACTkB,aAAA,CAACR,qBAAqB;MACrBc,IAAI,EAAC,aAAa;MAClBC,WAAW;MACXC,IAAI,EAAGtB;IAAY,GAEjBH,EAAE,CAAE,YAAa,CACG,CAAC,EACxBiB,aAAA,CAACP,iCAAiC;MACjCc,WAAW;MACXC,IAAI,EAAGrB;IAAQ,GAEbJ,EAAE,CAAE,QAAS,CACmB,CAAC,EACpCiB,aAAA,CAACR,qBAAqB;MACrBc,IAAI,EAAC,OAAO;MACZC,WAAW;MACXC,IAAI,EAAGpB;IAAM,GAEXL,EAAE,CAAE,OAAQ,CACQ,CAAC,EACxBiB,aAAA,CAACR,qBAAqB;MACrBc,IAAI,EAAC,cAAc;MACnBC,WAAW;MACXC,IAAI,EAAGxB;IAAQ,GAEbD,EAAE,CAAE,WAAY,CACI,CAAC,EACxBiB,aAAA,CAACR,qBAAqB;MACrBc,IAAI,EAAC,WAAW;MAChBC,WAAW;MACXC,IAAI,EAAGvB;IAAQ,GAEbF,EAAE,CAAE,UAAW,CACK,CACb,CACV;EACF,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useEffect","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","store","editSiteStore","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SidebarNavigationScreenMain","setEditorCanvasContainerView","undefined","isRoot","title","description","content","children","uid","params","postType","withChevron","icon","user"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\t\tuid=\"styles-navigation-item\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: 'page' } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: TEMPLATE_POST_TYPE } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: PATTERN_TYPES.user } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,iCAAiC,QAAQ,4CAA4C;AAC9F,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,SACCC,oBAAoB,EACpBC,kBAAkB,EAClBC,aAAa,QACP,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE/B,eAAe,SAASC,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAGb,MAAM,CAC9CL,WAAW,CAAEO,aAAc,CAC5B,CAAC;;EAED;EACAN,SAAS,CAAE,MAAM;IAChBiB,4BAA4B,CAAEC,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAED,4BAA4B,CAAG,CAAC;EAErC,oBACCN,IAAA,CAACV,uBAAuB;IACvBkB,MAAM;IACNC,KAAK,EAAG3B,EAAE,CAAE,QAAS,CAAG;IACxB4B,WAAW,EAAG5B,EAAE,CACf,kEACD,CAAG;IACH6B,OAAO,eACNX,IAAA,CAAAI,SAAA;MAAAQ,QAAA,eACCV,KAAA,CAACrB,SAAS;QAAA+B,QAAA,gBACTZ,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,4BAA4B;UAChCC,MAAM,EAAG;YAAEC,QAAQ,EAAEnB;UAAqB,CAAG;UAC7CoB,WAAW;UACXC,IAAI,EAAGhC,UAAY;UAAA2B,QAAA,EAEjB9B,EAAE,CAAE,YAAa;QAAC,CACE,CAAC,eACxBkB,IAAA,CAACR,iCAAiC;UACjCqB,GAAG,EAAC,wBAAwB;UAC5BG,WAAW;UACXC,IAAI,EAAG/B,MAAQ;UAAA0B,QAAA,EAEb9B,EAAE,CAAE,QAAS;QAAC,CACkB,CAAC,eACpCkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,sBAAsB;UAC1BC,MAAM,EAAG;YAAEC,QAAQ,EAAE;UAAO,CAAG;UAC/BC,WAAW;UACXC,IAAI,EAAG9B,IAAM;UAAAyB,QAAA,EAEX9B,EAAE,CAAE,OAAQ;QAAC,CACO,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAElB;UAAmB,CAAG;UAC3CmB,WAAW;UACXC,IAAI,EAAGlC,MAAQ;UAAA6B,QAAA,EAEb9B,EAAE,CAAE,WAAY;QAAC,CACG,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEjB,aAAa,CAACoB;UAAK,CAAG;UAC3CF,WAAW;UACXC,IAAI,EAAGjC,MAAQ;UAAA4B,QAAA,EAEb9B,EAAE,CAAE,UAAW;QAAC,CACI,CAAC;MAAA,CACd;IAAC,CACX;EACF,CACD,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js

@@ -1,14 +1,14 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function DeleteConfirmDialog({
   onClose,
   onConfirm
 }) {
-  return createElement(ConfirmDialog, {
+  return /*#__PURE__*/_jsx(ConfirmDialog, {
     isOpen: true,
     onConfirm: () => {
       onConfirm();
@@ -17,7 +17,8 @@ export default function DeleteConfirmDialog({
       onClose();
     },
     onCancel: onClose,
-    confirmButtonText: __('Delete')
-  }, __('Are you sure you want to delete this Navigation Menu?'));
+    confirmButtonText: __('Delete'),
+    children: __('Are you sure you want to delete this Navigation Menu?')
+  });
 }
 //# sourceMappingURL=delete-confirm-dialog.js.map

package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalConfirmDialog","ConfirmDialog","__","DeleteConfirmDialog","onClose","onConfirm","createElement","isOpen","onCancel","confirmButtonText"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function DeleteConfirmDialog( { onClose, onConfirm } ) {\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ () => {\n\t\t\t\tonConfirm();\n\n\t\t\t\t// Immediate close avoids ability to hit delete multiple times.\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t>\n\t\t\t{ __( 'Are you sure you want to delete this Navigation Menu?' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;AACpF,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,OACCC,aAAA,CAACL,aAAa;IACbM,MAAM;IACNF,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHI,QAAQ,EAAGJ,OAAS;IACpBK,iBAAiB,EAAGP,EAAE,CAAE,QAAS;EAAG,GAElCA,EAAE,CAAE,uDAAwD,CAChD,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["__experimentalConfirmDialog","ConfirmDialog","__","jsx","_jsx","DeleteConfirmDialog","onClose","onConfirm","isOpen","onCancel","confirmButtonText","children"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function DeleteConfirmDialog( { onClose, onConfirm } ) {\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ () => {\n\t\t\t\tonConfirm();\n\n\t\t\t\t// Immediate close avoids ability to hit delete multiple times.\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t>\n\t\t\t{ __( 'Are you sure you want to delete this Navigation Menu?' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;AACpF,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,oBACCH,IAAA,CAACH,aAAa;IACbO,MAAM;IACND,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHG,QAAQ,EAAGH,OAAS;IACpBI,iBAAiB,EAAGR,EAAE,CAAE,QAAS,CAAG;IAAAS,QAAA,EAElCT,EAAE,CAAE,uDAAwD;EAAC,CACjD,CAAC;AAElB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -18,6 +17,7 @@ import SingleNavigationMenu from './single-navigation-menu';
 import useNavigationMenuHandlers from './use-navigation-menu-handlers';
 import buildNavigationLabel from '../sidebar-navigation-screen-navigation-menus/build-navigation-label';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   useLocation
 } = unlock(routerPrivateApis);
@@ -58,22 +58,23 @@ export default function SidebarNavigationScreenNavigationMenu({
   const _handleSave = edits => handleSave(navigationMenu, edits);
   const _handleDuplicate = () => handleDuplicate(navigationMenu);
   if (isLoading) {
-    return createElement(SidebarNavigationScreenWrapper, {
+    return /*#__PURE__*/_jsx(SidebarNavigationScreenWrapper, {
       description: __('Navigation Menus are a curated collection of blocks that allow visitors to get around your site.'),
-      backPath: backPath
-    }, createElement(Spinner, {
-      className: "edit-site-sidebar-navigation-screen-navigation-menus__loading"
-    }));
+      backPath: backPath,
+      children: /*#__PURE__*/_jsx(Spinner, {
+        className: "edit-site-sidebar-navigation-screen-navigation-menus__loading"
+      })
+    });
   }
   if (!isLoading && !navigationMenu) {
-    return createElement(SidebarNavigationScreenWrapper, {
+    return /*#__PURE__*/_jsx(SidebarNavigationScreenWrapper, {
       description: __('Navigation Menu missing.'),
       backPath: backPath
     });
   }
   if (!navigationMenu?.content?.raw) {
-    return createElement(SidebarNavigationScreenWrapper, {
-      actions: createElement(ScreenNavigationMoreMenu, {
+    return /*#__PURE__*/_jsx(SidebarNavigationScreenWrapper, {
+      actions: /*#__PURE__*/_jsx(ScreenNavigationMoreMenu, {
         menuId: navigationMenu?.id,
         menuTitle: decodeEntities(menuTitle),
         onDelete: _handleDelete,
@@ -85,7 +86,7 @@ export default function SidebarNavigationScreenNavigationMenu({
       description: __('This Navigation Menu is empty.')
     });
   }
-  return createElement(SingleNavigationMenu, {
+  return /*#__PURE__*/_jsx(SingleNavigationMenu, {
     navigationMenu: navigationMenu,
     backPath: backPath,
     handleDelete: _handleDelete,

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

@@ -1 +1 @@
-{"version":3,"names":["useEntityRecord","store","coreStore","Spinner","__","useSelect","decodeEntities","privateApis","routerPrivateApis","SidebarNavigationScreenWrapper","ScreenNavigationMoreMenu","SingleNavigationMenu","useNavigationMenuHandlers","buildNavigationLabel","unlock","useLocation","postType","SidebarNavigationScreenNavigationMenu","backPath","params","postId","record","navigationMenu","isResolving","isSaving","isDeleting","select","isSavingEntityRecord","isDeletingEntityRecord","isLoading","menuTitle","title","rendered","slug","handleSave","handleDelete","handleDuplicate","_handleDelete","_handleSave","edits","_handleDuplicate","createElement","description","className","content","raw","actions","menuId","id","onDelete","onSave","onDuplicate","status"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord, store as coreStore } from '@wordpress/core-data';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { SidebarNavigationScreenWrapper } from '../sidebar-navigation-screen-navigation-menus';\nimport ScreenNavigationMoreMenu from './more-menu';\nimport SingleNavigationMenu from './single-navigation-menu';\nimport useNavigationMenuHandlers from './use-navigation-menu-handlers';\nimport buildNavigationLabel from '../sidebar-navigation-screen-navigation-menus/build-navigation-label';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport const postType = `wp_navigation`;\n\nexport default function SidebarNavigationScreenNavigationMenu( { backPath } ) {\n\tconst {\n\t\tparams: { postId },\n\t} = useLocation();\n\n\tconst { record: navigationMenu, isResolving } = useEntityRecord(\n\t\t'postType',\n\t\tpostType,\n\t\tpostId\n\t);\n\n\tconst { isSaving, isDeleting } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isSavingEntityRecord, isDeletingEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', postType, postId ),\n\t\t\t\tisDeleting: isDeletingEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostType,\n\t\t\t\t\tpostId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ postId ]\n\t);\n\n\tconst isLoading = isResolving || isSaving || isDeleting;\n\n\tconst menuTitle = navigationMenu?.title?.rendered || navigationMenu?.slug;\n\n\tconst { handleSave, handleDelete, handleDuplicate } =\n\t\tuseNavigationMenuHandlers();\n\n\tconst _handleDelete = () => handleDelete( navigationMenu );\n\tconst _handleSave = ( edits ) => handleSave( navigationMenu, edits );\n\tconst _handleDuplicate = () => handleDuplicate( navigationMenu );\n\n\tif ( isLoading ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Navigation Menus are a curated collection of blocks that allow visitors to get around your site.'\n\t\t\t\t) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t>\n\t\t\t\t<Spinner className=\"edit-site-sidebar-navigation-screen-navigation-menus__loading\" />\n\t\t\t</SidebarNavigationScreenWrapper>\n\t\t);\n\t}\n\n\tif ( ! isLoading && ! navigationMenu ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tdescription={ __( 'Navigation Menu missing.' ) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! navigationMenu?.content?.raw ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tactions={\n\t\t\t\t\t<ScreenNavigationMoreMenu\n\t\t\t\t\t\tmenuId={ navigationMenu?.id }\n\t\t\t\t\t\tmenuTitle={ decodeEntities( menuTitle ) }\n\t\t\t\t\t\tonDelete={ _handleDelete }\n\t\t\t\t\t\tonSave={ _handleSave }\n\t\t\t\t\t\tonDuplicate={ _handleDuplicate }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tbackPath={ backPath }\n\t\t\t\ttitle={ buildNavigationLabel(\n\t\t\t\t\tnavigationMenu?.title,\n\t\t\t\t\tnavigationMenu?.id,\n\t\t\t\t\tnavigationMenu?.status\n\t\t\t\t) }\n\t\t\t\tdescription={ __( 'This Navigation Menu is empty.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SingleNavigationMenu\n\t\t\tnavigationMenu={ navigationMenu }\n\t\t\tbackPath={ backPath }\n\t\t\thandleDelete={ _handleDelete }\n\t\t\thandleSave={ _handleSave }\n\t\t\thandleDuplicate={ _handleDuplicate }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEntityRecord","store","coreStore","Spinner","__","useSelect","decodeEntities","privateApis","routerPrivateApis","SidebarNavigationScreenWrapper","ScreenNavigationMoreMenu","SingleNavigationMenu","useNavigationMenuHandlers","buildNavigationLabel","unlock","jsx","_jsx","useLocation","postType","SidebarNavigationScreenNavigationMenu","backPath","params","postId","record","navigationMenu","isResolving","isSaving","isDeleting","select","isSavingEntityRecord","isDeletingEntityRecord","isLoading","menuTitle","title","rendered","slug","handleSave","handleDelete","handleDuplicate","_handleDelete","_handleSave","edits","_handleDuplicate","description","children","className","content","raw","actions","menuId","id","onDelete","onSave","onDuplicate","status"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord, store as coreStore } from '@wordpress/core-data';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { SidebarNavigationScreenWrapper } from '../sidebar-navigation-screen-navigation-menus';\nimport ScreenNavigationMoreMenu from './more-menu';\nimport SingleNavigationMenu from './single-navigation-menu';\nimport useNavigationMenuHandlers from './use-navigation-menu-handlers';\nimport buildNavigationLabel from '../sidebar-navigation-screen-navigation-menus/build-navigation-label';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport const postType = `wp_navigation`;\n\nexport default function SidebarNavigationScreenNavigationMenu( { backPath } ) {\n\tconst {\n\t\tparams: { postId },\n\t} = useLocation();\n\n\tconst { record: navigationMenu, isResolving } = useEntityRecord(\n\t\t'postType',\n\t\tpostType,\n\t\tpostId\n\t);\n\n\tconst { isSaving, isDeleting } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isSavingEntityRecord, isDeletingEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', postType, postId ),\n\t\t\t\tisDeleting: isDeletingEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostType,\n\t\t\t\t\tpostId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ postId ]\n\t);\n\n\tconst isLoading = isResolving || isSaving || isDeleting;\n\n\tconst menuTitle = navigationMenu?.title?.rendered || navigationMenu?.slug;\n\n\tconst { handleSave, handleDelete, handleDuplicate } =\n\t\tuseNavigationMenuHandlers();\n\n\tconst _handleDelete = () => handleDelete( navigationMenu );\n\tconst _handleSave = ( edits ) => handleSave( navigationMenu, edits );\n\tconst _handleDuplicate = () => handleDuplicate( navigationMenu );\n\n\tif ( isLoading ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Navigation Menus are a curated collection of blocks that allow visitors to get around your site.'\n\t\t\t\t) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t>\n\t\t\t\t<Spinner className=\"edit-site-sidebar-navigation-screen-navigation-menus__loading\" />\n\t\t\t</SidebarNavigationScreenWrapper>\n\t\t);\n\t}\n\n\tif ( ! isLoading && ! navigationMenu ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tdescription={ __( 'Navigation Menu missing.' ) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! navigationMenu?.content?.raw ) {\n\t\treturn (\n\t\t\t<SidebarNavigationScreenWrapper\n\t\t\t\tactions={\n\t\t\t\t\t<ScreenNavigationMoreMenu\n\t\t\t\t\t\tmenuId={ navigationMenu?.id }\n\t\t\t\t\t\tmenuTitle={ decodeEntities( menuTitle ) }\n\t\t\t\t\t\tonDelete={ _handleDelete }\n\t\t\t\t\t\tonSave={ _handleSave }\n\t\t\t\t\t\tonDuplicate={ _handleDuplicate }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tbackPath={ backPath }\n\t\t\t\ttitle={ buildNavigationLabel(\n\t\t\t\t\tnavigationMenu?.title,\n\t\t\t\t\tnavigationMenu?.id,\n\t\t\t\t\tnavigationMenu?.status\n\t\t\t\t) }\n\t\t\t\tdescription={ __( 'This Navigation Menu is empty.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SingleNavigationMenu\n\t\t\tnavigationMenu={ navigationMenu }\n\t\t\tbackPath={ backPath }\n\t\t\thandleDelete={ _handleDelete }\n\t\t\thandleSave={ _handleSave }\n\t\t\thandleDuplicate={ _handleDuplicate }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,9 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import RenameModal from './rename-modal';
 import DeleteConfirmDialog from './delete-confirm-dialog';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useHistory
 } = unlock(routerPrivateApis);
@@ -37,47 +39,58 @@ export default function ScreenNavigationMoreMenu(props) {
   };
   const openRenameModal = () => setRenameModalOpen(true);
   const openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen(true);
-  return createElement(Fragment, null, createElement(DropdownMenu, {
-    className: "sidebar-navigation__more-menu",
-    label: __('Actions'),
-    icon: moreVertical,
-    popoverProps: POPOVER_PROPS
-  }, ({
-    onClose
-  }) => createElement("div", null, createElement(MenuGroup, null, createElement(MenuItem, {
-    onClick: () => {
-      openRenameModal();
-      // Close the dropdown after opening the modal.
-      onClose();
-    }
-  }, __('Rename')), createElement(MenuItem, {
-    onClick: () => {
-      history.push({
-        postId: menuId,
-        postType: 'wp_navigation',
-        canvas: 'edit'
-      });
-    }
-  }, __('Edit')), createElement(MenuItem, {
-    onClick: () => {
-      onDuplicate();
-      onClose();
-    }
-  }, __('Duplicate')), createElement(MenuItem, {
-    isDestructive: true,
-    onClick: () => {
-      openDeleteConfirmDialog();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DropdownMenu, {
+      className: "sidebar-navigation__more-menu",
+      label: __('Actions'),
+      icon: moreVertical,
+      popoverProps: POPOVER_PROPS,
+      children: ({
+        onClose
+      }) => /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsxs(MenuGroup, {
+          children: [/*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              openRenameModal();
+              // Close the dropdown after opening the modal.
+              onClose();
+            },
+            children: __('Rename')
+          }), /*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              history.push({
+                postId: menuId,
+                postType: 'wp_navigation',
+                canvas: 'edit'
+              });
+            },
+            children: __('Edit')
+          }), /*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              onDuplicate();
+              onClose();
+            },
+            children: __('Duplicate')
+          }), /*#__PURE__*/_jsx(MenuItem, {
+            isDestructive: true,
+            onClick: () => {
+              openDeleteConfirmDialog();
 
-      // Close the dropdown after opening the modal.
-      onClose();
-    }
-  }, __('Delete'))))), deleteConfirmDialogOpen && createElement(DeleteConfirmDialog, {
-    onClose: closeModals,
-    onConfirm: onDelete
-  }), renameModalOpen && createElement(RenameModal, {
-    onClose: closeModals,
-    menuTitle: menuTitle,
-    onSave: onSave
-  }));
+              // Close the dropdown after opening the modal.
+              onClose();
+            },
+            children: __('Delete')
+          })]
+        })
+      })
+    }), deleteConfirmDialogOpen && /*#__PURE__*/_jsx(DeleteConfirmDialog, {
+      onClose: closeModals,
+      onConfirm: onDelete
+    }), renameModalOpen && /*#__PURE__*/_jsx(RenameModal, {
+      onClose: closeModals,
+      menuTitle: menuTitle,
+      onSave: onSave
+    })]
+  });
 }
 //# sourceMappingURL=more-menu.js.map