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

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

@@ -1,355 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ui_exports = {};
-__export(ui_exports, {
-  GlobalStylesMenuSlot: () => GlobalStylesMenuSlot,
-  default: () => ui_default
-});
-module.exports = __toCommonJS(ui_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_blocks = require("@wordpress/blocks");
-var import_data = require("@wordpress/data");
-var import_block_editor = require("@wordpress/block-editor");
-var import_i18n = require("@wordpress/i18n");
-var import_preferences = require("@wordpress/preferences");
-var import_icons = require("@wordpress/icons");
-var import_core_data = require("@wordpress/core-data");
-var import_element = require("@wordpress/element");
-var import_compose = require("@wordpress/compose");
-var import_screen_root = __toESM(require("./screen-root"));
-var import_screen_block_list = __toESM(require("./screen-block-list"));
-var import_screen_block = __toESM(require("./screen-block"));
-var import_screen_typography = __toESM(require("./screen-typography"));
-var import_screen_typography_element = __toESM(require("./screen-typography-element"));
-var import_font_size = __toESM(require("./font-sizes/font-size"));
-var import_font_sizes = __toESM(require("./font-sizes/font-sizes"));
-var import_screen_colors = __toESM(require("./screen-colors"));
-var import_screen_color_palette = __toESM(require("./screen-color-palette"));
-var import_screen_background = __toESM(require("./screen-background"));
-var import_screen_shadows = require("./screen-shadows");
-var import_screen_layout = __toESM(require("./screen-layout"));
-var import_screen_style_variations = __toESM(require("./screen-style-variations"));
-var import_style_book = __toESM(require("../style-book"));
-var import_screen_css = __toESM(require("./screen-css"));
-var import_screen_revisions = __toESM(require("./screen-revisions"));
-var import_lock_unlock = require("../../lock-unlock");
-var import_store = require("../../store");
-var import_constants = require("../style-book/constants");
-const SLOT_FILL_NAME = "GlobalStylesMenu";
-const { useGlobalStylesReset } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } = (0, import_components.createSlotFill)(SLOT_FILL_NAME);
-function GlobalStylesActionMenu() {
-  const [canReset, onReset] = useGlobalStylesReset();
-  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
-  const { canEditCSS } = (0, import_data.useSelect)((select) => {
-    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(import_core_data.store);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-    return {
-      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
-    };
-  }, []);
-  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
-  const loadCustomCSS = () => {
-    setEditorCanvasContainerView("global-styles-css");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesMenuFill, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.DropdownMenu,
-    {
-      icon: import_icons.moreVertical,
-      label: (0, import_i18n.__)("More"),
-      toggleProps: { size: "compact" },
-      children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.MenuGroup, { children: [
-          canEditCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuItem, { onClick: loadCustomCSS, children: (0, import_i18n.__)("Additional CSS") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.MenuItem,
-            {
-              onClick: () => {
-                toggle(
-                  "core/edit-site",
-                  "welcomeGuideStyles"
-                );
-                onClose();
-              },
-              children: (0, import_i18n.__)("Welcome Guide")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.MenuItem,
-          {
-            onClick: () => {
-              onReset();
-              onClose();
-            },
-            disabled: !canReset,
-            children: (0, import_i18n.__)("Reset styles")
-          }
-        ) })
-      ] })
-    }
-  ) });
-}
-function GlobalStylesNavigationScreen({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.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__ */ (0, import_jsx_runtime.jsx)(
-    GlobalStylesNavigationScreen,
-    {
-      path: parentMenu + "/variations/" + style.name,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_block.default, { name: blockName, variation: style.name })
-    },
-    index
-  ));
-}
-function ContextScreens({ name, parentMenu = "" }) {
-  const blockStyleVariations = (0, import_data.useSelect)(
-    (select) => {
-      const { getBlockStyles } = select(import_blocks.store);
-      return getBlockStyles(name);
-    },
-    [name]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      GlobalStylesNavigationScreen,
-      {
-        path: parentMenu + "/colors/palette",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_color_palette.default, { name })
-      }
-    ),
-    !!blockStyleVariations?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      BlockStylesNavigationScreens,
-      {
-        parentMenu,
-        blockStyles: blockStyleVariations,
-        blockName: name
-      }
-    )
-  ] });
-}
-function GlobalStylesStyleBook() {
-  const navigator = (0, import_components.useNavigator)();
-  const { path } = navigator.location;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_style_book.default,
-    {
-      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 (import_constants.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 = (0, import_components.useNavigator)();
-  const { selectedBlockName, selectedBlockClientId } = (0, import_data.useSelect)(
-    (select) => {
-      const { getSelectedBlockClientId, getBlockName } = select(import_block_editor.store);
-      const clientId = getSelectedBlockClientId();
-      return {
-        selectedBlockName: getBlockName(clientId),
-        selectedBlockClientId: clientId
-      };
-    },
-    []
-  );
-  const blockHasGlobalStyles = (0, import_screen_block_list.useBlockHasGlobalStyles)(selectedBlockName);
-  (0, import_element.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 } = (0, import_components.useNavigator)();
-  const editorCanvasContainerView = (0, import_data.useSelect)(
-    (select) => (0, import_lock_unlock.unlock)(select(import_store.store)).getEditorCanvasContainerView(),
-    []
-  );
-  const path = location?.path;
-  const isRevisionsOpen = path === "/revisions";
-  (0, import_element.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 = (0, import_components.useNavigator)();
-  const { path: childPath } = navigator.location;
-  const previousParentPath = (0, import_compose.usePrevious)(parentPath);
-  const previousChildPath = (0, import_compose.usePrevious)(childPath);
-  (0, import_element.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 = (0, import_blocks.getBlockTypes)();
-  const editorCanvasContainerView = (0, import_data.useSelect)(
-    (select) => (0, import_lock_unlock.unlock)(select(import_store.store)).getEditorCanvasContainerView(),
-    []
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_components.Navigator,
-    {
-      className: "edit-site-global-styles-sidebar__navigator-provider",
-      initialPath: "/",
-      children: [
-        path && onPathChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationSync, { path, onPathChange }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_root.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/variations", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_style_variations.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/blocks", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_block_list.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/font-sizes", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_sizes.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/font-sizes/:origin/:slug", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_size.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/text", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography_element.default, { element: "text" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography_element.default, { element: "link" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/heading", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography_element.default, { element: "heading" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/caption", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography_element.default, { element: "caption" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/typography/button", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_typography_element.default, { element: "button" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/colors", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_colors.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/shadows", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_shadows.ScreenShadows, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/shadows/edit/:category/:slug", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_shadows.ScreenShadowsEdit, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/layout", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_layout.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/css", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_css.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/revisions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_revisions.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesNavigationScreen, { path: "/background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_background.default, {}) }),
-        blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          GlobalStylesNavigationScreen,
-          {
-            path: "/blocks/" + encodeURIComponent(block.name),
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_screen_block.default, { name: block.name })
-          },
-          "menu-block-" + block.name
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextScreens, {}),
-        blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          ContextScreens,
-          {
-            name: block.name,
-            parentMenu: "/blocks/" + encodeURIComponent(block.name)
-          },
-          "screens-block-" + block.name
-        )),
-        "style-book" === editorCanvasContainerView && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesStyleBook, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesActionMenu, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesBlockLink, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesEditorCanvasContainerLink, {})
-      ]
-    }
-  );
-}
-var ui_default = GlobalStylesUI;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GlobalStylesMenuSlot
-});
-//# sourceMappingURL=ui.js.map

package/build/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": ["blockEditorPrivateApis", "preferencesStore", "coreStore", "editSiteStore", "ScreenBlock", "blocksStore", "ScreenColorPalette", "StyleBook", "blockEditorStore", "ScreenRoot", "ScreenStyleVariations", "ScreenBlockList", "ScreenTypography", "FontSizes", "FontSize", "ScreenTypographyElement", "ScreenColors", "ScreenLayout", "ScreenCSS", "ScreenRevisions", "ScreenBackground"]
-}

package/build/components/global-styles/utils.js

@@ -1,92 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  getFontFamilies: () => getFontFamilies,
-  getNewIndexFromPresets: () => getNewIndexFromPresets,
-  getVariationClassName: () => getVariationClassName
-});
-module.exports = __toCommonJS(utils_exports);
-function getVariationClassName(variation) {
-  if (!variation) {
-    return "";
-  }
-  return `is-style-${variation}`;
-}
-function getNewIndexFromPresets(presets, slugPrefix) {
-  const nameRegex = new RegExp(`^${slugPrefix}([\\d]+)$`);
-  const highestPresetValue = presets.reduce((currentHighest, preset) => {
-    if (typeof preset?.slug === "string") {
-      const matches = preset?.slug.match(nameRegex);
-      if (matches) {
-        const id = parseInt(matches[1], 10);
-        if (id > currentHighest) {
-          return id;
-        }
-      }
-    }
-    return currentHighest;
-  }, 0);
-  return highestPresetValue + 1;
-}
-function getFontFamilyFromSetting(fontFamilies, setting) {
-  if (!Array.isArray(fontFamilies) || !setting) {
-    return null;
-  }
-  const fontFamilyVariable = setting.replace("var(", "").replace(")", "");
-  const fontFamilySlug = fontFamilyVariable?.split("--").slice(-1)[0];
-  return fontFamilies.find(
-    (fontFamily) => fontFamily.slug === fontFamilySlug
-  );
-}
-function getFontFamilies(themeJson) {
-  const themeFontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme;
-  const customFontFamilies = themeJson?.settings?.typography?.fontFamilies?.custom;
-  let fontFamilies = [];
-  if (themeFontFamilies && customFontFamilies) {
-    fontFamilies = [...themeFontFamilies, ...customFontFamilies];
-  } else if (themeFontFamilies) {
-    fontFamilies = themeFontFamilies;
-  } else if (customFontFamilies) {
-    fontFamilies = customFontFamilies;
-  }
-  const bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;
-  const bodyFontFamily = getFontFamilyFromSetting(
-    fontFamilies,
-    bodyFontFamilySetting
-  );
-  const headingFontFamilySetting = themeJson?.styles?.elements?.heading?.typography?.fontFamily;
-  let headingFontFamily;
-  if (!headingFontFamilySetting) {
-    headingFontFamily = bodyFontFamily;
-  } else {
-    headingFontFamily = getFontFamilyFromSetting(
-      fontFamilies,
-      themeJson?.styles?.elements?.heading?.typography?.fontFamily
-    );
-  }
-  return [bodyFontFamily, headingFontFamily];
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getFontFamilies,
-  getNewIndexFromPresets,
-  getVariationClassName
-});
-//# sourceMappingURL=utils.js.map

package/build/components/global-styles/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/utils.js"],
-  "sourcesContent": ["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n\n/**\n * Iterates through the presets array and searches for slugs that start with the specified\n * slugPrefix followed by a numerical suffix. It identifies the highest numerical suffix found\n * and returns one greater than the highest found suffix, ensuring that the new index is unique.\n *\n * @param {Array}  presets    The array of preset objects, each potentially containing a slug property.\n * @param {string} slugPrefix The prefix to look for in the preset slugs.\n *\n * @return {number} The next available index for a preset with the specified slug prefix, or 1 if no matching slugs are found.\n */\nexport function getNewIndexFromPresets( presets, slugPrefix ) {\n\tconst nameRegex = new RegExp( `^${ slugPrefix }([\\\\d]+)$` );\n\tconst highestPresetValue = presets.reduce( ( currentHighest, preset ) => {\n\t\tif ( typeof preset?.slug === 'string' ) {\n\t\t\tconst matches = preset?.slug.match( nameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id > currentHighest ) {\n\t\t\t\t\treturn id;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn currentHighest;\n\t}, 0 );\n\treturn highestPresetValue + 1;\n}\n\nfunction getFontFamilyFromSetting( fontFamilies, setting ) {\n\tif ( ! Array.isArray( fontFamilies ) || ! setting ) {\n\t\treturn null;\n\t}\n\n\tconst fontFamilyVariable = setting.replace( 'var(', '' ).replace( ')', '' );\n\tconst fontFamilySlug = fontFamilyVariable?.split( '--' ).slice( -1 )[ 0 ];\n\n\treturn fontFamilies.find(\n\t\t( fontFamily ) => fontFamily.slug === fontFamilySlug\n\t);\n}\n\nexport function getFontFamilies( themeJson ) {\n\tconst themeFontFamilies =\n\t\tthemeJson?.settings?.typography?.fontFamilies?.theme;\n\tconst customFontFamilies =\n\t\tthemeJson?.settings?.typography?.fontFamilies?.custom;\n\n\tlet fontFamilies = [];\n\tif ( themeFontFamilies && customFontFamilies ) {\n\t\tfontFamilies = [ ...themeFontFamilies, ...customFontFamilies ];\n\t} else if ( themeFontFamilies ) {\n\t\tfontFamilies = themeFontFamilies;\n\t} else if ( customFontFamilies ) {\n\t\tfontFamilies = customFontFamilies;\n\t}\n\tconst bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;\n\tconst bodyFontFamily = getFontFamilyFromSetting(\n\t\tfontFamilies,\n\t\tbodyFontFamilySetting\n\t);\n\n\tconst headingFontFamilySetting =\n\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily;\n\n\tlet headingFontFamily;\n\tif ( ! headingFontFamilySetting ) {\n\t\theadingFontFamily = bodyFontFamily;\n\t} else {\n\t\theadingFontFamily = getFontFamilyFromSetting(\n\t\t\tfontFamilies,\n\t\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily\n\t\t);\n\t}\n\n\treturn [ bodyFontFamily, headingFontFamily ];\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,sBAAuB,WAAY;AAClD,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AACA,SAAO,YAAa,SAAU;AAC/B;AAYO,SAAS,uBAAwB,SAAS,YAAa;AAC7D,QAAM,YAAY,IAAI,OAAQ,IAAK,UAAW,WAAY;AAC1D,QAAM,qBAAqB,QAAQ,OAAQ,CAAE,gBAAgB,WAAY;AACxE,QAAK,OAAO,QAAQ,SAAS,UAAW;AACvC,YAAM,UAAU,QAAQ,KAAK,MAAO,SAAU;AAC9C,UAAK,SAAU;AACd,cAAM,KAAK,SAAU,QAAS,CAAE,GAAG,EAAG;AACtC,YAAK,KAAK,gBAAiB;AAC1B,iBAAO;AAAA,QACR;AAAA,MACD;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE;AACL,SAAO,qBAAqB;AAC7B;AAEA,SAAS,yBAA0B,cAAc,SAAU;AAC1D,MAAK,CAAE,MAAM,QAAS,YAAa,KAAK,CAAE,SAAU;AACnD,WAAO;AAAA,EACR;AAEA,QAAM,qBAAqB,QAAQ,QAAS,QAAQ,EAAG,EAAE,QAAS,KAAK,EAAG;AAC1E,QAAM,iBAAiB,oBAAoB,MAAO,IAAK,EAAE,MAAO,EAAG,EAAG,CAAE;AAExE,SAAO,aAAa;AAAA,IACnB,CAAE,eAAgB,WAAW,SAAS;AAAA,EACvC;AACD;AAEO,SAAS,gBAAiB,WAAY;AAC5C,QAAM,oBACL,WAAW,UAAU,YAAY,cAAc;AAChD,QAAM,qBACL,WAAW,UAAU,YAAY,cAAc;AAEhD,MAAI,eAAe,CAAC;AACpB,MAAK,qBAAqB,oBAAqB;AAC9C,mBAAe,CAAE,GAAG,mBAAmB,GAAG,kBAAmB;AAAA,EAC9D,WAAY,mBAAoB;AAC/B,mBAAe;AAAA,EAChB,WAAY,oBAAqB;AAChC,mBAAe;AAAA,EAChB;AACA,QAAM,wBAAwB,WAAW,QAAQ,YAAY;AAC7D,QAAM,iBAAiB;AAAA,IACtB;AAAA,IACA;AAAA,EACD;AAEA,QAAM,2BACL,WAAW,QAAQ,UAAU,SAAS,YAAY;AAEnD,MAAI;AACJ,MAAK,CAAE,0BAA2B;AACjC,wBAAoB;AAAA,EACrB,OAAO;AACN,wBAAoB;AAAA,MACnB;AAAA,MACA,WAAW,QAAQ,UAAU,SAAS,YAAY;AAAA,IACnD;AAAA,EACD;AAEA,SAAO,CAAE,gBAAgB,iBAAkB;AAC5C;",
-  "names": []
-}

package/build/components/global-styles/variations/variation.js

@@ -1,118 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variation_exports = {};
-__export(variation_exports, {
-  default: () => Variation
-});
-module.exports = __toCommonJS(variation_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_clsx = __toESM(require("clsx"));
-var import_components = require("@wordpress/components");
-var import_element = require("@wordpress/element");
-var import_keycodes = require("@wordpress/keycodes");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_editor = require("@wordpress/editor");
-var import_use_theme_style_variations_by_property = require("../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var import_lock_unlock = require("../../../lock-unlock");
-const { mergeBaseAndUserConfigs } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-const { GlobalStylesContext, areGlobalStyleConfigsEqual } = (0, import_lock_unlock.unlock)(
-  import_block_editor.privateApis
-);
-function Variation({
-  variation,
-  children,
-  isPill,
-  properties,
-  showTooltip
-}) {
-  const [isFocused, setIsFocused] = (0, import_element.useState)(false);
-  const { base, user, setUserConfig } = (0, import_element.useContext)(GlobalStylesContext);
-  const context = (0, import_element.useMemo)(() => {
-    let merged = mergeBaseAndUserConfigs(base, variation);
-    if (properties) {
-      merged = (0, import_use_theme_style_variations_by_property.filterObjectByProperties)(merged, properties);
-    }
-    return {
-      user: variation,
-      base,
-      merged,
-      setUserConfig: () => {
-      }
-    };
-  }, [variation, base, properties]);
-  const selectVariation = () => setUserConfig(variation);
-  const selectOnEnter = (event) => {
-    if (event.keyCode === import_keycodes.ENTER) {
-      event.preventDefault();
-      selectVariation();
-    }
-  };
-  const isActive = (0, import_element.useMemo)(
-    () => areGlobalStyleConfigsEqual(user, variation),
-    [user, variation]
-  );
-  let label = variation?.title;
-  if (variation?.description) {
-    label = (0, import_i18n.sprintf)(
-      /* translators: 1: variation title. 2: variation description. */
-      (0, import_i18n._x)("%1$s (%2$s)", "variation label"),
-      variation?.title,
-      variation?.description
-    );
-  }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: (0, import_clsx.default)("edit-site-global-styles-variations_item", {
-        "is-active": isActive
-      }),
-      role: "button",
-      onClick: selectVariation,
-      onKeyDown: selectOnEnter,
-      tabIndex: "0",
-      "aria-label": label,
-      "aria-current": isActive,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: (0, import_clsx.default)(
-            "edit-site-global-styles-variations_item-preview",
-            { "is-pill": isPill }
-          ),
-          children: children(isFocused)
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStylesContext.Provider, { value: context, children: showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: variation?.title, children: content }) : content });
-}
-//# sourceMappingURL=variation.js.map

package/build/components/global-styles/variations/variation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variation.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Tooltip } from '@wordpress/components';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { _x, sprintf } 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 { filterObjectByProperties } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( {\n\tvariation,\n\tchildren,\n\tisPill,\n\tproperties,\n\tshowTooltip,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( properties ) {\n\t\t\tmerged = filterObjectByProperties( merged, properties );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, properties ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/* translators: 1: variation title. 2: variation description. */\n\t\t\t_x( '%1$s (%2$s)', 'variation label' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<div\n\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trole=\"button\"\n\t\t\tonClick={ selectVariation }\n\t\t\tonKeyDown={ selectOnEnter }\n\t\t\ttabIndex=\"0\"\n\t\t\taria-label={ label }\n\t\t\taria-current={ isActive }\n\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ children( isFocused ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ showTooltip ? (\n\t\t\t\t<Tooltip text={ variation?.title }>{ content }</Tooltip>\n\t\t\t) : (\n\t\t\t\tcontent\n\t\t\t) }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFG;AApFH,kBAAiB;AAKjB,wBAAwB;AACxB,qBAA8C;AAC9C,sBAAsB;AACtB,kBAA4B;AAC5B,0BAAsD;AACtD,oBAAiD;AAKjD,oDAAyC;AACzC,yBAAuB;AAEvB,MAAM,EAAE,wBAAwB,QAAI,2BAAQ,cAAAA,WAAkB;AAC9D,MAAM,EAAE,qBAAqB,2BAA2B,QAAI;AAAA,EAC3D,oBAAAC;AACD;AAEe,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,WAAW,YAAa,QAAI,yBAAU,KAAM;AACpD,QAAM,EAAE,MAAM,MAAM,cAAc,QAAI,2BAAY,mBAAoB;AAEtE,QAAM,cAAU,wBAAS,MAAM;AAC9B,QAAI,SAAS,wBAAyB,MAAM,SAAU;AACtD,QAAK,YAAa;AACjB,mBAAS,wEAA0B,QAAQ,UAAW;AAAA,IACvD;AACA,WAAO;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,MAAC;AAAA,IACvB;AAAA,EACD,GAAG,CAAE,WAAW,MAAM,UAAW,CAAE;AAEnC,QAAM,kBAAkB,MAAM,cAAe,SAAU;AAEvD,QAAM,gBAAgB,CAAE,UAAW;AAClC,QAAK,MAAM,YAAY,uBAAQ;AAC9B,YAAM,eAAe;AACrB,sBAAgB;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,eAAW;AAAA,IAChB,MAAM,2BAA4B,MAAM,SAAU;AAAA,IAClD,CAAE,MAAM,SAAU;AAAA,EACnB;AAEA,MAAI,QAAQ,WAAW;AACvB,MAAK,WAAW,aAAc;AAC7B,gBAAQ;AAAA;AAAA,UAEP,gBAAI,eAAe,iBAAkB;AAAA,MACrC,WAAW;AAAA,MACX,WAAW;AAAA,IACZ;AAAA,EACD;AAEA,QAAM,UACL;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAC,SAAM,2CAA2C;AAAA,QAC5D,aAAa;AAAA,MACd,CAAE;AAAA,MACF,MAAK;AAAA,MACL,SAAU;AAAA,MACV,WAAY;AAAA,MACZ,UAAS;AAAA,MACT,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,SAAU,MAAM,aAAc,IAAK;AAAA,MACnC,QAAS,MAAM,aAAc,KAAM;AAAA,MAEnC;AAAA,QAAC;AAAA;AAAA,UACA,eAAY,YAAAA;AAAA,YACX;AAAA,YACA,EAAE,WAAW,OAAO;AAAA,UACrB;AAAA,UAEE,mBAAU,SAAU;AAAA;AAAA,MACvB;AAAA;AAAA,EACD;AAGD,SACC,4CAAC,oBAAoB,UAApB,EAA6B,OAAQ,SACnC,wBACD,4CAAC,6BAAQ,MAAO,WAAW,OAAU,mBAAS,IAE9C,SAEF;AAEF;",
-  "names": ["editorPrivateApis", "blockEditorPrivateApis", "clsx"]
-}