@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

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

@@ -1,33 +1,26 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack, __experimentalHeading as Heading, __experimentalVStack as VStack } from '@wordpress/components';
-import { isRTL, __, sprintf } from '@wordpress/i18n';
-import { chevronRight, chevronLeft } from '@wordpress/icons';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import SidebarButton from '../sidebar-button';
-import { isPreviewingTheme, currentlyPreviewingTheme } from '../../utils/is-previewing-theme';
-import { SidebarNavigationContext } from '../sidebar';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useHistory,
-  useLocation
-} = unlock(routerPrivateApis);
-export default function SidebarNavigationScreen({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  __experimentalHStack as HStack,
+  __experimentalHeading as Heading,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { isRTL, __, sprintf } from "@wordpress/i18n";
+import { chevronRight, chevronLeft } from "@wordpress/icons";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { useContext } from "@wordpress/element";
+import { store as editSiteStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+import SidebarButton from "../sidebar-button";
+import {
+  isPreviewingTheme,
+  currentlyPreviewingTheme
+} from "../../utils/is-previewing-theme";
+import { SidebarNavigationContext } from "../sidebar";
+const { useHistory, useLocation } = unlock(routerPrivateApis);
+function SidebarNavigationScreen({
   isRoot,
   title,
   actions,
@@ -36,75 +29,92 @@ export default function SidebarNavigationScreen({
   description,
   backPath: backPathProp
 }) {
-  const {
-    dashboardLink,
-    dashboardLinkText,
-    previewingThemeName
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = unlock(select(editSiteStore));
-    const currentlyPreviewingThemeId = currentlyPreviewingTheme();
-    return {
-      dashboardLink: getSettings().__experimentalDashboardLink,
-      dashboardLinkText: getSettings().__experimentalDashboardLinkText,
-      // Do not call `getTheme` with null, it will cause a request to
-      // the server.
-      previewingThemeName: currentlyPreviewingThemeId ? select(coreStore).getTheme(currentlyPreviewingThemeId)?.name?.rendered : undefined
-    };
-  }, []);
+  const { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(
+    (select) => {
+      const { getSettings } = unlock(select(editSiteStore));
+      const currentlyPreviewingThemeId = currentlyPreviewingTheme();
+      return {
+        dashboardLink: getSettings().__experimentalDashboardLink,
+        dashboardLinkText: getSettings().__experimentalDashboardLinkText,
+        // Do not call `getTheme` with null, it will cause a request to
+        // the server.
+        previewingThemeName: currentlyPreviewingThemeId ? select(coreStore).getTheme(currentlyPreviewingThemeId)?.name?.rendered : void 0
+      };
+    },
+    []
+  );
   const location = useLocation();
   const history = useHistory();
-  const {
-    navigate
-  } = useContext(SidebarNavigationContext);
-  const backPath = backPathProp !== null && backPathProp !== void 0 ? backPathProp : location.state?.backPath;
+  const { navigate } = useContext(SidebarNavigationContext);
+  const backPath = backPathProp ?? location.state?.backPath;
   const icon = isRTL() ? chevronRight : chevronLeft;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(VStack, {
-      className: clsx('edit-site-sidebar-navigation-screen__main', {
-        'has-footer': !!footer
-      }),
-      spacing: 0,
-      justify: "flex-start",
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        spacing: 3,
-        alignment: "flex-start",
-        className: "edit-site-sidebar-navigation-screen__title-icon",
-        children: [!isRoot && /*#__PURE__*/_jsx(SidebarButton, {
-          onClick: () => {
-            history.navigate(backPath);
-            navigate('back');
-          },
-          icon: icon,
-          label: __('Back'),
-          showTooltip: false
-        }), isRoot && /*#__PURE__*/_jsx(SidebarButton, {
-          icon: icon,
-          label: dashboardLinkText || __('Go to the Dashboard'),
-          href: dashboardLink
-        }), /*#__PURE__*/_jsx(Heading, {
-          className: "edit-site-sidebar-navigation-screen__title",
-          color: '#e0e0e0' /* $gray-200 */,
-          level: 1,
-          size: 20,
-          children: !isPreviewingTheme() ? title : sprintf(/* translators: 1: theme name. 2: title */
-          __('Previewing %1$s: %2$s'), previewingThemeName, title)
-        }), actions && /*#__PURE__*/_jsx("div", {
-          className: "edit-site-sidebar-navigation-screen__actions",
-          children: actions
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "edit-site-sidebar-navigation-screen__content",
-        children: [description && /*#__PURE__*/_jsx("div", {
-          className: "edit-site-sidebar-navigation-screen__description",
-          children: description
-        }), content]
-      })]
-    }), footer && /*#__PURE__*/_jsx("footer", {
-      className: "edit-site-sidebar-navigation-screen__footer",
-      children: footer
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      VStack,
+      {
+        className: clsx("edit-site-sidebar-navigation-screen__main", {
+          "has-footer": !!footer
+        }),
+        spacing: 0,
+        justify: "flex-start",
+        children: [
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              spacing: 3,
+              alignment: "flex-start",
+              className: "edit-site-sidebar-navigation-screen__title-icon",
+              children: [
+                !isRoot && /* @__PURE__ */ jsx(
+                  SidebarButton,
+                  {
+                    onClick: () => {
+                      history.navigate(backPath);
+                      navigate("back");
+                    },
+                    icon,
+                    label: __("Back"),
+                    showTooltip: false
+                  }
+                ),
+                isRoot && /* @__PURE__ */ jsx(
+                  SidebarButton,
+                  {
+                    icon,
+                    label: dashboardLinkText || __("Go to the Dashboard"),
+                    href: dashboardLink
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Heading,
+                  {
+                    className: "edit-site-sidebar-navigation-screen__title",
+                    color: "#e0e0e0",
+                    level: 1,
+                    size: 20,
+                    children: !isPreviewingTheme() ? title : sprintf(
+                      /* translators: 1: theme name. 2: title */
+                      __("Previewing %1$s: %2$s"),
+                      previewingThemeName,
+                      title
+                    )
+                  }
+                ),
+                actions && /* @__PURE__ */ jsx("div", { className: "edit-site-sidebar-navigation-screen__actions", children: actions })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "edit-site-sidebar-navigation-screen__content", children: [
+            description && /* @__PURE__ */ jsx("div", { className: "edit-site-sidebar-navigation-screen__description", children: description }),
+            content
+          ] })
+        ]
+      }
+    ),
+    footer && /* @__PURE__ */ jsx("footer", { className: "edit-site-sidebar-navigation-screen__footer", children: footer })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  SidebarNavigationScreen as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","SidebarNavigationScreen","isRoot","title","actions","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","history","navigate","state","icon","children","className","spacing","justify","alignment","onClick","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: theme name. 2: title */\n\t\t\t\t\t\t\t\t\t__( 'Previewing %1$s: %2$s' ),\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-navigation-screen/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: theme name. 2: title */\n\t\t\t\t\t\t\t\t\t__( 'Previewing %1$s: %2$s' ),\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAoEE,mBAcI,KANF,YARF;AAjEF,OAAO,UAAU;AAKjB;AAAA,EACC,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,OAClB;AACP,SAAS,OAAO,IAAI,eAAe;AACnC,SAAS,cAAc,mBAAmB;AAC1C,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,gCAAgC;AAEzC,MAAM,EAAE,YAAY,YAAY,IAAI,OAAQ,iBAAkB;AAE/C,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACX,GAAI;AACH,QAAM,EAAE,eAAe,mBAAmB,oBAAoB,IAAI;AAAA,IACjE,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,OAAQ,aAAc,CAAE;AACxD,YAAM,6BAA6B,yBAAyB;AAC5D,aAAO;AAAA,QACN,eAAe,YAAY,EAAE;AAAA,QAC7B,mBACC,YAAY,EAAE;AAAA;AAAA;AAAA,QAGf,qBAAqB,6BAClB,OAAQ,SAAU,EAAE,SAAU,0BAA2B,GACvD,MAAM,WACR;AAAA,MACJ;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,WAAW,YAAY;AAC7B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAC1D,QAAM,WAAW,gBAAgB,SAAS,OAAO;AACjD,QAAM,OAAO,MAAM,IAAI,eAAe;AAEtC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY,KAAM,6CAA6C;AAAA,UAC9D,cAAc,CAAC,CAAE;AAAA,QAClB,CAAE;AAAA,QACF,SAAU;AAAA,QACV,SAAQ;AAAA,QAER;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU;AAAA,cACV,WAAU;AAAA,cACV,WAAU;AAAA,cAER;AAAA,iBAAE,UACH;AAAA,kBAAC;AAAA;AAAA,oBACA,SAAU,MAAM;AACf,8BAAQ,SAAU,QAAS;AAC3B,+BAAU,MAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,OAAQ,GAAI,MAAO;AAAA,oBACnB,aAAc;AAAA;AAAA,gBACf;AAAA,gBAEC,UACD;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA,oBACA,OACC,qBAAqB,GAAI,qBAAsB;AAAA,oBAEhD,MAAO;AAAA;AAAA,gBACR;AAAA,gBAED;AAAA,kBAAC;AAAA;AAAA,oBACA,WAAU;AAAA,oBACV,OAAQ;AAAA,oBACR,OAAQ;AAAA,oBACR,MAAO;AAAA,oBAEL,WAAE,kBAAkB,IACnB,QACA;AAAA;AAAA,sBAEA,GAAI,uBAAwB;AAAA,sBAC5B;AAAA,sBACA;AAAA,oBACA;AAAA;AAAA,gBACJ;AAAA,gBACE,WACD,oBAAC,SAAI,WAAU,gDACZ,mBACH;AAAA;AAAA;AAAA,UAEF;AAAA,UACA,qBAAC,SAAI,WAAU,gDACZ;AAAA,2BACD,oBAAC,SAAI,WAAU,oDACZ,uBACH;AAAA,YAEC;AAAA,aACH;AAAA;AAAA;AAAA,IACD;AAAA,IACE,UACD,oBAAC,YAAO,WAAU,+CACf,kBACH;AAAA,KAEF;AAEF;",
+  "names": []
+}

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

@@ -1,57 +1,45 @@
-/**
- * WordPress dependencies
- */
-import { _n, sprintf } from '@wordpress/i18n';
-import { addQueryArgs } from '@wordpress/url';
-import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';
-import { backup } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import SidebarNavigationItem from '../sidebar-navigation-item';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function SidebarNavigationScreenDetailsFooter({
+import { jsx } from "react/jsx-runtime";
+import { _n, sprintf } from "@wordpress/i18n";
+import { addQueryArgs } from "@wordpress/url";
+import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
+import { backup } from "@wordpress/icons";
+import SidebarNavigationItem from "../sidebar-navigation-item";
+function SidebarNavigationScreenDetailsFooter({
   record,
   revisionsCount,
   ...otherProps
 }) {
-  var _record$_links$predec;
-  /*
-   * There might be other items in the future,
-   * but for now it's just modified date.
-   * Later we might render a list of items and isolate
-   * the following logic.
-   */
   const hrefProps = {};
-  const lastRevisionId = (_record$_links$predec = record?._links?.['predecessor-version']?.[0]?.id) !== null && _record$_links$predec !== void 0 ? _record$_links$predec : null;
-
-  // Use incoming prop first, then the record's version history, if available.
-  revisionsCount = revisionsCount || record?._links?.['version-history']?.[0]?.count || 0;
-
-  /*
-   * Enable the revisions link if there is a last revision and there is more than one revision.
-   * This link is used for theme assets, e.g., templates, which have no database record until they're edited.
-   * For these files there's only a "revision" after they're edited twice,
-   * which means the revision.php page won't display a proper diff.
-   * See: https://github.com/WordPress/gutenberg/issues/49164.
-   */
+  const lastRevisionId = record?._links?.["predecessor-version"]?.[0]?.id ?? null;
+  revisionsCount = revisionsCount || record?._links?.["version-history"]?.[0]?.count || 0;
   if (lastRevisionId && revisionsCount > 1) {
-    hrefProps.href = addQueryArgs('revision.php', {
-      revision: record?._links['predecessor-version'][0].id
+    hrefProps.href = addQueryArgs("revision.php", {
+      revision: record?._links["predecessor-version"][0].id
     });
-    hrefProps.as = 'a';
+    hrefProps.as = "a";
   }
-  return /*#__PURE__*/_jsx(ItemGroup, {
-    size: "large",
-    className: "edit-site-sidebar-navigation-screen-details-footer",
-    children: /*#__PURE__*/_jsx(SidebarNavigationItem, {
-      icon: backup,
-      ...hrefProps,
-      ...otherProps,
-      children: sprintf(/* translators: %d: Number of Styles revisions. */
-      _n('%d Revision', '%d Revisions', revisionsCount), revisionsCount)
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    ItemGroup,
+    {
+      size: "large",
+      className: "edit-site-sidebar-navigation-screen-details-footer",
+      children: /* @__PURE__ */ jsx(
+        SidebarNavigationItem,
+        {
+          icon: backup,
+          ...hrefProps,
+          ...otherProps,
+          children: sprintf(
+            /* translators: %d: Number of Styles revisions. */
+            _n("%d Revision", "%d Revisions", revisionsCount),
+            revisionsCount
+          )
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  SidebarNavigationScreenDetailsFooter as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_n","sprintf","addQueryArgs","__experimentalItemGroup","ItemGroup","backup","SidebarNavigationItem","jsx","_jsx","SidebarNavigationScreenDetailsFooter","record","revisionsCount","otherProps","_record$_links$predec","hrefProps","lastRevisionId","_links","id","count","href","revision","as","size","className","children","icon"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\trevisionsCount,\n\t...otherProps\n} ) {\n\t/*\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t */\n\tconst hrefProps = {};\n\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\n\t// Use incoming prop first, then the record's version history, if available.\n\trevisionsCount =\n\t\trevisionsCount ||\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ||\n\t\t0;\n\n\t/*\n\t * Enable the revisions link if there is a last revision and there is more than one revision.\n\t * This link is used for theme assets, e.g., templates, which have no database record until they're edited.\n\t * For these files there's only a \"revision\" after they're edited twice,\n\t * which means the revision.php page won't display a proper diff.\n\t * See: https://github.com/WordPress/gutenberg/issues/49164.\n\t */\n\tif ( lastRevisionId && revisionsCount > 1 ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\treturn (\n\t\t<ItemGroup\n\t\t\tsize=\"large\"\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer\"\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ backup }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: Number of Styles revisions. */\n\t\t\t\t\t_n( '%d Revision', '%d Revisions', revisionsCount ),\n\t\t\t\t\trevisionsCount\n\t\t\t\t) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,MAAM,QAAQ,kBAAkB;;AAEzC;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/D,eAAe,SAASC,oCAAoCA,CAAE;EAC7DC,MAAM;EACNC,cAAc;EACd,GAAGC;AACJ,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACH;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,SAAS,GAAG,CAAC,CAAC;EACpB,MAAMC,cAAc,IAAAF,qBAAA,GACnBH,MAAM,EAAEM,MAAM,GAAI,qBAAqB,CAAE,GAAI,CAAC,CAAE,EAAEC,EAAE,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,IAAI;;EAE7D;EACAF,cAAc,GACbA,cAAc,IACdD,MAAM,EAAEM,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEE,KAAK,IACnD,CAAC;;EAEF;AACD;AACA;AACA;AACA;AACA;AACA;EACC,IAAKH,cAAc,IAAIJ,cAAc,GAAG,CAAC,EAAG;IAC3CG,SAAS,CAACK,IAAI,GAAGjB,YAAY,CAAE,cAAc,EAAE;MAC9CkB,QAAQ,EAAEV,MAAM,EAAEM,MAAM,CAAE,qBAAqB,CAAE,CAAE,CAAC,CAAE,CAACC;IACxD,CAAE,CAAC;IACHH,SAAS,CAACO,EAAE,GAAG,GAAG;EACnB;EACA,oBACCb,IAAA,CAACJ,SAAS;IACTkB,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,oDAAoD;IAAAC,QAAA,eAE9DhB,IAAA,CAACF,qBAAqB;MACrBmB,IAAI,EAAGpB,MAAQ;MAAA,GACVS,SAAS;MAAA,GACTF,UAAU;MAAAY,QAAA,EAEbvB,OAAO,CACR;MACAD,EAAE,CAAE,aAAa,EAAE,cAAc,EAAEW,cAAe,CAAC,EACnDA,cACD;IAAC,CACqB;EAAC,CACd,CAAC;AAEd","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-navigation-screen-details-footer/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\trevisionsCount,\n\t...otherProps\n} ) {\n\t/*\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t */\n\tconst hrefProps = {};\n\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\n\t// Use incoming prop first, then the record's version history, if available.\n\trevisionsCount =\n\t\trevisionsCount ||\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ||\n\t\t0;\n\n\t/*\n\t * Enable the revisions link if there is a last revision and there is more than one revision.\n\t * This link is used for theme assets, e.g., templates, which have no database record until they're edited.\n\t * For these files there's only a \"revision\" after they're edited twice,\n\t * which means the revision.php page won't display a proper diff.\n\t * See: https://github.com/WordPress/gutenberg/issues/49164.\n\t */\n\tif ( lastRevisionId && revisionsCount > 1 ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\treturn (\n\t\t<ItemGroup\n\t\t\tsize=\"large\"\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer\"\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ backup }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: Number of Styles revisions. */\n\t\t\t\t\t_n( '%d Revision', '%d Revisions', revisionsCount ),\n\t\t\t\t\trevisionsCount\n\t\t\t\t) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],
+  "mappings": "AAoDG;AAjDH,SAAS,IAAI,eAAe;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,cAAc;AAKvB,OAAO,2BAA2B;AAEnB,SAAR,qCAAuD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AAOH,QAAM,YAAY,CAAC;AACnB,QAAM,iBACL,QAAQ,SAAU,qBAAsB,IAAK,CAAE,GAAG,MAAM;AAGzD,mBACC,kBACA,QAAQ,SAAU,iBAAkB,IAAK,CAAE,GAAG,SAC9C;AASD,MAAK,kBAAkB,iBAAiB,GAAI;AAC3C,cAAU,OAAO,aAAc,gBAAgB;AAAA,MAC9C,UAAU,QAAQ,OAAQ,qBAAsB,EAAG,CAAE,EAAE;AAAA,IACxD,CAAE;AACF,cAAU,KAAK;AAAA,EAChB;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UAEH;AAAA;AAAA,YAED,GAAI,eAAe,gBAAgB,cAAe;AAAA,YAClD;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

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

@@ -1,30 +1,25 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalVStack as VStack } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import StyleVariationsContainer from '../global-styles/style-variations-container';
-import ColorVariations from '../global-styles/variations/variations-color';
-import TypographyVariations from '../global-styles/variations/variations-typography';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function SidebarNavigationScreenGlobalStylesContent() {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { __experimentalVStack as VStack } from "@wordpress/components";
+import StyleVariationsContainer from "../global-styles/style-variations-container";
+import ColorVariations from "../global-styles/variations/variations-color";
+import TypographyVariations from "../global-styles/variations/variations-typography";
+function SidebarNavigationScreenGlobalStylesContent() {
   const gap = 3;
-  return /*#__PURE__*/_jsxs(VStack, {
-    spacing: 10,
-    className: "edit-site-global-styles-variation-container",
-    children: [/*#__PURE__*/_jsx(StyleVariationsContainer, {
-      gap: gap
-    }), /*#__PURE__*/_jsx(ColorVariations, {
-      title: __('Palettes'),
-      gap: gap
-    }), /*#__PURE__*/_jsx(TypographyVariations, {
-      title: __('Typography'),
-      gap: gap
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      spacing: 10,
+      className: "edit-site-global-styles-variation-container",
+      children: [
+        /* @__PURE__ */ jsx(StyleVariationsContainer, { gap }),
+        /* @__PURE__ */ jsx(ColorVariations, { title: __("Palettes"), gap }),
+        /* @__PURE__ */ jsx(TypographyVariations, { title: __("Typography"), gap })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=content.js.map
+export {
+  SidebarNavigationScreenGlobalStylesContent as default
+};
+//# sourceMappingURL=content.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalVStack","VStack","StyleVariationsContainer","ColorVariations","TypographyVariations","jsx","_jsx","jsxs","_jsxs","SidebarNavigationScreenGlobalStylesContent","gap","spacing","className","children","title"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst gap = 3;\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 10 }\n\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t>\n\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } gap={ gap } />\n\t\t\t<TypographyVariations title={ __( 'Typography' ) } gap={ gap } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;;AAEtE;AACA;AACA;AACA,OAAOC,wBAAwB,MAAM,6CAA6C;AAClF,OAAOC,eAAe,MAAM,8CAA8C;AAC1E,OAAOC,oBAAoB,MAAM,mDAAmD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErF,eAAe,SAASC,0CAA0CA,CAAA,EAAG;EACpE,MAAMC,GAAG,GAAG,CAAC;EAEb,oBACCF,KAAA,CAACP,MAAM;IACNU,OAAO,EAAG,EAAI;IACdC,SAAS,EAAC,6CAA6C;IAAAC,QAAA,gBAEvDP,IAAA,CAACJ,wBAAwB;MAACQ,GAAG,EAAGA;IAAK,CAAE,CAAC,eACxCJ,IAAA,CAACH,eAAe;MAACW,KAAK,EAAGf,EAAE,CAAE,UAAW,CAAG;MAACW,GAAG,EAAGA;IAAK,CAAE,CAAC,eAC1DJ,IAAA,CAACF,oBAAoB;MAACU,KAAK,EAAGf,EAAE,CAAE,YAAa,CAAG;MAACW,GAAG,EAAGA;IAAK,CAAE,CAAC;EAAA,CAC1D,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-navigation-screen-global-styles/content.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst gap = 3;\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 10 }\n\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t>\n\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } gap={ gap } />\n\t\t\t<TypographyVariations title={ __( 'Typography' ) } gap={ gap } />\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "AAiBE,SAIC,KAJD;AAdF,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAK/C,OAAO,8BAA8B;AACrC,OAAO,qBAAqB;AAC5B,OAAO,0BAA0B;AAElB,SAAR,6CAA8D;AACpE,QAAM,MAAM;AAEZ,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,4BAAC,4BAAyB,KAAY;AAAA,QACtC,oBAAC,mBAAgB,OAAQ,GAAI,UAAW,GAAI,KAAY;AAAA,QACxD,oBAAC,wBAAqB,OAAQ,GAAI,YAAa,GAAI,KAAY;AAAA;AAAA;AAAA,EAChE;AAEF;",
+  "names": []
+}

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

@@ -1,89 +1,77 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { useCallback } from '@wordpress/element';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { addQueryArgs } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
-import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import SidebarNavigationItem from '../sidebar-navigation-item';
-import useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';
-import SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';
-import { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useLocation,
-  useHistory
-} = unlock(routerPrivateApis);
-export function SidebarNavigationItemGlobalStyles(props) {
-  const {
-    name
-  } = useLocation();
-  return /*#__PURE__*/_jsx(SidebarNavigationItem, {
-    ...props,
-    "aria-current": name === 'styles'
-  });
+import { Fragment, jsx } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { useDispatch } from "@wordpress/data";
+import { useCallback } from "@wordpress/element";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { addQueryArgs } from "@wordpress/url";
+import SidebarNavigationScreen from "../sidebar-navigation-screen";
+import { unlock } from "../../lock-unlock";
+import { store as editSiteStore } from "../../store";
+import SidebarNavigationItem from "../sidebar-navigation-item";
+import useGlobalStylesRevisions from "../global-styles/screen-revisions/use-global-styles-revisions";
+import SidebarNavigationScreenDetailsFooter from "../sidebar-navigation-screen-details-footer";
+import { MainSidebarNavigationContent } from "../sidebar-navigation-screen-main";
+const { useLocation, useHistory } = unlock(routerPrivateApis);
+function SidebarNavigationItemGlobalStyles(props) {
+  const { name } = useLocation();
+  return /* @__PURE__ */ jsx(
+    SidebarNavigationItem,
+    {
+      ...props,
+      "aria-current": name === "styles"
+    }
+  );
 }
-export default function SidebarNavigationScreenGlobalStyles() {
+function SidebarNavigationScreenGlobalStyles() {
   const history = useHistory();
-  const {
-    path
-  } = useLocation();
+  const { path } = useLocation();
   const {
     revisions,
     isLoading: isLoadingRevisions,
     revisionsCount
   } = useGlobalStylesRevisions();
-  const {
-    openGeneralSidebar
-  } = useDispatch(editSiteStore);
-  const {
-    setEditorCanvasContainerView
-  } = unlock(useDispatch(editSiteStore));
-  const {
-    set: setPreference
-  } = useDispatch(preferencesStore);
+  const { openGeneralSidebar } = useDispatch(editSiteStore);
+  const { setEditorCanvasContainerView } = unlock(
+    useDispatch(editSiteStore)
+  );
+  const { set: setPreference } = useDispatch(preferencesStore);
   const openGlobalStyles = useCallback(async () => {
-    history.navigate(addQueryArgs(path, {
-      canvas: 'edit'
-    }), {
-      transition: 'canvas-mode-edit-transition'
+    history.navigate(addQueryArgs(path, { canvas: "edit" }), {
+      transition: "canvas-mode-edit-transition"
     });
-    return Promise.all([setPreference('core', 'distractionFree', false), openGeneralSidebar('edit-site/global-styles')]);
+    return Promise.all([
+      setPreference("core", "distractionFree", false),
+      openGeneralSidebar("edit-site/global-styles")
+    ]);
   }, [path, history, openGeneralSidebar, setPreference]);
   const openRevisions = useCallback(async () => {
     await openGlobalStyles();
-    // Open the global styles revisions once the canvas mode is set to edit,
-    // and the global styles sidebar is open. The global styles UI is responsible
-    // for redirecting to the revisions screen once the editor canvas container
-    // has been set to 'global-styles-revisions'.
-    setEditorCanvasContainerView('global-styles-revisions');
+    setEditorCanvasContainerView("global-styles-revisions");
   }, [openGlobalStyles, setEditorCanvasContainerView]);
-
-  // If there are no revisions, do not render a footer.
   const shouldShowGlobalStylesFooter = !!revisionsCount && !isLoadingRevisions;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(SidebarNavigationScreen, {
-      title: __('Design'),
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    SidebarNavigationScreen,
+    {
+      title: __("Design"),
       isRoot: true,
-      description: __('Customize the appearance of your website using the block editor.'),
-      content: /*#__PURE__*/_jsx(MainSidebarNavigationContent, {
-        activeItem: "styles-navigation-item"
-      }),
-      footer: shouldShowGlobalStylesFooter && /*#__PURE__*/_jsx(SidebarNavigationScreenDetailsFooter, {
-        record: revisions?.[0],
-        revisionsCount: revisionsCount,
-        onClick: openRevisions
-      })
-    })
-  });
+      description: __(
+        "Customize the appearance of your website using the block editor."
+      ),
+      content: /* @__PURE__ */ jsx(MainSidebarNavigationContent, { activeItem: "styles-navigation-item" }),
+      footer: shouldShowGlobalStylesFooter && /* @__PURE__ */ jsx(
+        SidebarNavigationScreenDetailsFooter,
+        {
+          record: revisions?.[0],
+          revisionsCount,
+          onClick: openRevisions
+        }
+      )
+    }
+  ) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  SidebarNavigationItemGlobalStyles,
+  SidebarNavigationScreenGlobalStyles as default
+};
+//# sourceMappingURL=index.js.map