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

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

@@ -1,120 +1,116 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useMemo, useState } from '@wordpress/element';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useViewportMatch } from '@wordpress/compose';
-import { Button, __experimentalHStack as HStack, DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
-import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
-import { seen, moreVertical } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import GlobalStylesUI from '../global-styles/ui';
-import Page from '../page';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useLocation,
-  useHistory
-} = unlock(routerPrivateApis);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Page } from "@wordpress/admin-ui";
+import { __ } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { useMemo, useState } from "@wordpress/element";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { useViewportMatch } from "@wordpress/compose";
+import {
+  Button,
+  __experimentalHStack as HStack,
+  DropdownMenu,
+  MenuGroup,
+  MenuItem
+} from "@wordpress/components";
+import { addQueryArgs, removeQueryArgs } from "@wordpress/url";
+import { seen, moreVertical } from "@wordpress/icons";
+import GlobalStylesUI from "../global-styles/ui";
+import { unlock } from "../../lock-unlock";
+const { useLocation, useHistory } = unlock(routerPrivateApis);
 const GlobalStylesPageActions = ({
   isStyleBookOpened,
   setIsStyleBookOpened,
   path
 }) => {
   const history = useHistory();
-  const canEditCSS = useSelect(select => {
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(coreStore);
+  const canEditCSS = useSelect((select) => {
+    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return !!globalStyles?._links?.['wp:action-edit-css'];
+    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
+    return !!globalStyles?._links?.["wp:action-edit-css"];
   }, []);
-  return /*#__PURE__*/_jsxs(HStack, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      isPressed: isStyleBookOpened,
-      icon: seen,
-      label: __('Style Book'),
-      onClick: () => {
-        setIsStyleBookOpened(!isStyleBookOpened);
-        const updatedPath = !isStyleBookOpened ? addQueryArgs(path, {
-          preview: 'stylebook'
-        }) : removeQueryArgs(path, 'preview');
-        // Navigate to the updated path.
-        history.navigate(updatedPath);
-      },
-      size: "compact"
-    }), canEditCSS && /*#__PURE__*/_jsx(DropdownMenu, {
-      icon: moreVertical,
-      label: __('More'),
-      toggleProps: {
-        size: 'compact'
-      },
-      children: ({
-        onClose
-      }) => /*#__PURE__*/_jsx(MenuGroup, {
-        children: canEditCSS && /*#__PURE__*/_jsx(MenuItem, {
-          onClick: () => {
-            onClose();
-            history.navigate(addQueryArgs(path, {
-              section: '/css'
-            }));
-          },
-          children: __('Additional CSS')
-        })
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(HStack, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        isPressed: isStyleBookOpened,
+        icon: seen,
+        label: __("Style Book"),
+        onClick: () => {
+          setIsStyleBookOpened(!isStyleBookOpened);
+          const updatedPath = !isStyleBookOpened ? addQueryArgs(path, { preview: "stylebook" }) : removeQueryArgs(path, "preview");
+          history.navigate(updatedPath);
+        },
+        size: "compact"
+      }
+    ),
+    canEditCSS && /* @__PURE__ */ jsx(
+      DropdownMenu,
+      {
+        icon: moreVertical,
+        label: __("More"),
+        toggleProps: { size: "compact" },
+        children: ({ onClose }) => /* @__PURE__ */ jsx(MenuGroup, { children: canEditCSS && /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: () => {
+              onClose();
+              history.navigate(
+                addQueryArgs(path, {
+                  section: "/css"
+                })
+              );
+            },
+            children: __("Additional CSS")
+          }
+        ) })
+      }
+    )
+  ] });
 };
-
-/**
- * Hook to deal with navigation and location state.
- *
- * @return {Array}  The current section and a function to update it.
- */
-export const useSection = () => {
-  const {
-    path,
-    query
-  } = useLocation();
+const useSection = () => {
+  const { path, query } = useLocation();
   const history = useHistory();
   return useMemo(() => {
-    var _query$section;
-    return [(_query$section = query.section) !== null && _query$section !== void 0 ? _query$section : '/', updatedSection => {
-      history.navigate(addQueryArgs(path, {
-        section: updatedSection
-      }));
-    }];
+    return [
+      query.section ?? "/",
+      (updatedSection) => {
+        history.navigate(
+          addQueryArgs(path, {
+            section: updatedSection
+          })
+        );
+      }
+    ];
   }, [path, query.section, history]);
 };
-export default function GlobalStylesUIWrapper() {
-  const {
-    path
-  } = useLocation();
-  const [isStyleBookOpened, setIsStyleBookOpened] = useState(path.includes('preview=stylebook'));
-  const isMobileViewport = useViewportMatch('medium', '<');
+function GlobalStylesUIWrapper() {
+  const { path } = useLocation();
+  const [isStyleBookOpened, setIsStyleBookOpened] = useState(
+    path.includes("preview=stylebook")
+  );
+  const isMobileViewport = useViewportMatch("medium", "<");
   const [section, onChangeSection] = useSection();
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Page, {
-      actions: !isMobileViewport ? /*#__PURE__*/_jsx(GlobalStylesPageActions, {
-        isStyleBookOpened: isStyleBookOpened,
-        setIsStyleBookOpened: setIsStyleBookOpened,
-        path: path
-      }) : null,
+  return /* @__PURE__ */ jsx(
+    Page,
+    {
+      actions: !isMobileViewport ? /* @__PURE__ */ jsx(
+        GlobalStylesPageActions,
+        {
+          isStyleBookOpened,
+          setIsStyleBookOpened,
+          path
+        }
+      ) : null,
       className: "edit-site-styles",
-      title: __('Styles'),
-      children: /*#__PURE__*/_jsx(GlobalStylesUI, {
-        path: section,
-        onPathChange: onChangeSection
-      })
-    })
-  });
+      title: __("Styles"),
+      children: /* @__PURE__ */ jsx(GlobalStylesUI, { path: section, onPathChange: onChangeSection })
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  GlobalStylesUIWrapper as default,
+  useSection
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","useSelect","store","coreStore","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","__experimentalHStack","HStack","DropdownMenu","MenuGroup","MenuItem","addQueryArgs","removeQueryArgs","seen","moreVertical","GlobalStylesUI","Page","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","useHistory","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","path","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","children","isPressed","icon","label","onClick","updatedPath","preview","navigate","size","toggleProps","onClose","section","useSection","query","_query$section","updatedSection","GlobalStylesUIWrapper","includes","isMobileViewport","onChangeSection","actions","className","title","onPathChange"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen, moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\tconst canEditCSS = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\t\treturn !! globalStyles?._links?.[ 'wp:action-edit-css' ];\n\t}, [] );\n\n\treturn (\n\t\t<HStack>\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ canEditCSS && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\t\t\t\t\t\t\tsection: '/css',\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t);\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\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array}  The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-global-styles-wrapper/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen, moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\tconst canEditCSS = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\t\treturn !! globalStyles?._links?.[ 'wp:action-edit-css' ];\n\t}, [] );\n\n\treturn (\n\t\t<HStack>\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ canEditCSS && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\t\t\t\t\t\t\tsection: '/css',\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t);\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\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array}  The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUI path={ section } onPathChange={ onChangeSection } />\n\t\t</Page>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,28 +1,18 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalItem as Item, __experimentalHStack as HStack, FlexBlock } from '@wordpress/components';
-import { isRTL } from '@wordpress/i18n';
-import { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { SidebarNavigationContext } from '../sidebar';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useHistory,
-  useLink
-} = unlock(routerPrivateApis);
-export default function SidebarNavigationItem({
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  __experimentalItem as Item,
+  __experimentalHStack as HStack,
+  FlexBlock
+} from "@wordpress/components";
+import { isRTL } from "@wordpress/i18n";
+import { chevronRightSmall, chevronLeftSmall, Icon } from "@wordpress/icons";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { useContext } from "@wordpress/element";
+import { unlock } from "../../lock-unlock";
+import { SidebarNavigationContext } from "../sidebar";
+const { useHistory, useLink } = unlock(routerPrivateApis);
+function SidebarNavigationItem({
   className,
   icon,
   withChevron = false,
@@ -34,45 +24,54 @@ export default function SidebarNavigationItem({
   ...props
 }) {
   const history = useHistory();
-  const {
-    navigate
-  } = useContext(SidebarNavigationContext);
-  // If there is no custom click handler, create one that navigates to `params`.
+  const { navigate } = useContext(SidebarNavigationContext);
   function handleClick(e) {
     if (onClick) {
       onClick(e);
-      navigate('forward');
+      navigate("forward");
     } else if (to) {
       e.preventDefault();
       history.navigate(to);
-      navigate('forward', `[id="${uid}"]`);
+      navigate("forward", `[id="${uid}"]`);
     }
   }
   const linkProps = useLink(to);
-  return /*#__PURE__*/_jsx(Item, {
-    className: clsx('edit-site-sidebar-navigation-item', {
-      'with-suffix': !withChevron && suffix
-    }, className),
-    id: uid,
-    onClick: handleClick,
-    href: to ? linkProps.href : undefined,
-    ...props,
-    children: /*#__PURE__*/_jsxs(HStack, {
-      justify: "flex-start",
-      children: [icon && /*#__PURE__*/_jsx(Icon, {
-        style: {
-          fill: 'currentcolor'
-        },
-        icon: icon,
-        size: 24
-      }), /*#__PURE__*/_jsx(FlexBlock, {
-        children: children
-      }), withChevron && /*#__PURE__*/_jsx(Icon, {
-        icon: isRTL() ? chevronLeftSmall : chevronRightSmall,
-        className: "edit-site-sidebar-navigation-item__drilldown-indicator",
-        size: 24
-      }), !withChevron && suffix]
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      className: clsx(
+        "edit-site-sidebar-navigation-item",
+        { "with-suffix": !withChevron && suffix },
+        className
+      ),
+      id: uid,
+      onClick: handleClick,
+      href: to ? linkProps.href : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
+        icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            style: { fill: "currentcolor" },
+            icon,
+            size: 24
+          }
+        ),
+        /* @__PURE__ */ jsx(FlexBlock, { children }),
+        withChevron && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: isRTL() ? chevronLeftSmall : chevronRightSmall,
+            className: "edit-site-sidebar-navigation-item__drilldown-indicator",
+            size: 24
+          }
+        ),
+        !withChevron && suffix
+      ] })
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  SidebarNavigationItem as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","isRTL","chevronRightSmall","chevronLeftSmall","Icon","privateApis","routerPrivateApis","useContext","unlock","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","useHistory","useLink","SidebarNavigationItem","className","icon","withChevron","suffix","uid","to","onClick","children","props","history","navigate","handleClick","e","preventDefault","linkProps","id","href","undefined","justify","style","fill","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLink } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tuid,\n\tto,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\t// If there is no custom click handler, create one that navigates to `params`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( to ) {\n\t\t\te.preventDefault();\n\t\t\thistory.navigate( to );\n\t\t\tnavigate( 'forward', `[id=\"${ uid }\"]` );\n\t\t}\n\t}\n\tconst linkProps = useLink( to );\n\n\treturn (\n\t\t<Item\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tid={ uid }\n\t\t\tonClick={ handleClick }\n\t\t\thref={ to ? linkProps.href : undefined }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,kBAAkB;AAC5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,wBAAwB,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,MAAM;EAAEC,UAAU;EAAEC;AAAQ,CAAC,GAAGP,MAAM,CAAEF,iBAAkB,CAAC;AAE3D,eAAe,SAASU,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,GAAG;EACHC,EAAE;EACFC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGZ,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEa;EAAS,CAAC,GAAGpB,UAAU,CAAEE,wBAAyB,CAAC;EAC3D;EACA,SAASmB,WAAWA,CAAEC,CAAC,EAAG;IACzB,IAAKN,OAAO,EAAG;MACdA,OAAO,CAAEM,CAAE,CAAC;MACZF,QAAQ,CAAE,SAAU,CAAC;IACtB,CAAC,MAAM,IAAKL,EAAE,EAAG;MAChBO,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBJ,OAAO,CAACC,QAAQ,CAAEL,EAAG,CAAC;MACtBK,QAAQ,CAAE,SAAS,EAAE,QAASN,GAAG,IAAM,CAAC;IACzC;EACD;EACA,MAAMU,SAAS,GAAGhB,OAAO,CAAEO,EAAG,CAAC;EAE/B,oBACCX,IAAA,CAACd,IAAI;IACJoB,SAAS,EAAGtB,IAAI,CACf,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEwB,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IACHe,EAAE,EAAGX,GAAK;IACVE,OAAO,EAAGK,WAAa;IACvBK,IAAI,EAAGX,EAAE,GAAGS,SAAS,CAACE,IAAI,GAAGC,SAAW;IAAA,GACnCT,KAAK;IAAAD,QAAA,eAEVX,KAAA,CAACd,MAAM;MAACoC,OAAO,EAAC,YAAY;MAAAX,QAAA,GACzBN,IAAI,iBACLP,IAAA,CAACP,IAAI;QACJgC,KAAK,EAAG;UAAEC,IAAI,EAAE;QAAe,CAAG;QAClCnB,IAAI,EAAGA,IAAM;QACboB,IAAI,EAAG;MAAI,CACX,CACD,eACD3B,IAAA,CAACX,SAAS;QAAAwB,QAAA,EAAGA;MAAQ,CAAa,CAAC,EACjCL,WAAW,iBACZR,IAAA,CAACP,IAAI;QACJc,IAAI,EAAGjB,KAAK,CAAC,CAAC,GAAGE,gBAAgB,GAAGD,iBAAmB;QACvDe,SAAS,EAAC,wDAAwD;QAClEqB,IAAI,EAAG;MAAI,CACX,CACD,EACC,CAAEnB,WAAW,IAAIC,MAAM;IAAA,CAClB;EAAC,CACJ,CAAC;AAET","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-navigation-item/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLink } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tuid,\n\tto,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\t// If there is no custom click handler, create one that navigates to `params`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( to ) {\n\t\t\te.preventDefault();\n\t\t\thistory.navigate( to );\n\t\t\tnavigate( 'forward', `[id=\"${ uid }\"]` );\n\t\t}\n\t}\n\tconst linkProps = useLink( to );\n\n\treturn (\n\t\t<Item\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tid={ uid }\n\t\t\tonClick={ handleClick }\n\t\t\thref={ to ? linkProps.href : undefined }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"],
+  "mappings": "AAgEG,SAEE,KAFF;AA7DH,OAAO,UAAU;AAKjB;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,aAAa;AACtB,SAAS,mBAAmB,kBAAkB,YAAY;AAC1D,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,cAAc;AACvB,SAAS,gCAAgC;AAEzC,MAAM,EAAE,YAAY,QAAQ,IAAI,OAAQ,iBAAkB;AAE3C,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAE1D,WAAS,YAAa,GAAI;AACzB,QAAK,SAAU;AACd,cAAS,CAAE;AACX,eAAU,SAAU;AAAA,IACrB,WAAY,IAAK;AAChB,QAAE,eAAe;AACjB,cAAQ,SAAU,EAAG;AACrB,eAAU,WAAW,QAAS,GAAI,IAAK;AAAA,IACxC;AAAA,EACD;AACA,QAAM,YAAY,QAAS,EAAG;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA,EAAE,eAAe,CAAE,eAAe,OAAO;AAAA,QACzC;AAAA,MACD;AAAA,MACA,IAAK;AAAA,MACL,SAAU;AAAA,MACV,MAAO,KAAK,UAAU,OAAO;AAAA,MAC3B,GAAG;AAAA,MAEL,+BAAC,UAAO,SAAQ,cACb;AAAA,gBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,EAAE,MAAM,eAAe;AAAA,YAC/B;AAAA,YACA,MAAO;AAAA;AAAA,QACR;AAAA,QAED,oBAAC,aAAY,UAAU;AAAA,QACrB,eACD;AAAA,UAAC;AAAA;AAAA,YACA,MAAO,MAAM,IAAI,mBAAmB;AAAA,YACpC,WAAU;AAAA,YACV,MAAO;AAAA;AAAA,QACR;AAAA,QAEC,CAAE,eAAe;AAAA,SACpB;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}