@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.0

package/build-module/components/global-styles/typography-example.js

@@ -1,61 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "@wordpress/element";
-import { __unstableMotion as motion } from "@wordpress/components";
-import { _x } from "@wordpress/i18n";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { privateApis as editorPrivateApis } from "@wordpress/editor";
-import { unlock } from "../../lock-unlock";
-import { getFamilyPreviewStyle } from "./font-library-modal/utils/preview-styles";
-import { getFontFamilies } from "./utils";
-const { useGlobalStyle, GlobalStylesContext } = unlock(
-  blockEditorPrivateApis
-);
-const { mergeBaseAndUserConfigs } = unlock(editorPrivateApis);
-function PreviewTypography({ fontSize, variation }) {
-  const { base } = useContext(GlobalStylesContext);
-  let config = base;
-  if (variation) {
-    config = mergeBaseAndUserConfigs(base, variation);
-  }
-  const [textColor] = useGlobalStyle("color.text");
-  const [bodyFontFamilies, headingFontFamilies] = getFontFamilies(config);
-  const bodyPreviewStyle = bodyFontFamilies ? getFamilyPreviewStyle(bodyFontFamilies) : {};
-  const headingPreviewStyle = headingFontFamilies ? getFamilyPreviewStyle(headingFontFamilies) : {};
-  if (textColor) {
-    bodyPreviewStyle.color = textColor;
-    headingPreviewStyle.color = textColor;
-  }
-  if (fontSize) {
-    bodyPreviewStyle.fontSize = fontSize;
-    headingPreviewStyle.fontSize = fontSize;
-  }
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      animate: {
-        scale: 1,
-        opacity: 1
-      },
-      initial: {
-        scale: 0.1,
-        opacity: 0
-      },
-      transition: {
-        delay: 0.3,
-        type: "tween"
-      },
-      style: {
-        textAlign: "center",
-        lineHeight: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { style: headingPreviewStyle, children: _x("A", "Uppercase letter A") }),
-        /* @__PURE__ */ jsx("span", { style: bodyPreviewStyle, children: _x("a", "Lowercase letter A") })
-      ]
-    }
-  );
-}
-export {
-  PreviewTypography as default
-};
-//# sourceMappingURL=typography-example.js.map

package/build-module/components/global-styles/typography-example.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/typography-example.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\nimport { getFontFamilies } from './utils';\n\nconst { useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nexport default function PreviewTypography( { fontSize, variation } ) {\n\tconst { base } = useContext( GlobalStylesContext );\n\tlet config = base;\n\tif ( variation ) {\n\t\tconfig = mergeBaseAndUserConfigs( base, variation );\n\t}\n\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\n\tconst [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies( config );\n\tconst bodyPreviewStyle = bodyFontFamilies\n\t\t? getFamilyPreviewStyle( bodyFontFamilies )\n\t\t: {};\n\tconst headingPreviewStyle = headingFontFamilies\n\t\t? getFamilyPreviewStyle( headingFontFamilies )\n\t\t: {};\n\n\tif ( textColor ) {\n\t\tbodyPreviewStyle.color = textColor;\n\t\theadingPreviewStyle.color = textColor;\n\t}\n\n\tif ( fontSize ) {\n\t\tbodyPreviewStyle.fontSize = fontSize;\n\t\theadingPreviewStyle.fontSize = fontSize;\n\t}\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: 0.3,\n\t\t\t\ttype: 'tween',\n\t\t\t} }\n\t\t\tstyle={ {\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tlineHeight: 1,\n\t\t\t} }\n\t\t>\n\t\t\t<span style={ headingPreviewStyle }>\n\t\t\t\t{ _x( 'A', 'Uppercase letter A' ) }\n\t\t\t</span>\n\t\t\t<span style={ bodyPreviewStyle }>\n\t\t\t\t{ _x( 'a', 'Lowercase letter A' ) }\n\t\t\t</span>\n\t\t</motion.div>\n\t);\n}\n"],
-  "mappings": "AAiDE,SAkBC,KAlBD;AA9CF,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,cAAc;AAC3C,SAAS,UAAU;AACnB,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe,yBAAyB;AAKjD,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAEhC,MAAM,EAAE,gBAAgB,oBAAoB,IAAI;AAAA,EAC/C;AACD;AACA,MAAM,EAAE,wBAAwB,IAAI,OAAQ,iBAAkB;AAE/C,SAAR,kBAAoC,EAAE,UAAU,UAAU,GAAI;AACpE,QAAM,EAAE,KAAK,IAAI,WAAY,mBAAoB;AACjD,MAAI,SAAS;AACb,MAAK,WAAY;AAChB,aAAS,wBAAyB,MAAM,SAAU;AAAA,EACnD;AAEA,QAAM,CAAE,SAAU,IAAI,eAAgB,YAAa;AAEnD,QAAM,CAAE,kBAAkB,mBAAoB,IAAI,gBAAiB,MAAO;AAC1E,QAAM,mBAAmB,mBACtB,sBAAuB,gBAAiB,IACxC,CAAC;AACJ,QAAM,sBAAsB,sBACzB,sBAAuB,mBAAoB,IAC3C,CAAC;AAEJ,MAAK,WAAY;AAChB,qBAAiB,QAAQ;AACzB,wBAAoB,QAAQ;AAAA,EAC7B;AAEA,MAAK,UAAW;AACf,qBAAiB,WAAW;AAC5B,wBAAoB,WAAW;AAAA,EAChC;AAEA,SACC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,YAAa;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,MACP;AAAA,MACA,OAAQ;AAAA,QACP,WAAW;AAAA,QACX,YAAY;AAAA,MACb;AAAA,MAEA;AAAA,4BAAC,UAAK,OAAQ,qBACX,aAAI,KAAK,oBAAqB,GACjC;AAAA,QACA,oBAAC,UAAK,OAAQ,kBACX,aAAI,KAAK,oBAAqB,GACjC;AAAA;AAAA;AAAA,EACD;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/typography-panel.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { unlock } from "../../lock-unlock";
-const {
-  useGlobalStyle,
-  useGlobalSetting,
-  useSettingsForBlockElement,
-  TypographyPanel: StylesTypographyPanel
-} = unlock(blockEditorPrivateApis);
-function TypographyPanel({ element, headingLevel }) {
-  let prefixParts = [];
-  if (element === "heading") {
-    prefixParts = prefixParts.concat(["elements", headingLevel]);
-  } else if (element && element !== "text") {
-    prefixParts = prefixParts.concat(["elements", element]);
-  }
-  const prefix = prefixParts.join(".");
-  const [style] = useGlobalStyle(prefix, void 0, "user", {
-    shouldDecodeEncode: false
-  });
-  const [inheritedStyle, setStyle] = useGlobalStyle(
-    prefix,
-    void 0,
-    "all",
-    {
-      shouldDecodeEncode: false
-    }
-  );
-  const [rawSettings] = useGlobalSetting("");
-  const usedElement = element === "heading" ? headingLevel : element;
-  const settings = useSettingsForBlockElement(
-    rawSettings,
-    void 0,
-    usedElement
-  );
-  return /* @__PURE__ */ jsx(
-    StylesTypographyPanel,
-    {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings
-    }
-  );
-}
-export {
-  TypographyPanel as default
-};
-//# sourceMappingURL=typography-panel.js.map

package/build-module/components/global-styles/typography-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/typography-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tTypographyPanel: StylesTypographyPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPanel( { element, headingLevel } ) {\n\tlet prefixParts = [];\n\tif ( element === 'heading' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', headingLevel ] );\n\t} else if ( element && element !== 'text' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', element ] );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle(\n\t\tprefix,\n\t\tundefined,\n\t\t'all',\n\t\t{\n\t\t\tshouldDecodeEncode: false,\n\t\t}\n\t);\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst usedElement = element === 'heading' ? headingLevel : element;\n\tconst settings = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tundefined,\n\t\tusedElement\n\t);\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "AA8CE;AA3CF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,IAAI,OAAQ,sBAAuB;AAEpB,SAAR,gBAAkC,EAAE,SAAS,aAAa,GAAI;AACpE,MAAI,cAAc,CAAC;AACnB,MAAK,YAAY,WAAY;AAC5B,kBAAc,YAAY,OAAQ,CAAE,YAAY,YAAa,CAAE;AAAA,EAChE,WAAY,WAAW,YAAY,QAAS;AAC3C,kBAAc,YAAY,OAAQ,CAAE,YAAY,OAAQ,CAAE;AAAA,EAC3D;AACA,QAAM,SAAS,YAAY,KAAM,GAAI;AAErC,QAAM,CAAE,KAAM,IAAI,eAAgB,QAAQ,QAAW,QAAQ;AAAA,IAC5D,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACC,oBAAoB;AAAA,IACrB;AAAA,EACD;AACA,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,cAAc,YAAY,YAAY,eAAe;AAC3D,QAAM,WAAW;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/typography-preview.js

@@ -1,60 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { unlock } from "../../lock-unlock";
-const { useGlobalStyle } = unlock(blockEditorPrivateApis);
-function TypographyPreview({ name, element, headingLevel }) {
-  let prefix = "";
-  if (element === "heading") {
-    prefix = `elements.${headingLevel}.`;
-  } else if (element && element !== "text") {
-    prefix = `elements.${element}.`;
-  }
-  const [fontFamily] = useGlobalStyle(
-    prefix + "typography.fontFamily",
-    name
-  );
-  const [gradientValue] = useGlobalStyle(prefix + "color.gradient", name);
-  const [backgroundColor] = useGlobalStyle(
-    prefix + "color.background",
-    name
-  );
-  const [fallbackBackgroundColor] = useGlobalStyle("color.background");
-  const [color] = useGlobalStyle(prefix + "color.text", name);
-  const [fontSize] = useGlobalStyle(prefix + "typography.fontSize", name);
-  const [fontStyle] = useGlobalStyle(
-    prefix + "typography.fontStyle",
-    name
-  );
-  const [fontWeight] = useGlobalStyle(
-    prefix + "typography.fontWeight",
-    name
-  );
-  const [letterSpacing] = useGlobalStyle(
-    prefix + "typography.letterSpacing",
-    name
-  );
-  const extraStyles = element === "link" ? {
-    textDecoration: "underline"
-  } : {};
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "edit-site-typography-preview",
-      style: {
-        fontFamily: fontFamily ?? "serif",
-        background: gradientValue ?? backgroundColor ?? fallbackBackgroundColor,
-        color,
-        fontSize,
-        fontStyle,
-        fontWeight,
-        letterSpacing,
-        ...extraStyles
-      },
-      children: "Aa"
-    }
-  );
-}
-export {
-  TypographyPreview as default
-};
-//# sourceMappingURL=typography-preview.js.map

package/build-module/components/global-styles/typography-preview.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/typography-preview.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPreview( { name, element, headingLevel } ) {\n\tlet prefix = '';\n\tif ( element === 'heading' ) {\n\t\tprefix = `elements.${ headingLevel }.`;\n\t} else if ( element && element !== 'text' ) {\n\t\tprefix = `elements.${ element }.`;\n\t}\n\n\tconst [ fontFamily ] = useGlobalStyle(\n\t\tprefix + 'typography.fontFamily',\n\t\tname\n\t);\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient', name );\n\tconst [ backgroundColor ] = useGlobalStyle(\n\t\tprefix + 'color.background',\n\t\tname\n\t);\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text', name );\n\tconst [ fontSize ] = useGlobalStyle( prefix + 'typography.fontSize', name );\n\tconst [ fontStyle ] = useGlobalStyle(\n\t\tprefix + 'typography.fontStyle',\n\t\tname\n\t);\n\tconst [ fontWeight ] = useGlobalStyle(\n\t\tprefix + 'typography.fontWeight',\n\t\tname\n\t);\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing',\n\t\tname\n\t);\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\tbackground:\n\t\t\t\t\tgradientValue ?? backgroundColor ?? fallbackBackgroundColor,\n\t\t\t\tcolor,\n\t\t\t\tfontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tletterSpacing,\n\t\t\t\t...extraStyles,\n\t\t\t} }\n\t\t>\n\t\t\tAa\n\t\t</div>\n\t);\n}\n"],
-  "mappings": "AAoDE;AAjDF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAEvB,MAAM,EAAE,eAAe,IAAI,OAAQ,sBAAuB;AAE3C,SAAR,kBAAoC,EAAE,MAAM,SAAS,aAAa,GAAI;AAC5E,MAAI,SAAS;AACb,MAAK,YAAY,WAAY;AAC5B,aAAS,YAAa,YAAa;AAAA,EACpC,WAAY,WAAW,YAAY,QAAS;AAC3C,aAAS,YAAa,OAAQ;AAAA,EAC/B;AAEA,QAAM,CAAE,UAAW,IAAI;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,aAAc,IAAI,eAAgB,SAAS,kBAAkB,IAAK;AAC1E,QAAM,CAAE,eAAgB,IAAI;AAAA,IAC3B,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,uBAAwB,IAAI,eAAgB,kBAAmB;AACvE,QAAM,CAAE,KAAM,IAAI,eAAgB,SAAS,cAAc,IAAK;AAC9D,QAAM,CAAE,QAAS,IAAI,eAAgB,SAAS,uBAAuB,IAAK;AAC1E,QAAM,CAAE,SAAU,IAAI;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,UAAW,IAAI;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,aAAc,IAAI;AAAA,IACzB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,cACL,YAAY,SACT;AAAA,IACA,gBAAgB;AAAA,EAChB,IACA,CAAC;AAEL,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,QACP,YAAY,cAAc;AAAA,QAC1B,YACC,iBAAiB,mBAAmB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACJ;AAAA,MACA;AAAA;AAAA,EAED;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/ui.js

@@ -1,334 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Navigator,
-  useNavigator,
-  createSlotFill,
-  DropdownMenu,
-  MenuGroup,
-  MenuItem
-} from "@wordpress/components";
-import { getBlockTypes, store as blocksStore } from "@wordpress/blocks";
-import { useSelect, useDispatch } from "@wordpress/data";
-import {
-  privateApis as blockEditorPrivateApis,
-  store as blockEditorStore
-} from "@wordpress/block-editor";
-import { __ } from "@wordpress/i18n";
-import { store as preferencesStore } from "@wordpress/preferences";
-import { moreVertical } from "@wordpress/icons";
-import { store as coreStore } from "@wordpress/core-data";
-import { useEffect } from "@wordpress/element";
-import { usePrevious } from "@wordpress/compose";
-import ScreenRoot from "./screen-root";
-import {
-  useBlockHasGlobalStyles,
-  default as ScreenBlockList
-} from "./screen-block-list";
-import ScreenBlock from "./screen-block";
-import ScreenTypography from "./screen-typography";
-import ScreenTypographyElement from "./screen-typography-element";
-import FontSize from "./font-sizes/font-size";
-import FontSizes from "./font-sizes/font-sizes";
-import ScreenColors from "./screen-colors";
-import ScreenColorPalette from "./screen-color-palette";
-import ScreenBackground from "./screen-background";
-import { ScreenShadows, ScreenShadowsEdit } from "./screen-shadows";
-import ScreenLayout from "./screen-layout";
-import ScreenStyleVariations from "./screen-style-variations";
-import StyleBook from "../style-book";
-import ScreenCSS from "./screen-css";
-import ScreenRevisions from "./screen-revisions";
-import { unlock } from "../../lock-unlock";
-import { store as editSiteStore } from "../../store";
-import { STYLE_BOOK_COLOR_GROUPS } from "../style-book/constants";
-const SLOT_FILL_NAME = "GlobalStylesMenu";
-const { useGlobalStylesReset } = unlock(blockEditorPrivateApis);
-const { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } = createSlotFill(SLOT_FILL_NAME);
-function GlobalStylesActionMenu() {
-  const [canReset, onReset] = useGlobalStylesReset();
-  const { toggle } = useDispatch(preferencesStore);
-  const { canEditCSS } = useSelect((select) => {
-    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-    return {
-      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
-    };
-  }, []);
-  const { setEditorCanvasContainerView } = unlock(
-    useDispatch(editSiteStore)
-  );
-  const loadCustomCSS = () => {
-    setEditorCanvasContainerView("global-styles-css");
-  };
-  return /* @__PURE__ */ jsx(GlobalStylesMenuFill, { children: /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      icon: moreVertical,
-      label: __("More"),
-      toggleProps: { size: "compact" },
-      children: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(MenuGroup, { children: [
-          canEditCSS && /* @__PURE__ */ jsx(MenuItem, { onClick: loadCustomCSS, children: __("Additional CSS") }),
-          /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              onClick: () => {
-                toggle(
-                  "core/edit-site",
-                  "welcomeGuideStyles"
-                );
-                onClose();
-              },
-              children: __("Welcome Guide")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(MenuGroup, { children: /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            onClick: () => {
-              onReset();
-              onClose();
-            },
-            disabled: !canReset,
-            children: __("Reset styles")
-          }
-        ) })
-      ] })
-    }
-  ) });
-}
-function GlobalStylesNavigationScreen({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Navigator.Screen,
-    {
-      className: [
-        "edit-site-global-styles-sidebar__navigator-screen",
-        className
-      ].filter(Boolean).join(" "),
-      ...props
-    }
-  );
-}
-function BlockStylesNavigationScreens({
-  parentMenu,
-  blockStyles,
-  blockName
-}) {
-  return blockStyles.map((style, index) => /* @__PURE__ */ jsx(
-    GlobalStylesNavigationScreen,
-    {
-      path: parentMenu + "/variations/" + style.name,
-      children: /* @__PURE__ */ jsx(ScreenBlock, { name: blockName, variation: style.name })
-    },
-    index
-  ));
-}
-function ContextScreens({ name, parentMenu = "" }) {
-  const blockStyleVariations = useSelect(
-    (select) => {
-      const { getBlockStyles } = select(blocksStore);
-      return getBlockStyles(name);
-    },
-    [name]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      GlobalStylesNavigationScreen,
-      {
-        path: parentMenu + "/colors/palette",
-        children: /* @__PURE__ */ jsx(ScreenColorPalette, { name })
-      }
-    ),
-    !!blockStyleVariations?.length && /* @__PURE__ */ jsx(
-      BlockStylesNavigationScreens,
-      {
-        parentMenu,
-        blockStyles: blockStyleVariations,
-        blockName: name
-      }
-    )
-  ] });
-}
-function GlobalStylesStyleBook() {
-  const navigator = useNavigator();
-  const { path } = navigator.location;
-  return /* @__PURE__ */ jsx(
-    StyleBook,
-    {
-      isSelected: (blockName) => (
-        // Match '/blocks/core%2Fbutton' and
-        // '/blocks/core%2Fbutton/typography', but not
-        // '/blocks/core%2Fbuttons'.
-        path === `/blocks/${encodeURIComponent(blockName)}` || path.startsWith(
-          `/blocks/${encodeURIComponent(blockName)}/`
-        )
-      ),
-      onSelect: (blockName) => {
-        if (STYLE_BOOK_COLOR_GROUPS.find(
-          (group) => group.slug === blockName
-        )) {
-          navigator.goTo("/colors/palette");
-          return;
-        }
-        if (blockName === "typography") {
-          navigator.goTo("/typography");
-          return;
-        }
-        navigator.goTo("/blocks/" + encodeURIComponent(blockName));
-      }
-    }
-  );
-}
-function GlobalStylesBlockLink() {
-  const navigator = useNavigator();
-  const { selectedBlockName, selectedBlockClientId } = useSelect(
-    (select) => {
-      const { getSelectedBlockClientId, getBlockName } = select(blockEditorStore);
-      const clientId = getSelectedBlockClientId();
-      return {
-        selectedBlockName: getBlockName(clientId),
-        selectedBlockClientId: clientId
-      };
-    },
-    []
-  );
-  const blockHasGlobalStyles = useBlockHasGlobalStyles(selectedBlockName);
-  useEffect(() => {
-    if (!selectedBlockClientId || !blockHasGlobalStyles) {
-      return;
-    }
-    const currentPath = navigator.location.path;
-    if (currentPath !== "/blocks" && !currentPath.startsWith("/blocks/")) {
-      return;
-    }
-    const newPath = "/blocks/" + encodeURIComponent(selectedBlockName);
-    if (newPath !== currentPath) {
-      navigator.goTo(newPath, { skipFocus: true });
-    }
-  }, [selectedBlockClientId, selectedBlockName, blockHasGlobalStyles]);
-}
-function GlobalStylesEditorCanvasContainerLink() {
-  const { goTo, location } = useNavigator();
-  const editorCanvasContainerView = useSelect(
-    (select) => unlock(select(editSiteStore)).getEditorCanvasContainerView(),
-    []
-  );
-  const path = location?.path;
-  const isRevisionsOpen = path === "/revisions";
-  useEffect(() => {
-    switch (editorCanvasContainerView) {
-      case "global-styles-revisions":
-      case "global-styles-revisions:style-book":
-        if (!isRevisionsOpen) {
-          goTo("/revisions");
-        }
-        break;
-      case "global-styles-css":
-        goTo("/css");
-        break;
-      // The stand-alone style book is open
-      // and the revisions panel is open,
-      // close the revisions panel.
-      // Otherwise keep the style book open while
-      // browsing global styles panel.
-      //
-      // Falling through as it matches the default scenario.
-      case "style-book":
-      default:
-        if (isRevisionsOpen) {
-          goTo("/", { isBack: true });
-        }
-        break;
-    }
-  }, [editorCanvasContainerView, isRevisionsOpen, goTo]);
-}
-function useNavigatorSync(parentPath, onPathChange) {
-  const navigator = useNavigator();
-  const { path: childPath } = navigator.location;
-  const previousParentPath = usePrevious(parentPath);
-  const previousChildPath = usePrevious(childPath);
-  useEffect(() => {
-    if (parentPath !== childPath) {
-      if (parentPath !== previousParentPath) {
-        navigator.goTo(parentPath);
-      } else if (childPath !== previousChildPath) {
-        onPathChange(childPath);
-      }
-    }
-  }, [
-    onPathChange,
-    parentPath,
-    previousChildPath,
-    previousParentPath,
-    childPath,
-    navigator
-  ]);
-}
-function NavigationSync({ path: parentPath, onPathChange, children }) {
-  useNavigatorSync(parentPath, onPathChange);
-  return children;
-}
-function GlobalStylesUI({ path, onPathChange }) {
-  const blocks = getBlockTypes();
-  const editorCanvasContainerView = useSelect(
-    (select) => unlock(select(editSiteStore)).getEditorCanvasContainerView(),
-    []
-  );
-  return /* @__PURE__ */ jsxs(
-    Navigator,
-    {
-      className: "edit-site-global-styles-sidebar__navigator-provider",
-      initialPath: "/",
-      children: [
-        path && onPathChange && /* @__PURE__ */ jsx(NavigationSync, { path, onPathChange }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/", children: /* @__PURE__ */ jsx(ScreenRoot, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/variations", children: /* @__PURE__ */ jsx(ScreenStyleVariations, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/blocks", children: /* @__PURE__ */ jsx(ScreenBlockList, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography", children: /* @__PURE__ */ jsx(ScreenTypography, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/font-sizes", children: /* @__PURE__ */ jsx(FontSizes, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/font-sizes/:origin/:slug", children: /* @__PURE__ */ jsx(FontSize, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/text", children: /* @__PURE__ */ jsx(ScreenTypographyElement, { element: "text" }) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/link", children: /* @__PURE__ */ jsx(ScreenTypographyElement, { element: "link" }) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/heading", children: /* @__PURE__ */ jsx(ScreenTypographyElement, { element: "heading" }) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/caption", children: /* @__PURE__ */ jsx(ScreenTypographyElement, { element: "caption" }) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/typography/button", children: /* @__PURE__ */ jsx(ScreenTypographyElement, { element: "button" }) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/colors", children: /* @__PURE__ */ jsx(ScreenColors, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/shadows", children: /* @__PURE__ */ jsx(ScreenShadows, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/shadows/edit/:category/:slug", children: /* @__PURE__ */ jsx(ScreenShadowsEdit, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/layout", children: /* @__PURE__ */ jsx(ScreenLayout, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/css", children: /* @__PURE__ */ jsx(ScreenCSS, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/revisions", children: /* @__PURE__ */ jsx(ScreenRevisions, {}) }),
-        /* @__PURE__ */ jsx(GlobalStylesNavigationScreen, { path: "/background", children: /* @__PURE__ */ jsx(ScreenBackground, {}) }),
-        blocks.map((block) => /* @__PURE__ */ jsx(
-          GlobalStylesNavigationScreen,
-          {
-            path: "/blocks/" + encodeURIComponent(block.name),
-            children: /* @__PURE__ */ jsx(ScreenBlock, { name: block.name })
-          },
-          "menu-block-" + block.name
-        )),
-        /* @__PURE__ */ jsx(ContextScreens, {}),
-        blocks.map((block) => /* @__PURE__ */ jsx(
-          ContextScreens,
-          {
-            name: block.name,
-            parentMenu: "/blocks/" + encodeURIComponent(block.name)
-          },
-          "screens-block-" + block.name
-        )),
-        "style-book" === editorCanvasContainerView && /* @__PURE__ */ jsx(GlobalStylesStyleBook, {}),
-        /* @__PURE__ */ jsx(GlobalStylesActionMenu, {}),
-        /* @__PURE__ */ jsx(GlobalStylesBlockLink, {}),
-        /* @__PURE__ */ jsx(GlobalStylesEditorCanvasContainerLink, {})
-      ]
-    }
-  );
-}
-var ui_default = GlobalStylesUI;
-export {
-  GlobalStylesMenuSlot,
-  ui_default as default
-};
-//# sourceMappingURL=ui.js.map

package/build-module/components/global-styles/ui.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/ui.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\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 onClick={ loadCustomCSS }>\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\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\tif (\n\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\tnavigator.goTo( '/colors/palette' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\tnavigator.goTo( '/typography' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tif ( ! isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/revisions' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\t// The stand-alone style book is open\n\t\t\t// and the revisions panel is open,\n\t\t\t// close the revisions panel.\n\t\t\t// Otherwise keep the style book open while\n\t\t\t// browsing global styles panel.\n\t\t\t//\n\t\t\t// Falling through as it matches the default scenario.\n\t\t\tcase 'style-book':\n\t\t\tdefault:\n\t\t\t\t// In general, if the revision screen is in view but the\n\t\t\t\t// `editorCanvasContainerView` is not a revision view, close it.\n\t\t\t\t// This also includes the scenario when the stand-alone style\n\t\t\t\t// book is open, in which case we want the user to close the\n\t\t\t\t// revisions screen and browse global styles.\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/', { isBack: true } );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction useNavigatorSync( parentPath, onPathChange ) {\n\tconst navigator = useNavigator();\n\tconst { path: childPath } = navigator.location;\n\tconst previousParentPath = usePrevious( parentPath );\n\tconst previousChildPath = usePrevious( childPath );\n\tuseEffect( () => {\n\t\tif ( parentPath !== childPath ) {\n\t\t\tif ( parentPath !== previousParentPath ) {\n\t\t\t\tnavigator.goTo( parentPath );\n\t\t\t} else if ( childPath !== previousChildPath ) {\n\t\t\t\tonPathChange( childPath );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tonPathChange,\n\t\tparentPath,\n\t\tpreviousChildPath,\n\t\tpreviousParentPath,\n\t\tchildPath,\n\t\tnavigator,\n\t] );\n}\n\n// This component is used to wrap the hook in order to conditionally execute it\n// when the parent component is used on controlled mode.\nfunction NavigationSync( { path: parentPath, onPathChange, children } ) {\n\tuseNavigatorSync( parentPath, onPathChange );\n\treturn children;\n}\n\nfunction GlobalStylesUI( { path, onPathChange } ) {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Navigator\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t{ path && onPathChange && (\n\t\t\t\t<NavigationSync path={ path } onPathChange={ onPathChange } />\n\t\t\t) }\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],
-  "mappings": "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",
-  "names": []
-}