@wordpress/editor 14.33.3 → 14.34.0

package/build-module/hooks/media-upload.js

@@ -1,8 +1,22 @@
 import { addFilter } from "@wordpress/hooks";
-import { MediaUpload } from "@wordpress/media-utils";
-addFilter(
-  "editor.MediaUpload",
-  "core/editor/components/media-upload",
-  () => MediaUpload
+import {
+  MediaUpload,
+  privateApis as mediaUtilsPrivateApis
+} from "@wordpress/media-utils";
+import { unlock } from "../lock-unlock";
+const { MediaUploadModal: MediaUploadModalComponent } = unlock(
+  mediaUtilsPrivateApis
 );
+if (window.__experimentalDataViewsMediaModal) {
+  addFilter(
+    "editor.MediaUploadModal",
+    "core/editor/components/media-upload-modal",
+    () => {
+      return MediaUploadModalComponent;
+    }
+  );
+}
+addFilter("editor.MediaUpload", "core/editor/components/media-upload", () => {
+  return MediaUpload;
+});
 //# sourceMappingURL=media-upload.js.map

package/build-module/hooks/media-upload.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/media-upload.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { MediaUpload } from '@wordpress/media-utils';\n\naddFilter(\n\t'editor.MediaUpload',\n\t'core/editor/components/media-upload',\n\t() => MediaUpload\n);\n"],
-  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B;AAAA,EACC;AAAA,EACA;AAAA,EACA,MAAM;AACP;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport {\n\tMediaUpload,\n\tprivateApis as mediaUtilsPrivateApis,\n} from '@wordpress/media-utils';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { MediaUploadModal: MediaUploadModalComponent } = unlock(\n\tmediaUtilsPrivateApis\n);\n\nif ( window.__experimentalDataViewsMediaModal ) {\n\t// Create a new filter for the MediaUploadModal component\n\taddFilter(\n\t\t'editor.MediaUploadModal',\n\t\t'core/editor/components/media-upload-modal',\n\t\t() => {\n\t\t\treturn MediaUploadModalComponent;\n\t\t}\n\t);\n}\naddFilter( 'editor.MediaUpload', 'core/editor/components/media-upload', () => {\n\treturn MediaUpload;\n} );\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B;AAAA,EACC;AAAA,EACA,eAAe;AAAA,OACT;AAKP,SAAS,cAAc;AAEvB,MAAM,EAAE,kBAAkB,0BAA0B,IAAI;AAAA,EACvD;AACD;AAEA,IAAK,OAAO,mCAAoC;AAE/C;AAAA,IACC;AAAA,IACA;AAAA,IACA,MAAM;AACL,aAAO;AAAA,IACR;AAAA,EACD;AACD;AACA,UAAW,sBAAsB,uCAAuC,MAAM;AAC7E,SAAO;AACR,CAAE;",
   "names": []
 }

package/build-module/hooks/push-changes-to-global-styles/index.js

@@ -0,0 +1,309 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { addFilter } from "@wordpress/hooks";
+import { createHigherOrderComponent } from "@wordpress/compose";
+import {
+  InspectorAdvancedControls,
+  store as blockEditorStore,
+  privateApis as blockEditorPrivateApis,
+  useBlockEditingMode
+} from "@wordpress/block-editor";
+import { BaseControl, Button } from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import {
+  __EXPERIMENTAL_STYLE_PROPERTY,
+  getBlockType,
+  hasBlockSupport,
+  store as blocksStore
+} from "@wordpress/blocks";
+import { useMemo, useCallback } from "@wordpress/element";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as coreStore } from "@wordpress/core-data";
+import { unlock } from "../../lock-unlock";
+import setNestedValue from "../../utils/set-nested-value";
+import { useGlobalStyles } from "../../components/global-styles/hooks";
+const { cleanEmptyObject } = unlock(blockEditorPrivateApis);
+const STYLE_PROPERTY = {
+  ...__EXPERIMENTAL_STYLE_PROPERTY,
+  blockGap: { value: ["spacing", "blockGap"] }
+};
+const STYLE_PATH_TO_CSS_VAR_INFIX = {
+  "border.color": "color",
+  "color.background": "color",
+  "color.text": "color",
+  "elements.link.color.text": "color",
+  "elements.link.:hover.color.text": "color",
+  "elements.link.typography.fontFamily": "font-family",
+  "elements.link.typography.fontSize": "font-size",
+  "elements.button.color.text": "color",
+  "elements.button.color.background": "color",
+  "elements.button.typography.fontFamily": "font-family",
+  "elements.button.typography.fontSize": "font-size",
+  "elements.caption.color.text": "color",
+  "elements.heading.color": "color",
+  "elements.heading.color.background": "color",
+  "elements.heading.typography.fontFamily": "font-family",
+  "elements.heading.gradient": "gradient",
+  "elements.heading.color.gradient": "gradient",
+  "elements.h1.color": "color",
+  "elements.h1.color.background": "color",
+  "elements.h1.typography.fontFamily": "font-family",
+  "elements.h1.color.gradient": "gradient",
+  "elements.h2.color": "color",
+  "elements.h2.color.background": "color",
+  "elements.h2.typography.fontFamily": "font-family",
+  "elements.h2.color.gradient": "gradient",
+  "elements.h3.color": "color",
+  "elements.h3.color.background": "color",
+  "elements.h3.typography.fontFamily": "font-family",
+  "elements.h3.color.gradient": "gradient",
+  "elements.h4.color": "color",
+  "elements.h4.color.background": "color",
+  "elements.h4.typography.fontFamily": "font-family",
+  "elements.h4.color.gradient": "gradient",
+  "elements.h5.color": "color",
+  "elements.h5.color.background": "color",
+  "elements.h5.typography.fontFamily": "font-family",
+  "elements.h5.color.gradient": "gradient",
+  "elements.h6.color": "color",
+  "elements.h6.color.background": "color",
+  "elements.h6.typography.fontFamily": "font-family",
+  "elements.h6.color.gradient": "gradient",
+  "color.gradient": "gradient",
+  blockGap: "spacing",
+  "typography.fontSize": "font-size",
+  "typography.fontFamily": "font-family"
+};
+const STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {
+  "border.color": "borderColor",
+  "color.background": "backgroundColor",
+  "color.text": "textColor",
+  "color.gradient": "gradient",
+  "typography.fontSize": "fontSize",
+  "typography.fontFamily": "fontFamily"
+};
+const SUPPORTED_STYLES = ["border", "color", "spacing", "typography"];
+const getValueFromObjectPath = (object, path) => {
+  let value = object;
+  path.forEach((fieldName) => {
+    value = value?.[fieldName];
+  });
+  return value;
+};
+const flatBorderProperties = ["borderColor", "borderWidth", "borderStyle"];
+const sides = ["top", "right", "bottom", "left"];
+function getBorderStyleChanges(border, presetColor, userStyle) {
+  if (!border && !presetColor) {
+    return [];
+  }
+  const changes = [
+    ...getFallbackBorderStyleChange("top", border, userStyle),
+    ...getFallbackBorderStyleChange("right", border, userStyle),
+    ...getFallbackBorderStyleChange("bottom", border, userStyle),
+    ...getFallbackBorderStyleChange("left", border, userStyle)
+  ];
+  const { color: customColor, style, width } = border || {};
+  const hasColorOrWidth = presetColor || customColor || width;
+  if (hasColorOrWidth && !style) {
+    sides.forEach((side) => {
+      if (!userStyle?.[side]?.style) {
+        changes.push({
+          path: ["border", side, "style"],
+          value: "solid"
+        });
+      }
+    });
+  }
+  return changes;
+}
+function getFallbackBorderStyleChange(side, border, globalBorderStyle) {
+  if (!border?.[side] || globalBorderStyle?.[side]?.style) {
+    return [];
+  }
+  const { color, style, width } = border[side];
+  const hasColorOrWidth = color || width;
+  if (!hasColorOrWidth || style) {
+    return [];
+  }
+  return [{ path: ["border", side, "style"], value: "solid" }];
+}
+function useChangesToPush(name, attributes, userConfig) {
+  const supports = useSelect(
+    (select) => {
+      return unlock(select(blocksStore)).getSupportedStyles(name);
+    },
+    [name]
+  );
+  const blockUserConfig = userConfig?.styles?.blocks?.[name];
+  return useMemo(() => {
+    const changes = supports.flatMap((key) => {
+      if (!STYLE_PROPERTY[key]) {
+        return [];
+      }
+      const { value: path } = STYLE_PROPERTY[key];
+      const presetAttributeKey = path.join(".");
+      const presetAttributeValue = attributes[STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[presetAttributeKey]];
+      const value = presetAttributeValue ? `var:preset|${STYLE_PATH_TO_CSS_VAR_INFIX[presetAttributeKey]}|${presetAttributeValue}` : getValueFromObjectPath(attributes.style, path);
+      if (key === "linkColor") {
+        const linkChanges = value ? [{ path, value }] : [];
+        const hoverPath = [
+          "elements",
+          "link",
+          ":hover",
+          "color",
+          "text"
+        ];
+        const hoverValue = getValueFromObjectPath(
+          attributes.style,
+          hoverPath
+        );
+        if (hoverValue) {
+          linkChanges.push({ path: hoverPath, value: hoverValue });
+        }
+        return linkChanges;
+      }
+      if (flatBorderProperties.includes(key) && value) {
+        const borderChanges = [{ path, value }];
+        sides.forEach((side) => {
+          const currentPath = [...path];
+          currentPath.splice(-1, 0, side);
+          borderChanges.push({ path: currentPath, value });
+        });
+        return borderChanges;
+      }
+      return value ? [{ path, value }] : [];
+    });
+    getBorderStyleChanges(
+      attributes.style?.border,
+      attributes.borderColor,
+      blockUserConfig?.border
+    ).forEach((change) => changes.push(change));
+    return changes;
+  }, [supports, attributes, blockUserConfig]);
+}
+function PushChangesToGlobalStylesControl({
+  name,
+  attributes,
+  setAttributes
+}) {
+  const { user: userConfig, setUser: setUserConfig } = useGlobalStyles();
+  const changes = useChangesToPush(name, attributes, userConfig);
+  const { __unstableMarkNextChangeAsNotPersistent } = useDispatch(blockEditorStore);
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const pushChanges = useCallback(() => {
+    if (changes.length === 0) {
+      return;
+    }
+    if (changes.length > 0) {
+      const { style: blockStyles } = attributes;
+      const newBlockStyles = structuredClone(blockStyles);
+      const newUserConfig = structuredClone(userConfig);
+      for (const { path, value } of changes) {
+        setNestedValue(newBlockStyles, path, void 0);
+        setNestedValue(
+          newUserConfig,
+          ["styles", "blocks", name, ...path],
+          value
+        );
+      }
+      const newBlockAttributes = {
+        borderColor: void 0,
+        backgroundColor: void 0,
+        textColor: void 0,
+        gradient: void 0,
+        fontSize: void 0,
+        fontFamily: void 0,
+        style: cleanEmptyObject(newBlockStyles)
+      };
+      __unstableMarkNextChangeAsNotPersistent();
+      setAttributes(newBlockAttributes);
+      setUserConfig(newUserConfig, { undoIgnore: true });
+      createSuccessNotice(
+        sprintf(
+          // translators: %s: Title of the block e.g. 'Heading'.
+          __("%s styles applied."),
+          getBlockType(name).title
+        ),
+        {
+          type: "snackbar",
+          actions: [
+            {
+              label: __("Undo"),
+              onClick() {
+                __unstableMarkNextChangeAsNotPersistent();
+                setAttributes(attributes);
+                setUserConfig(userConfig, {
+                  undoIgnore: true
+                });
+              }
+            }
+          ]
+        }
+      );
+    }
+  }, [
+    __unstableMarkNextChangeAsNotPersistent,
+    attributes,
+    changes,
+    createSuccessNotice,
+    name,
+    setAttributes,
+    setUserConfig,
+    userConfig
+  ]);
+  return /* @__PURE__ */ jsxs(
+    BaseControl,
+    {
+      __nextHasNoMarginBottom: true,
+      className: "editor-push-changes-to-global-styles-control",
+      help: sprintf(
+        // translators: %s: Title of the block e.g. 'Heading'.
+        __(
+          "Apply this block\u2019s typography, spacing, dimensions, and color styles to all %s blocks."
+        ),
+        getBlockType(name).title
+      ),
+      children: [
+        /* @__PURE__ */ jsx(BaseControl.VisualLabel, { children: __("Styles") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            __next40pxDefaultSize: true,
+            variant: "secondary",
+            accessibleWhenDisabled: true,
+            disabled: changes.length === 0,
+            onClick: pushChanges,
+            children: __("Apply globally")
+          }
+        )
+      ]
+    }
+  );
+}
+function PushChangesToGlobalStyles(props) {
+  const blockEditingMode = useBlockEditingMode();
+  const isBlockBasedTheme = useSelect(
+    (select) => select(coreStore).getCurrentTheme()?.is_block_theme,
+    []
+  );
+  const supportsStyles = SUPPORTED_STYLES.some(
+    (feature) => hasBlockSupport(props.name, feature)
+  );
+  const isDisplayed = blockEditingMode === "default" && supportsStyles && isBlockBasedTheme;
+  if (!isDisplayed) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(InspectorAdvancedControls, { children: /* @__PURE__ */ jsx(PushChangesToGlobalStylesControl, { ...props }) });
+}
+const withPushChangesToGlobalStyles = createHigherOrderComponent(
+  (BlockEdit) => (props) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BlockEdit, { ...props }, "edit"),
+    props.isSelected && /* @__PURE__ */ jsx(PushChangesToGlobalStyles, { ...props })
+  ] })
+);
+addFilter(
+  "editor.BlockEdit",
+  "core/editor/push-changes-to-global-styles",
+  withPushChangesToGlobalStyles
+);
+//# sourceMappingURL=index.js.map

package/build-module/hooks/push-changes-to-global-styles/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/push-changes-to-global-styles/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport {\n\tInspectorAdvancedControls,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY,\n\tgetBlockType,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport setNestedValue from '../../utils/set-nested-value';\nimport { useGlobalStyles } from '../../components/global-styles/hooks';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\n// Block Gap is a special case and isn't defined within the blocks\n// style properties config. We'll add it here to allow it to be pushed\n// to global styles as well.\nconst STYLE_PROPERTY = {\n\t...__EXPERIMENTAL_STYLE_PROPERTY,\n\tblockGap: { value: [ 'spacing', 'blockGap' ] },\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_CSS_VAR_INFIX = {\n\t'border.color': 'color',\n\t'color.background': 'color',\n\t'color.text': 'color',\n\t'elements.link.color.text': 'color',\n\t'elements.link.:hover.color.text': 'color',\n\t'elements.link.typography.fontFamily': 'font-family',\n\t'elements.link.typography.fontSize': 'font-size',\n\t'elements.button.color.text': 'color',\n\t'elements.button.color.background': 'color',\n\t'elements.button.typography.fontFamily': 'font-family',\n\t'elements.button.typography.fontSize': 'font-size',\n\t'elements.caption.color.text': 'color',\n\t'elements.heading.color': 'color',\n\t'elements.heading.color.background': 'color',\n\t'elements.heading.typography.fontFamily': 'font-family',\n\t'elements.heading.gradient': 'gradient',\n\t'elements.heading.color.gradient': 'gradient',\n\t'elements.h1.color': 'color',\n\t'elements.h1.color.background': 'color',\n\t'elements.h1.typography.fontFamily': 'font-family',\n\t'elements.h1.color.gradient': 'gradient',\n\t'elements.h2.color': 'color',\n\t'elements.h2.color.background': 'color',\n\t'elements.h2.typography.fontFamily': 'font-family',\n\t'elements.h2.color.gradient': 'gradient',\n\t'elements.h3.color': 'color',\n\t'elements.h3.color.background': 'color',\n\t'elements.h3.typography.fontFamily': 'font-family',\n\t'elements.h3.color.gradient': 'gradient',\n\t'elements.h4.color': 'color',\n\t'elements.h4.color.background': 'color',\n\t'elements.h4.typography.fontFamily': 'font-family',\n\t'elements.h4.color.gradient': 'gradient',\n\t'elements.h5.color': 'color',\n\t'elements.h5.color.background': 'color',\n\t'elements.h5.typography.fontFamily': 'font-family',\n\t'elements.h5.color.gradient': 'gradient',\n\t'elements.h6.color': 'color',\n\t'elements.h6.color.background': 'color',\n\t'elements.h6.typography.fontFamily': 'font-family',\n\t'elements.h6.color.gradient': 'gradient',\n\t'color.gradient': 'gradient',\n\tblockGap: 'spacing',\n\t'typography.fontSize': 'font-size',\n\t'typography.fontFamily': 'font-family',\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {\n\t'border.color': 'borderColor',\n\t'color.background': 'backgroundColor',\n\t'color.text': 'textColor',\n\t'color.gradient': 'gradient',\n\t'typography.fontSize': 'fontSize',\n\t'typography.fontFamily': 'fontFamily',\n};\n\nconst SUPPORTED_STYLES = [ 'border', 'color', 'spacing', 'typography' ];\n\nconst getValueFromObjectPath = ( object, path ) => {\n\tlet value = object;\n\tpath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value;\n};\n\nconst flatBorderProperties = [ 'borderColor', 'borderWidth', 'borderStyle' ];\nconst sides = [ 'top', 'right', 'bottom', 'left' ];\n\nfunction getBorderStyleChanges( border, presetColor, userStyle ) {\n\tif ( ! border && ! presetColor ) {\n\t\treturn [];\n\t}\n\n\tconst changes = [\n\t\t...getFallbackBorderStyleChange( 'top', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'right', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'bottom', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'left', border, userStyle ),\n\t];\n\n\t// Handle a flat border i.e. all sides the same, CSS shorthand.\n\tconst { color: customColor, style, width } = border || {};\n\tconst hasColorOrWidth = presetColor || customColor || width;\n\n\tif ( hasColorOrWidth && ! style ) {\n\t\t// Global Styles need individual side configurations to overcome\n\t\t// theme.json configurations which are per side as well.\n\t\tsides.forEach( ( side ) => {\n\t\t\t// Only add fallback border-style if global styles don't already\n\t\t\t// have something set.\n\t\t\tif ( ! userStyle?.[ side ]?.style ) {\n\t\t\t\tchanges.push( {\n\t\t\t\t\tpath: [ 'border', side, 'style' ],\n\t\t\t\t\tvalue: 'solid',\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn changes;\n}\n\nfunction getFallbackBorderStyleChange( side, border, globalBorderStyle ) {\n\tif ( ! border?.[ side ] || globalBorderStyle?.[ side ]?.style ) {\n\t\treturn [];\n\t}\n\n\tconst { color, style, width } = border[ side ];\n\tconst hasColorOrWidth = color || width;\n\n\tif ( ! hasColorOrWidth || style ) {\n\t\treturn [];\n\t}\n\n\treturn [ { path: [ 'border', side, 'style' ], value: 'solid' } ];\n}\n\nfunction useChangesToPush( name, attributes, userConfig ) {\n\tconst supports = useSelect(\n\t\t( select ) => {\n\t\t\treturn unlock( select( blocksStore ) ).getSupportedStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst blockUserConfig = userConfig?.styles?.blocks?.[ name ];\n\n\treturn useMemo( () => {\n\t\tconst changes = supports.flatMap( ( key ) => {\n\t\t\tif ( ! STYLE_PROPERTY[ key ] ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\tconst { value: path } = STYLE_PROPERTY[ key ];\n\t\t\tconst presetAttributeKey = path.join( '.' );\n\t\t\tconst presetAttributeValue =\n\t\t\t\tattributes[\n\t\t\t\t\tSTYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[ presetAttributeKey ]\n\t\t\t\t];\n\t\t\tconst value = presetAttributeValue\n\t\t\t\t? `var:preset|${ STYLE_PATH_TO_CSS_VAR_INFIX[ presetAttributeKey ] }|${ presetAttributeValue }`\n\t\t\t\t: getValueFromObjectPath( attributes.style, path );\n\n\t\t\t// Links only have a single support entry but have two element\n\t\t\t// style properties, color and hover color. The following check\n\t\t\t// will add the hover color to the changes if required.\n\t\t\tif ( key === 'linkColor' ) {\n\t\t\t\tconst linkChanges = value ? [ { path, value } ] : [];\n\t\t\t\tconst hoverPath = [\n\t\t\t\t\t'elements',\n\t\t\t\t\t'link',\n\t\t\t\t\t':hover',\n\t\t\t\t\t'color',\n\t\t\t\t\t'text',\n\t\t\t\t];\n\t\t\t\tconst hoverValue = getValueFromObjectPath(\n\t\t\t\t\tattributes.style,\n\t\t\t\t\thoverPath\n\t\t\t\t);\n\n\t\t\t\tif ( hoverValue ) {\n\t\t\t\t\tlinkChanges.push( { path: hoverPath, value: hoverValue } );\n\t\t\t\t}\n\n\t\t\t\treturn linkChanges;\n\t\t\t}\n\n\t\t\t// The shorthand border styles can't be mapped directly as global\n\t\t\t// styles requires longhand config.\n\t\t\tif ( flatBorderProperties.includes( key ) && value ) {\n\t\t\t\t// The shorthand config path is included to clear the block attribute.\n\t\t\t\tconst borderChanges = [ { path, value } ];\n\t\t\t\tsides.forEach( ( side ) => {\n\t\t\t\t\tconst currentPath = [ ...path ];\n\t\t\t\t\tcurrentPath.splice( -1, 0, side );\n\t\t\t\t\tborderChanges.push( { path: currentPath, value } );\n\t\t\t\t} );\n\t\t\t\treturn borderChanges;\n\t\t\t}\n\n\t\t\treturn value ? [ { path, value } ] : [];\n\t\t} );\n\n\t\t// To ensure display of a visible border, global styles require a\n\t\t// default border style if a border color or width is present.\n\t\tgetBorderStyleChanges(\n\t\t\tattributes.style?.border,\n\t\t\tattributes.borderColor,\n\t\t\tblockUserConfig?.border\n\t\t).forEach( ( change ) => changes.push( change ) );\n\n\t\treturn changes;\n\t}, [ supports, attributes, blockUserConfig ] );\n}\n\nfunction PushChangesToGlobalStylesControl( {\n\tname,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst { user: userConfig, setUser: setUserConfig } = useGlobalStyles();\n\n\tconst changes = useChangesToPush( name, attributes, userConfig );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pushChanges = useCallback( () => {\n\t\tif ( changes.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( changes.length > 0 ) {\n\t\t\tconst { style: blockStyles } = attributes;\n\n\t\t\tconst newBlockStyles = structuredClone( blockStyles );\n\t\t\tconst newUserConfig = structuredClone( userConfig );\n\n\t\t\tfor ( const { path, value } of changes ) {\n\t\t\t\tsetNestedValue( newBlockStyles, path, undefined );\n\t\t\t\tsetNestedValue(\n\t\t\t\t\tnewUserConfig,\n\t\t\t\t\t[ 'styles', 'blocks', name, ...path ],\n\t\t\t\t\tvalue\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst newBlockAttributes = {\n\t\t\t\tborderColor: undefined,\n\t\t\t\tbackgroundColor: undefined,\n\t\t\t\ttextColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tfontSize: undefined,\n\t\t\t\tfontFamily: undefined,\n\t\t\t\tstyle: cleanEmptyObject( newBlockStyles ),\n\t\t\t};\n\n\t\t\t// @wordpress/core-data doesn't support editing multiple entity types in\n\t\t\t// a single undo level. So for now, we disable @wordpress/core-data undo\n\t\t\t// tracking and implement our own Undo button in the snackbar\n\t\t\t// notification.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( newBlockAttributes );\n\t\t\tsetUserConfig( newUserConfig, { undoIgnore: true } );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t\t__( '%s styles applied.' ),\n\t\t\t\t\tgetBlockType( name ).title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\tsetAttributes( attributes );\n\t\t\t\t\t\t\t\tsetUserConfig( userConfig, {\n\t\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}, [\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tattributes,\n\t\tchanges,\n\t\tcreateSuccessNotice,\n\t\tname,\n\t\tsetAttributes,\n\t\tsetUserConfig,\n\t\tuserConfig,\n\t] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"editor-push-changes-to-global-styles-control\"\n\t\t\thelp={ sprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__(\n\t\t\t\t\t'Apply this block\u2019s typography, spacing, dimensions, and color styles to all %s blocks.'\n\t\t\t\t),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Styles' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Button\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tdisabled={ changes.length === 0 }\n\t\t\t\tonClick={ pushChanges }\n\t\t\t>\n\t\t\t\t{ __( 'Apply globally' ) }\n\t\t\t</Button>\n\t\t</BaseControl>\n\t);\n}\n\nfunction PushChangesToGlobalStyles( props ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst supportsStyles = SUPPORTED_STYLES.some( ( feature ) =>\n\t\thasBlockSupport( props.name, feature )\n\t);\n\tconst isDisplayed =\n\t\tblockEditingMode === 'default' && supportsStyles && isBlockBasedTheme;\n\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorAdvancedControls>\n\t\t\t<PushChangesToGlobalStylesControl { ...props } />\n\t\t</InspectorAdvancedControls>\n\t);\n}\n\nconst withPushChangesToGlobalStyles = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => (\n\t\t<>\n\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t{ props.isSelected && <PushChangesToGlobalStyles { ...props } /> }\n\t\t</>\n\t)\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/push-changes-to-global-styles',\n\twithPushChangesToGlobalStyles\n);\n"],
+  "mappings": "AAuUE,SAoDA,UAzCC,KAXD;AApUF,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAC3C;AAAA,EACC;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AAAA,EACf;AAAA,OACM;AACP,SAAS,aAAa,cAAc;AACpC,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,SAAS,mBAAmB;AACrC,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,oBAAoB;AACtC,SAAS,SAAS,iBAAiB;AAKnC,SAAS,cAAc;AACvB,OAAO,oBAAoB;AAC3B,SAAS,uBAAuB;AAEhC,MAAM,EAAE,iBAAiB,IAAI,OAAQ,sBAAuB;AAK5D,MAAM,iBAAiB;AAAA,EACtB,GAAG;AAAA,EACH,UAAU,EAAE,OAAO,CAAE,WAAW,UAAW,EAAE;AAC9C;AAKA,MAAM,8BAA8B;AAAA,EACnC,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,4BAA4B;AAAA,EAC5B,mCAAmC;AAAA,EACnC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,oCAAoC;AAAA,EACpC,yCAAyC;AAAA,EACzC,uCAAuC;AAAA,EACvC,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,qCAAqC;AAAA,EACrC,0CAA0C;AAAA,EAC1C,6BAA6B;AAAA,EAC7B,mCAAmC;AAAA,EACnC,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,qBAAqB;AAAA,EACrB,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,8BAA8B;AAAA,EAC9B,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,yBAAyB;AAC1B;AAKA,MAAM,uCAAuC;AAAA,EAC5C,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,yBAAyB;AAC1B;AAEA,MAAM,mBAAmB,CAAE,UAAU,SAAS,WAAW,YAAa;AAEtE,MAAM,yBAAyB,CAAE,QAAQ,SAAU;AAClD,MAAI,QAAQ;AACZ,OAAK,QAAS,CAAE,cAAe;AAC9B,YAAQ,QAAS,SAAU;AAAA,EAC5B,CAAE;AACF,SAAO;AACR;AAEA,MAAM,uBAAuB,CAAE,eAAe,eAAe,aAAc;AAC3E,MAAM,QAAQ,CAAE,OAAO,SAAS,UAAU,MAAO;AAEjD,SAAS,sBAAuB,QAAQ,aAAa,WAAY;AAChE,MAAK,CAAE,UAAU,CAAE,aAAc;AAChC,WAAO,CAAC;AAAA,EACT;AAEA,QAAM,UAAU;AAAA,IACf,GAAG,6BAA8B,OAAO,QAAQ,SAAU;AAAA,IAC1D,GAAG,6BAA8B,SAAS,QAAQ,SAAU;AAAA,IAC5D,GAAG,6BAA8B,UAAU,QAAQ,SAAU;AAAA,IAC7D,GAAG,6BAA8B,QAAQ,QAAQ,SAAU;AAAA,EAC5D;AAGA,QAAM,EAAE,OAAO,aAAa,OAAO,MAAM,IAAI,UAAU,CAAC;AACxD,QAAM,kBAAkB,eAAe,eAAe;AAEtD,MAAK,mBAAmB,CAAE,OAAQ;AAGjC,UAAM,QAAS,CAAE,SAAU;AAG1B,UAAK,CAAE,YAAa,IAAK,GAAG,OAAQ;AACnC,gBAAQ,KAAM;AAAA,UACb,MAAM,CAAE,UAAU,MAAM,OAAQ;AAAA,UAChC,OAAO;AAAA,QACR,CAAE;AAAA,MACH;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SAAO;AACR;AAEA,SAAS,6BAA8B,MAAM,QAAQ,mBAAoB;AACxE,MAAK,CAAE,SAAU,IAAK,KAAK,oBAAqB,IAAK,GAAG,OAAQ;AAC/D,WAAO,CAAC;AAAA,EACT;AAEA,QAAM,EAAE,OAAO,OAAO,MAAM,IAAI,OAAQ,IAAK;AAC7C,QAAM,kBAAkB,SAAS;AAEjC,MAAK,CAAE,mBAAmB,OAAQ;AACjC,WAAO,CAAC;AAAA,EACT;AAEA,SAAO,CAAE,EAAE,MAAM,CAAE,UAAU,MAAM,OAAQ,GAAG,OAAO,QAAQ,CAAE;AAChE;AAEA,SAAS,iBAAkB,MAAM,YAAY,YAAa;AACzD,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY;AACb,aAAO,OAAQ,OAAQ,WAAY,CAAE,EAAE,mBAAoB,IAAK;AAAA,IACjE;AAAA,IACA,CAAE,IAAK;AAAA,EACR;AACA,QAAM,kBAAkB,YAAY,QAAQ,SAAU,IAAK;AAE3D,SAAO,QAAS,MAAM;AACrB,UAAM,UAAU,SAAS,QAAS,CAAE,QAAS;AAC5C,UAAK,CAAE,eAAgB,GAAI,GAAI;AAC9B,eAAO,CAAC;AAAA,MACT;AACA,YAAM,EAAE,OAAO,KAAK,IAAI,eAAgB,GAAI;AAC5C,YAAM,qBAAqB,KAAK,KAAM,GAAI;AAC1C,YAAM,uBACL,WACC,qCAAsC,kBAAmB,CAC1D;AACD,YAAM,QAAQ,uBACX,cAAe,4BAA6B,kBAAmB,CAAE,IAAK,oBAAqB,KAC3F,uBAAwB,WAAW,OAAO,IAAK;AAKlD,UAAK,QAAQ,aAAc;AAC1B,cAAM,cAAc,QAAQ,CAAE,EAAE,MAAM,MAAM,CAAE,IAAI,CAAC;AACnD,cAAM,YAAY;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AACA,cAAM,aAAa;AAAA,UAClB,WAAW;AAAA,UACX;AAAA,QACD;AAEA,YAAK,YAAa;AACjB,sBAAY,KAAM,EAAE,MAAM,WAAW,OAAO,WAAW,CAAE;AAAA,QAC1D;AAEA,eAAO;AAAA,MACR;AAIA,UAAK,qBAAqB,SAAU,GAAI,KAAK,OAAQ;AAEpD,cAAM,gBAAgB,CAAE,EAAE,MAAM,MAAM,CAAE;AACxC,cAAM,QAAS,CAAE,SAAU;AAC1B,gBAAM,cAAc,CAAE,GAAG,IAAK;AAC9B,sBAAY,OAAQ,IAAI,GAAG,IAAK;AAChC,wBAAc,KAAM,EAAE,MAAM,aAAa,MAAM,CAAE;AAAA,QAClD,CAAE;AACF,eAAO;AAAA,MACR;AAEA,aAAO,QAAQ,CAAE,EAAE,MAAM,MAAM,CAAE,IAAI,CAAC;AAAA,IACvC,CAAE;AAIF;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,WAAW;AAAA,MACX,iBAAiB;AAAA,IAClB,EAAE,QAAS,CAAE,WAAY,QAAQ,KAAM,MAAO,CAAE;AAEhD,WAAO;AAAA,EACR,GAAG,CAAE,UAAU,YAAY,eAAgB,CAAE;AAC9C;AAEA,SAAS,iCAAkC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,MAAM,YAAY,SAAS,cAAc,IAAI,gBAAgB;AAErE,QAAM,UAAU,iBAAkB,MAAM,YAAY,UAAW;AAE/D,QAAM,EAAE,wCAAwC,IAC/C,YAAa,gBAAiB;AAC/B,QAAM,EAAE,oBAAoB,IAAI,YAAa,YAAa;AAE1D,QAAM,cAAc,YAAa,MAAM;AACtC,QAAK,QAAQ,WAAW,GAAI;AAC3B;AAAA,IACD;AAEA,QAAK,QAAQ,SAAS,GAAI;AACzB,YAAM,EAAE,OAAO,YAAY,IAAI;AAE/B,YAAM,iBAAiB,gBAAiB,WAAY;AACpD,YAAM,gBAAgB,gBAAiB,UAAW;AAElD,iBAAY,EAAE,MAAM,MAAM,KAAK,SAAU;AACxC,uBAAgB,gBAAgB,MAAM,MAAU;AAChD;AAAA,UACC;AAAA,UACA,CAAE,UAAU,UAAU,MAAM,GAAG,IAAK;AAAA,UACpC;AAAA,QACD;AAAA,MACD;AAEA,YAAM,qBAAqB;AAAA,QAC1B,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,OAAO,iBAAkB,cAAe;AAAA,MACzC;AAMA,8CAAwC;AACxC,oBAAe,kBAAmB;AAClC,oBAAe,eAAe,EAAE,YAAY,KAAK,CAAE;AACnD;AAAA,QACC;AAAA;AAAA,UAEC,GAAI,oBAAqB;AAAA,UACzB,aAAc,IAAK,EAAE;AAAA,QACtB;AAAA,QACA;AAAA,UACC,MAAM;AAAA,UACN,SAAS;AAAA,YACR;AAAA,cACC,OAAO,GAAI,MAAO;AAAA,cAClB,UAAU;AACT,wDAAwC;AACxC,8BAAe,UAAW;AAC1B,8BAAe,YAAY;AAAA,kBAC1B,YAAY;AAAA,gBACb,CAAE;AAAA,cACH;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACA,yBAAuB;AAAA,MACvB,WAAU;AAAA,MACV,MAAO;AAAA;AAAA,QAEN;AAAA,UACC;AAAA,QACD;AAAA,QACA,aAAc,IAAK,EAAE;AAAA,MACtB;AAAA,MAEA;AAAA,4BAAC,YAAY,aAAZ,EACE,aAAI,QAAS,GAChB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,wBAAsB;AAAA,YACtB,UAAW,QAAQ,WAAW;AAAA,YAC9B,SAAU;AAAA,YAER,aAAI,gBAAiB;AAAA;AAAA,QACxB;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,0BAA2B,OAAQ;AAC3C,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,oBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,SAAU,EAAE,gBAAgB,GAAG;AAAA,IACrD,CAAC;AAAA,EACF;AACA,QAAM,iBAAiB,iBAAiB;AAAA,IAAM,CAAE,YAC/C,gBAAiB,MAAM,MAAM,OAAQ;AAAA,EACtC;AACA,QAAM,cACL,qBAAqB,aAAa,kBAAkB;AAErD,MAAK,CAAE,aAAc;AACpB,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,6BACA,8BAAC,oCAAmC,GAAG,OAAQ,GAChD;AAEF;AAEA,MAAM,gCAAgC;AAAA,EACrC,CAAE,cAAe,CAAE,UAClB,iCACC;AAAA,wBAAC,aAAuB,GAAG,SAAZ,MAAoB;AAAA,IACjC,MAAM,cAAc,oBAAC,6BAA4B,GAAG,OAAQ;AAAA,KAC/D;AAEF;AAEA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/build-module/hooks/use-global-styles-output.js

@@ -0,0 +1,49 @@
+import { getBlockTypes, store as blocksStore } from "@wordpress/blocks";
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { generateGlobalStyles } from "@wordpress/global-styles-engine";
+import { store as editorStore } from "../store";
+import { useSetting, useGlobalStyles } from "../components/global-styles";
+function useGlobalStylesOutputWithConfig(mergedConfig = {}, disableRootPadding = false) {
+  const blockGap = useSetting("spacing.blockGap");
+  const hasBlockGapSupport = blockGap !== null;
+  const hasFallbackGapSupport = !hasBlockGapSupport;
+  const { disableLayoutStyles, getBlockStyles } = useSelect((select) => {
+    const { getEditorSettings } = select(editorStore);
+    const { getBlockStyles: getBlockStylesSelector } = select(blocksStore);
+    const settings = getEditorSettings();
+    return {
+      disableLayoutStyles: !!settings?.disableLayoutStyles,
+      getBlockStyles: getBlockStylesSelector
+    };
+  }, []);
+  return useMemo(() => {
+    if (!mergedConfig?.styles || !mergedConfig?.settings) {
+      return [[], {}];
+    }
+    const blockTypes = getBlockTypes();
+    return generateGlobalStyles(mergedConfig, blockTypes, {
+      hasBlockGapSupport,
+      hasFallbackGapSupport,
+      disableLayoutStyles,
+      disableRootPadding,
+      getBlockStyles
+    });
+  }, [
+    hasBlockGapSupport,
+    hasFallbackGapSupport,
+    mergedConfig,
+    disableLayoutStyles,
+    disableRootPadding,
+    getBlockStyles
+  ]);
+}
+function useGlobalStylesOutput(disableRootPadding = false) {
+  const { merged: mergedConfig } = useGlobalStyles();
+  return useGlobalStylesOutputWithConfig(mergedConfig, disableRootPadding);
+}
+export {
+  useGlobalStylesOutput,
+  useGlobalStylesOutputWithConfig
+};
+//# sourceMappingURL=use-global-styles-output.js.map

package/build-module/hooks/use-global-styles-output.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-global-styles-output.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { generateGlobalStyles } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../store';\nimport { useSetting, useGlobalStyles } from '../components/global-styles';\n\n/**\n * Returns the global styles output based on the provided global styles config.\n *\n * @param {Object}  mergedConfig       The merged global styles config.\n * @param {boolean} disableRootPadding Disable root padding styles.\n *\n * @return {Array} Array of stylesheets and settings.\n */\nexport function useGlobalStylesOutputWithConfig(\n\tmergedConfig = {},\n\tdisableRootPadding = false\n) {\n\tconst blockGap = useSetting( 'spacing.blockGap' );\n\tconst hasBlockGapSupport = blockGap !== null;\n\tconst hasFallbackGapSupport = ! hasBlockGapSupport;\n\n\tconst { disableLayoutStyles, getBlockStyles } = useSelect( ( select ) => {\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getBlockStyles: getBlockStylesSelector } =\n\t\t\tselect( blocksStore );\n\t\tconst settings = getEditorSettings();\n\t\treturn {\n\t\t\tdisableLayoutStyles: !! settings?.disableLayoutStyles,\n\t\t\tgetBlockStyles: getBlockStylesSelector,\n\t\t};\n\t}, [] );\n\n\treturn useMemo( () => {\n\t\tif ( ! mergedConfig?.styles || ! mergedConfig?.settings ) {\n\t\t\treturn [ [], {} ];\n\t\t}\n\n\t\tconst blockTypes = getBlockTypes();\n\n\t\treturn generateGlobalStyles( mergedConfig, blockTypes, {\n\t\t\thasBlockGapSupport,\n\t\t\thasFallbackGapSupport,\n\t\t\tdisableLayoutStyles,\n\t\t\tdisableRootPadding,\n\t\t\tgetBlockStyles,\n\t\t} );\n\t}, [\n\t\thasBlockGapSupport,\n\t\thasFallbackGapSupport,\n\t\tmergedConfig,\n\t\tdisableLayoutStyles,\n\t\tdisableRootPadding,\n\t\tgetBlockStyles,\n\t] );\n}\n\n/**\n * Returns the global styles output based on the current state of global styles config loaded in the editor context.\n *\n * @param {boolean} disableRootPadding Disable root padding styles.\n *\n * @return {Array} Array of stylesheets and settings.\n */\nexport function useGlobalStylesOutput( disableRootPadding = false ) {\n\tconst { merged: mergedConfig } = useGlobalStyles();\n\treturn useGlobalStylesOutputWithConfig( mergedConfig, disableRootPadding );\n}\n"],
+  "mappings": "AAGA,SAAS,eAAe,SAAS,mBAAmB;AACpD,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAKrC,SAAS,SAAS,mBAAmB;AACrC,SAAS,YAAY,uBAAuB;AAUrC,SAAS,gCACf,eAAe,CAAC,GAChB,qBAAqB,OACpB;AACD,QAAM,WAAW,WAAY,kBAAmB;AAChD,QAAM,qBAAqB,aAAa;AACxC,QAAM,wBAAwB,CAAE;AAEhC,QAAM,EAAE,qBAAqB,eAAe,IAAI,UAAW,CAAE,WAAY;AACxE,UAAM,EAAE,kBAAkB,IAAI,OAAQ,WAAY;AAClD,UAAM,EAAE,gBAAgB,uBAAuB,IAC9C,OAAQ,WAAY;AACrB,UAAM,WAAW,kBAAkB;AACnC,WAAO;AAAA,MACN,qBAAqB,CAAC,CAAE,UAAU;AAAA,MAClC,gBAAgB;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SAAO,QAAS,MAAM;AACrB,QAAK,CAAE,cAAc,UAAU,CAAE,cAAc,UAAW;AACzD,aAAO,CAAE,CAAC,GAAG,CAAC,CAAE;AAAA,IACjB;AAEA,UAAM,aAAa,cAAc;AAEjC,WAAO,qBAAsB,cAAc,YAAY;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAE;AAAA,EACH,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;AASO,SAAS,sBAAuB,qBAAqB,OAAQ;AACnE,QAAM,EAAE,QAAQ,aAAa,IAAI,gBAAgB;AACjD,SAAO,gCAAiC,cAAc,kBAAmB;AAC1E;",
+  "names": []
+}

package/build-module/private-apis.js

@@ -1,7 +1,6 @@
 import * as interfaceApis from "@wordpress/interface";
 import { lock } from "./lock-unlock";
 import { EntitiesSavedStatesExtensible } from "./components/entities-saved-states";
-import EditorContentSlotFill from "./components/editor-interface/content-slot-fill";
 import BackButton from "./components/header/back-button";
 import Editor from "./components/editor";
 import PluginPostExcerpt from "./components/post-excerpt/plugin";
@@ -12,10 +11,6 @@ import usePostFields from "./components/post-fields";
 import ToolsMoreMenuGroup from "./components/more-menu/tools-more-menu-group";
 import ViewMoreMenuGroup from "./components/more-menu/view-more-menu-group";
 import ResizableEditor from "./components/resizable-editor";
-import {
-  mergeBaseAndUserConfigs,
-  GlobalStylesProvider
-} from "./components/global-styles-provider";
 import {
   CreateTemplatePartModal,
   patternTitleField,
@@ -23,6 +18,10 @@ import {
 } from "@wordpress/fields";
 import { registerCoreBlockBindingsSources } from "./bindings/api";
 import { getTemplateInfo } from "./utils/get-template-info";
+import GlobalStylesUIWrapper from "./components/global-styles";
+import { StyleBookPreview } from "./components/style-book";
+import { useGlobalStyles, useStyle } from "./components/global-styles/hooks";
+import { GlobalStylesActionMenu } from "./components/global-styles/menu";
 const { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;
 const privateApis = {};
 lock(privateApis, {
@@ -32,9 +31,6 @@ lock(privateApis, {
   BackButton,
   EntitiesSavedStatesExtensible,
   Editor,
-  EditorContentSlotFill,
-  GlobalStylesProvider,
-  mergeBaseAndUserConfigs,
   PluginPostExcerpt,
   PostCardPanel,
   PreferencesModal,
@@ -45,6 +41,12 @@ lock(privateApis, {
   ResizableEditor,
   registerCoreBlockBindingsSources,
   getTemplateInfo,
+  // Global Styles
+  GlobalStylesUIWrapper,
+  GlobalStylesActionMenu,
+  StyleBookPreview,
+  useGlobalStyles,
+  useStyle,
   // This is a temporary private API while we're updating the site editor to use EditorProvider.
   interfaceStore,
   ...remainingInterfaceApis

package/build-module/private-apis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/private-apis.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport EditorContentSlotFill from './components/editor-interface/content-slot-fill';\nimport BackButton from './components/header/back-button';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PostCardPanel from './components/post-card-panel';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport usePostFields from './components/post-fields';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport {\n\tmergeBaseAndUserConfigs,\n\tGlobalStylesProvider,\n} from './components/global-styles-provider';\nimport {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n} from '@wordpress/fields';\nimport { registerCoreBlockBindingsSources } from './bindings/api';\nimport { getTemplateInfo } from './utils/get-template-info';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tEditorContentSlotFill,\n\tGlobalStylesProvider,\n\tmergeBaseAndUserConfigs,\n\tPluginPostExcerpt,\n\tPostCardPanel,\n\tPreferencesModal,\n\tusePostActions,\n\tusePostFields,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tregisterCoreBlockBindingsSources,\n\tgetTemplateInfo,\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],
-  "mappings": "AAGA,YAAY,mBAAmB;AAK/B,SAAS,YAAY;AACrB,SAAS,qCAAqC;AAC9C,OAAO,2BAA2B;AAClC,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,uBAAuB;AAC9B,OAAO,mBAAmB;AAC1B,OAAO,sBAAsB;AAC7B,SAAS,sBAAsB;AAC/B,OAAO,mBAAmB;AAC1B,OAAO,wBAAwB;AAC/B,OAAO,uBAAuB;AAC9B,OAAO,qBAAqB;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAEhC,MAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB,IAAI;AAEtD,MAAM,cAAc,CAAC;AAC5B,KAAM,aAAa;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,GAAG;AACJ,CAAE;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport BackButton from './components/header/back-button';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PostCardPanel from './components/post-card-panel';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport usePostFields from './components/post-fields';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n} from '@wordpress/fields';\nimport { registerCoreBlockBindingsSources } from './bindings/api';\nimport { getTemplateInfo } from './utils/get-template-info';\nimport GlobalStylesUIWrapper from './components/global-styles';\nimport { StyleBookPreview } from './components/style-book';\nimport { useGlobalStyles, useStyle } from './components/global-styles/hooks';\nimport { GlobalStylesActionMenu } from './components/global-styles/menu';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tPluginPostExcerpt,\n\tPostCardPanel,\n\tPreferencesModal,\n\tusePostActions,\n\tusePostFields,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tregisterCoreBlockBindingsSources,\n\tgetTemplateInfo,\n\t// Global Styles\n\tGlobalStylesUIWrapper,\n\tGlobalStylesActionMenu,\n\tStyleBookPreview,\n\tuseGlobalStyles,\n\tuseStyle,\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],
+  "mappings": "AAGA,YAAY,mBAAmB;AAK/B,SAAS,YAAY;AACrB,SAAS,qCAAqC;AAC9C,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,uBAAuB;AAC9B,OAAO,mBAAmB;AAC1B,OAAO,sBAAsB;AAC7B,SAAS,sBAAsB;AAC/B,OAAO,mBAAmB;AAC1B,OAAO,wBAAwB;AAC/B,OAAO,uBAAuB;AAC9B,OAAO,qBAAqB;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAChC,OAAO,2BAA2B;AAClC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,gBAAgB;AAC1C,SAAS,8BAA8B;AAEvC,MAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB,IAAI;AAEtD,MAAM,cAAc,CAAC;AAC5B,KAAM,aAAa;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,GAAG;AACJ,CAAE;",
   "names": []
 }

package/build-module/store/private-actions.js

@@ -328,14 +328,34 @@ const setDefaultRenderingMode = (mode) => ({ select, registry }) => {
   };
   registry.dispatch(preferencesStore).set("core", "renderingModes", newModes);
 };
+function setStylesPath(path) {
+  return {
+    type: "SET_STYLES_PATH",
+    path
+  };
+}
+function setShowStylebook(show) {
+  return {
+    type: "SET_SHOW_STYLEBOOK",
+    show
+  };
+}
+function resetStylesNavigation() {
+  return {
+    type: "RESET_STYLES_NAVIGATION"
+  };
+}
 export {
   createTemplate,
   hideBlockTypes,
   removeTemplates,
+  resetStylesNavigation,
   revertTemplate,
   saveDirtyEntities,
   setCurrentTemplateId,
   setDefaultRenderingMode,
+  setShowStylebook,
+  setStylesPath,
   showBlockTypes
 };
 //# sourceMappingURL=private-actions.js.map