@wordpress/edit-site 5.35.0 → 6.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_sidebarNavigationScreenDetailsPanelLabel","_interopRequireDefault","_sidebarNavigationScreenDetailsPanelRow","_sidebarNavigationScreenDetailsPanelValue","SidebarNavigationScreenDetailsPanel","title","children","spacing","_react","createElement","__experimentalVStack","className","__experimentalHeading","level"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenDetailsPanelLabel from './sidebar-navigation-screen-details-panel-label';\nimport SidebarNavigationScreenDetailsPanelRow from './sidebar-navigation-screen-details-panel-row';\nimport SidebarNavigationScreenDetailsPanelValue from './sidebar-navigation-screen-details-panel-value';\n\nfunction SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel\"\n\t\t\tspacing={ spacing }\n\t\t>\n\t\t\t{ title && (\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</VStack>\n\t);\n}\n\nexport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,yCAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uCAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,yCAAA,GAAAF,sBAAA,CAAAF,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKA,SAASK,mCAAmCA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC5E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oBAAM;IACNC,SAAS,EAAC,mDAAmD;IAC7DJ,OAAO,EAAGA;EAAS,GAEjBF,KAAK,IACN,IAAAG,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,qBAAO;IACPD,SAAS,EAAC,4DAA4D;IACtEE,KAAK,EAAG;EAAG,GAETR,KACM,CACT,EACCC,QACK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_sidebarNavigationScreenDetailsPanelLabel","_interopRequireDefault","_sidebarNavigationScreenDetailsPanelRow","_sidebarNavigationScreenDetailsPanelValue","_jsxRuntime","SidebarNavigationScreenDetailsPanel","title","children","spacing","jsxs","__experimentalVStack","className","jsx","__experimentalHeading","level"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenDetailsPanelLabel from './sidebar-navigation-screen-details-panel-label';\nimport SidebarNavigationScreenDetailsPanelRow from './sidebar-navigation-screen-details-panel-row';\nimport SidebarNavigationScreenDetailsPanelValue from './sidebar-navigation-screen-details-panel-value';\n\nfunction SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel\"\n\t\t\tspacing={ spacing }\n\t\t>\n\t\t\t{ title && (\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-details-screen-panel__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</VStack>\n\t);\n}\n\nexport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,yCAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uCAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,yCAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAuG,IAAAK,WAAA,GAAAL,OAAA;AAbvG;AACA;AACA;;AAMA;AACA;AACA;;AAKA,SAASM,mCAAmCA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC5E,oBACC,IAAAJ,WAAA,CAAAK,IAAA,EAACX,WAAA,CAAAY,oBAAM;IACNC,SAAS,EAAC,mDAAmD;IAC7DH,OAAO,EAAGA,OAAS;IAAAD,QAAA,GAEjBD,KAAK,iBACN,IAAAF,WAAA,CAAAQ,GAAA,EAACd,WAAA,CAAAe,qBAAO;MACPF,SAAS,EAAC,4DAA4D;MACtEG,KAAK,EAAG,CAAG;MAAAP,QAAA,EAETD;IAAK,CACC,CACT,EACCC,QAAQ;EAAA,CACH,CAAC;AAEX","ignoreList":[]}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenDetailsPanelLabel;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -13,8 +13,9 @@ var _components = require("@wordpress/components");
 function SidebarNavigationScreenDetailsPanelLabel({
   children
 }) {
-  return (0, _react.createElement)(_components.__experimentalText, {
-    className: "edit-site-sidebar-navigation-details-screen-panel__label"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+    className: "edit-site-sidebar-navigation-details-screen-panel__label",
+    children: children
+  });
 }
 //# sourceMappingURL=sidebar-navigation-screen-details-panel-label.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelLabel","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelLabel( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__label\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["_components","require","_jsxRuntime","SidebarNavigationScreenDetailsPanelLabel","children","jsx","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelLabel( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__label\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAAmE,IAAAC,WAAA,GAAAD,OAAA;AAHnE;AACA;AACA;;AAGe,SAASE,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC,0DAA0D;IAAAH,QAAA,EACvEA;EAAQ,CACL,CAAC;AAET","ignoreList":[]}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenDetailsPanelRow;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -22,12 +22,12 @@ function SidebarNavigationScreenDetailsPanelRow({
   className,
   ...extraProps
 }) {
-  return (0, _react.createElement)(_components.__experimentalHStack, {
-    key: label,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
     spacing: 5,
     alignment: "left",
     className: (0, _clsx.default)('edit-site-sidebar-navigation-details-screen-panel__row', className),
-    ...extraProps
-  }, children);
+    ...extraProps,
+    children: children
+  }, label);
 }
 //# sourceMappingURL=sidebar-navigation-screen-details-panel-row.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","_react","createElement","__experimentalHStack","key","spacing","alignment","clsx"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IACNC,GAAG,EAAGP,KAAO;IACbQ,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;IAChBP,SAAS,EAAG,IAAAQ,aAAI,EACf,wDAAwD,EACxDR,SACD,CAAG;IAAA,GACEC;EAAU,GAEbF,QACK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_jsxRuntime","SidebarNavigationScreenDetailsPanelRow","label","children","className","extraProps","jsx","__experimentalHStack","spacing","alignment","clsx"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAAuE,IAAAE,WAAA,GAAAF,OAAA;AARvE;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,sCAAsCA,CAAE;EAC/DC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACP,WAAA,CAAAQ,oBAAM;IAENC,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,MAAM;IAChBL,SAAS,EAAG,IAAAM,aAAI,EACf,wDAAwD,EACxDN,SACD,CAAG;IAAA,GACEC,UAAU;IAAAF,QAAA,EAEbA;EAAQ,GATJD,KAUC,CAAC;AAEX","ignoreList":[]}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenDetailsPanelValue;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -13,8 +13,9 @@ var _components = require("@wordpress/components");
 function SidebarNavigationScreenDetailsPanelValue({
   children
 }) {
-  return (0, _react.createElement)(_components.__experimentalText, {
-    className: "edit-site-sidebar-navigation-details-screen-panel__value"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+    className: "edit-site-sidebar-navigation-details-screen-panel__value",
+    children: children
+  });
 }
 //# sourceMappingURL=sidebar-navigation-screen-details-panel-value.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","SidebarNavigationScreenDetailsPanelValue","children","_react","createElement","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-value.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelValue( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__value\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC;EAA0D,GACvEJ,QACG,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["_components","require","_jsxRuntime","SidebarNavigationScreenDetailsPanelValue","children","jsx","__experimentalText","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-value.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\n\nexport default function SidebarNavigationScreenDetailsPanelValue( {\n\tchildren,\n} ) {\n\treturn (\n\t\t<Text className=\"edit-site-sidebar-navigation-details-screen-panel__value\">\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAAmE,IAAAC,WAAA,GAAAD,OAAA;AAHnE;AACA;AACA;;AAGe,SAASE,wCAAwCA,CAAE;EACjEC;AACD,CAAC,EAAG;EACH,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,kBAAI;IAACC,SAAS,EAAC,0DAA0D;IAAAH,QAAA,EACvEA;EAAQ,CACL,CAAC;AAET","ignoreList":[]}

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SidebarNavigationItemGlobalStyles = SidebarNavigationItemGlobalStyles;
 exports.default = SidebarNavigationScreenGlobalStyles;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _data = require("@wordpress/data");
@@ -29,6 +28,7 @@ var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../s
 var _variationsColor = _interopRequireDefault(require("../global-styles/variations/variations-color"));
 var _variationsTypography = _interopRequireDefault(require("../global-styles/variations/variations-typography"));
 var _hooks = require("../global-styles/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -47,12 +47,15 @@ function SidebarNavigationItemGlobalStyles(props) {
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const hasGlobalStyleVariations = (0, _data.useSelect)(select => !!select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations()?.length, []);
   if (hasGlobalStyleVariations) {
-    return (0, _react.createElement)(_sidebarNavigationItem.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
       ...props,
-      path: "/wp_global_styles"
+      params: {
+        path: '/wp_global_styles'
+      },
+      uid: "global-styles-navigation-item"
     });
   }
-  return (0, _react.createElement)(_sidebarNavigationItem.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
     ...props,
     onClick: () => {
       // Switch to edit mode.
@@ -82,22 +85,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 (0, _react.createElement)(_blockEditor.BlockEditorProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockEditorProvider, {
     settings: storedSettings,
     onChange: noop,
-    onInput: noop
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 10,
-    className: "edit-site-global-styles-variation-container"
-  }, (0, _react.createElement)(_styleVariationsContainer.default, {
-    gap: gap
-  }), colorVariations?.length && (0, _react.createElement)(_variationsColor.default, {
-    title: (0, _i18n.__)('Colors'),
-    gap: gap
-  }), typographyVariations?.length && (0, _react.createElement)(_variationsTypography.default, {
-    title: (0, _i18n.__)('Typography'),
-    gap: gap
-  })));
+    onInput: noop,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 10,
+      className: "edit-site-global-styles-variation-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styleVariationsContainer.default, {
+        gap: gap
+      }), colorVariations?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
+        title: (0, _i18n.__)('Palettes'),
+        gap: gap
+      }), typographyVariations?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
+        title: (0, _i18n.__)('Typography'),
+        gap: gap
+      })]
+    })
+  });
 }
 function SidebarNavigationScreenGlobalStyles({
   backPath
@@ -166,32 +171,36 @@ function SidebarNavigationScreenGlobalStyles({
   const hasRevisions = revisionsCount > 0;
   const modifiedDateTime = revisions?.[0]?.modified;
   const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_sidebarNavigationScreen.default, {
-    title: (0, _i18n.__)('Styles'),
-    description: (0, _i18n.__)('Choose a different style combination for the theme styles.'),
-    backPath: backPath,
-    content: (0, _react.createElement)(SidebarNavigationScreenGlobalStylesContent, null),
-    footer: shouldShowGlobalStylesFooter && (0, _react.createElement)(_sidebarNavigationScreenDetailsFooter.default, {
-      record: revisions?.[0],
-      onClick: openRevisions
-    }),
-    actions: (0, _react.createElement)(_react.Fragment, null, !isMobileViewport && (0, _react.createElement)(_sidebarButton.default, {
-      icon: _icons.seen,
-      label: (0, _i18n.__)('Style Book'),
-      onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
-      isPressed: isStyleBookOpened
-    }), (0, _react.createElement)(_sidebarButton.default, {
-      icon: _icons.edit,
-      label: (0, _i18n.__)('Edit styles'),
-      onClick: async () => await openGlobalStyles()
-    }))
-  }), isStyleBookOpened && !isMobileViewport && isViewMode && (0, _react.createElement)(_styleBook.default, {
-    enableResizing: false,
-    isSelected: () => false,
-    onClick: openStyleBook,
-    onSelect: openStyleBook,
-    showCloseButton: false,
-    showTabs: false
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
+      title: (0, _i18n.__)('Styles'),
+      description: (0, _i18n.__)('Choose a different style combination for the theme styles.'),
+      backPath: backPath,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarNavigationScreenGlobalStylesContent, {}),
+      footer: shouldShowGlobalStylesFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenDetailsFooter.default, {
+        record: revisions?.[0],
+        onClick: openRevisions
+      }),
+      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [!isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarButton.default, {
+          icon: _icons.seen,
+          label: (0, _i18n.__)('Style Book'),
+          onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
+          isPressed: isStyleBookOpened
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarButton.default, {
+          icon: _icons.edit,
+          label: (0, _i18n.__)('Edit styles'),
+          onClick: async () => await openGlobalStyles()
+        })]
+      })
+    }), isStyleBookOpened && !isMobileViewport && isViewMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
+      enableResizing: false,
+      isSelected: () => false,
+      onClick: openStyleBook,
+      onSelect: openStyleBook,
+      showCloseButton: false,
+      showTabs: false
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_components","_compose","_blockEditor","_element","_editor","_preferences","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_variationsColor","_variationsTypography","_hooks","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","_react","createElement","default","path","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","useColorVariations","typographyVariations","useTypographyVariations","gap","BlockEditorProvider","settings","onChange","onInput","__experimentalVStack","spacing","className","title","__","SidebarNavigationScreenGlobalStyles","backPath","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","editorStore","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","preferencesStore","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","description","content","footer","record","actions","icon","seen","label","isPressed","edit","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":["_i18n","require","_icons","_data","_coreData","_components","_compose","_blockEditor","_element","_editor","_preferences","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_variationsColor","_variationsTypography","_hooks","_jsxRuntime","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","jsx","default","params","path","uid","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","colorVariations","useColorVariations","typographyVariations","useTypographyVariations","gap","BlockEditorProvider","settings","onChange","onInput","children","jsxs","__experimentalVStack","spacing","className","title","__","SidebarNavigationScreenGlobalStyles","backPath","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","editorStore","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","preferencesStore","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","Fragment","description","content","footer","record","actions","icon","seen","label","isPressed","edit","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":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarNavigationScreenMain;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -16,6 +15,8 @@ var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigati
 var _sidebarNavigationScreenGlobalStyles = require("../sidebar-navigation-screen-global-styles");
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _constants = require("../../utils/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,30 +34,52 @@ function SidebarNavigationScreenMain() {
   (0, _element.useEffect)(() => {
     setEditorCanvasContainerView(undefined);
   }, [setEditorCanvasContainerView]);
-  return (0, _react.createElement)(_sidebarNavigationScreen.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
     isRoot: true,
     title: (0, _i18n.__)('Design'),
     description: (0, _i18n.__)('Customize the appearance of your website using the block editor.'),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_sidebarNavigationItem.default, {
-      path: "/navigation",
-      withChevron: true,
-      icon: _icons.navigation
-    }, (0, _i18n.__)('Navigation')), (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
-      withChevron: true,
-      icon: _icons.styles
-    }, (0, _i18n.__)('Styles')), (0, _react.createElement)(_sidebarNavigationItem.default, {
-      path: "/page",
-      withChevron: true,
-      icon: _icons.page
-    }, (0, _i18n.__)('Pages')), (0, _react.createElement)(_sidebarNavigationItem.default, {
-      path: "/wp_template",
-      withChevron: true,
-      icon: _icons.layout
-    }, (0, _i18n.__)('Templates')), (0, _react.createElement)(_sidebarNavigationItem.default, {
-      path: "/patterns",
-      withChevron: true,
-      icon: _icons.symbol
-    }, (0, _i18n.__)('Patterns'))))
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+          uid: "navigation-navigation-item",
+          params: {
+            postType: _constants.NAVIGATION_POST_TYPE
+          },
+          withChevron: true,
+          icon: _icons.navigation,
+          children: (0, _i18n.__)('Navigation')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
+          uid: "styles-navigation-item",
+          withChevron: true,
+          icon: _icons.styles,
+          children: (0, _i18n.__)('Styles')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+          uid: "page-navigation-item",
+          params: {
+            postType: 'page'
+          },
+          withChevron: true,
+          icon: _icons.page,
+          children: (0, _i18n.__)('Pages')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+          uid: "template-navigation-item",
+          params: {
+            postType: _constants.TEMPLATE_POST_TYPE
+          },
+          withChevron: true,
+          icon: _icons.layout,
+          children: (0, _i18n.__)('Templates')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+          uid: "patterns-navigation-item",
+          params: {
+            postType: _constants.PATTERN_TYPES.user
+          },
+          withChevron: true,
+          icon: _icons.symbol,
+          children: (0, _i18n.__)('Patterns')
+        })]
+      })
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","SidebarNavigationScreenMain","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","_react","createElement","default","isRoot","title","__","description","content","Fragment","__experimentalItemGroup","path","withChevron","icon","navigation","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASW,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACd,wBAAA,CAAAe,OAAuB;IACvBC,MAAM;IACNC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,kEACD,CAAG;IACHE,OAAO,EACN,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACC,IAAAR,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAA4B,uBAAS,QACT,IAAAT,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,aAAa;MAClBC,WAAW;MACXC,IAAI,EAAGC;IAAY,GAEjB,IAAAR,QAAE,EAAE,YAAa,CACG,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACX,oCAAA,CAAAwB,iCAAiC;MACjCH,WAAW;MACXC,IAAI,EAAGG;IAAQ,GAEb,IAAAV,QAAE,EAAE,QAAS,CACmB,CAAC,EACpC,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,OAAO;MACZC,WAAW;MACXC,IAAI,EAAGI;IAAM,GAEX,IAAAX,QAAE,EAAE,OAAQ,CACQ,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,cAAc;MACnBC,WAAW;MACXC,IAAI,EAAGK;IAAQ,GAEb,IAAAZ,QAAE,EAAE,WAAY,CACI,CAAC,EACxB,IAAAL,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBQ,IAAI,EAAC,WAAW;MAChBC,WAAW;MACXC,IAAI,EAAGM;IAAQ,GAEb,IAAAb,QAAE,EAAE,UAAW,CACK,CACb,CACV;EACF,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_constants","_jsxRuntime","SidebarNavigationScreenMain","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","jsx","default","isRoot","title","__","description","content","Fragment","children","jsxs","__experimentalItemGroup","uid","params","postType","NAVIGATION_POST_TYPE","withChevron","icon","navigation","SidebarNavigationItemGlobalStyles","styles","page","TEMPLATE_POST_TYPE","layout","PATTERN_TYPES","user","symbol"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAI+B,IAAAY,WAAA,GAAAZ,OAAA;AArB/B;AACA;AACA;;AAOA;AACA;AACA;;AAYe,SAASa,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,oBACC,IAAAF,WAAA,CAAAQ,GAAA,EAACf,wBAAA,CAAAgB,OAAuB;IACvBC,MAAM;IACNC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,kEACD,CAAG;IACHE,OAAO,eACN,IAAAd,WAAA,CAAAQ,GAAA,EAAAR,WAAA,CAAAe,QAAA;MAAAC,QAAA,eACC,IAAAhB,WAAA,CAAAiB,IAAA,EAAC9B,WAAA,CAAA+B,uBAAS;QAAAF,QAAA,gBACT,IAAAhB,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,4BAA4B;UAChCC,MAAM,EAAG;YAAEC,QAAQ,EAAEC;UAAqB,CAAG;UAC7CC,WAAW;UACXC,IAAI,EAAGC,iBAAY;UAAAT,QAAA,EAEjB,IAAAJ,QAAE,EAAE,YAAa;QAAC,CACE,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACZ,oCAAA,CAAA8B,iCAAiC;UACjCP,GAAG,EAAC,wBAAwB;UAC5BI,WAAW;UACXC,IAAI,EAAGG,aAAQ;UAAAX,QAAA,EAEb,IAAAJ,QAAE,EAAE,QAAS;QAAC,CACkB,CAAC,eACpC,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,sBAAsB;UAC1BC,MAAM,EAAG;YAAEC,QAAQ,EAAE;UAAO,CAAG;UAC/BE,WAAW;UACXC,IAAI,EAAGI,WAAM;UAAAZ,QAAA,EAEX,IAAAJ,QAAE,EAAE,OAAQ;QAAC,CACO,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEQ;UAAmB,CAAG;UAC3CN,WAAW;UACXC,IAAI,EAAGM,aAAQ;UAAAd,QAAA,EAEb,IAAAJ,QAAE,EAAE,WAAY;QAAC,CACG,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEU,wBAAa,CAACC;UAAK,CAAG;UAC3CT,WAAW;UACXC,IAAI,EAAGS,aAAQ;UAAAjB,QAAA,EAEb,IAAAJ,QAAE,EAAE,UAAW;QAAC,CACI,CAAC;MAAA,CACd;IAAC,CACX;EACF,CACD,CAAC;AAEJ","ignoreList":[]}

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DeleteConfirmDialog;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -15,7 +15,7 @@ function DeleteConfirmDialog({
   onClose,
   onConfirm
 }) {
-  return (0, _react.createElement)(_components.__experimentalConfirmDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
     isOpen: true,
     onConfirm: () => {
       onConfirm();
@@ -24,7 +24,8 @@ function DeleteConfirmDialog({
       onClose();
     },
     onCancel: onClose,
-    confirmButtonText: (0, _i18n.__)('Delete')
-  }, (0, _i18n.__)('Are you sure you want to delete this Navigation Menu?'));
+    confirmButtonText: (0, _i18n.__)('Delete'),
+    children: (0, _i18n.__)('Are you sure you want to delete this Navigation Menu?')
+  });
 }
 //# sourceMappingURL=delete-confirm-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","DeleteConfirmDialog","onClose","onConfirm","_react","createElement","__experimentalConfirmDialog","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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,2BAAa;IACbC,MAAM;IACNJ,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHM,QAAQ,EAAGN,OAAS;IACpBO,iBAAiB,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAElC,IAAAA,QAAE,EAAE,uDAAwD,CAChD,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_jsxRuntime","DeleteConfirmDialog","onClose","onConfirm","jsx","__experimentalConfirmDialog","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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAqC,IAAAE,WAAA,GAAAF,OAAA;AAJrC;AACA;AACA;;AAIe,SAASG,mBAAmBA,CAAE;EAAEC,OAAO;EAAEC;AAAU,CAAC,EAAG;EACrE,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACP,WAAA,CAAAQ,2BAAa;IACbC,MAAM;IACNH,SAAS,EAAGA,CAAA,KAAM;MACjBA,SAAS,CAAC,CAAC;;MAEX;MACAD,OAAO,CAAC,CAAC;IACV,CAAG;IACHK,QAAQ,EAAGL,OAAS;IACpBM,iBAAiB,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IAAAC,QAAA,EAElC,IAAAD,QAAE,EAAE,uDAAwD;EAAC,CACjD,CAAC;AAElB","ignoreList":[]}

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SidebarNavigationScreenNavigationMenu;
 exports.postType = void 0;
-var _react = require("react");
 var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -19,6 +18,7 @@ var _singleNavigationMenu = _interopRequireDefault(require("./single-navigation-
 var _useNavigationMenuHandlers = _interopRequireDefault(require("./use-navigation-menu-handlers"));
 var _buildNavigationLabel = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menus/build-navigation-label"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -67,22 +67,23 @@ function SidebarNavigationScreenNavigationMenu({
   const _handleSave = edits => handleSave(navigationMenu, edits);
   const _handleDuplicate = () => handleDuplicate(navigationMenu);
   if (isLoading) {
-    return (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
       description: (0, _i18n.__)('Navigation Menus are a curated collection of blocks that allow visitors to get around your site.'),
-      backPath: backPath
-    }, (0, _react.createElement)(_components.Spinner, {
-      className: "edit-site-sidebar-navigation-screen-navigation-menus__loading"
-    }));
+      backPath: backPath,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {
+        className: "edit-site-sidebar-navigation-screen-navigation-menus__loading"
+      })
+    });
   }
   if (!isLoading && !navigationMenu) {
-    return (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
       description: (0, _i18n.__)('Navigation Menu missing.'),
       backPath: backPath
     });
   }
   if (!navigationMenu?.content?.raw) {
-    return (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
-      actions: (0, _react.createElement)(_moreMenu.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenNavigationMenus.SidebarNavigationScreenWrapper, {
+      actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {
         menuId: navigationMenu?.id,
         menuTitle: (0, _htmlEntities.decodeEntities)(menuTitle),
         onDelete: _handleDelete,
@@ -94,7 +95,7 @@ function SidebarNavigationScreenNavigationMenu({
       description: (0, _i18n.__)('This Navigation Menu is empty.')
     });
   }
-  return (0, _react.createElement)(_singleNavigationMenu.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_singleNavigationMenu.default, {
     navigationMenu: navigationMenu,
     backPath: backPath,
     handleDelete: _handleDelete,