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

package/src/hooks/commands/use-common-commands.js

@@ -6,10 +6,13 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { __, isRTL } from '@wordpress/i18n';
 import { rotateLeft, rotateRight, help, backup } from '@wordpress/icons';
 import { useCommandLoader } from '@wordpress/commands';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { store as coreStore } from '@wordpress/core-data';
+import {
+	store as editorStore,
+	privateApis as editorPrivateApis,
+} from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -17,8 +20,8 @@ import { store as coreStore } from '@wordpress/core-data';
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
 
-const { useGlobalStylesReset } = unlock( blockEditorPrivateApis );
 const { useHistory, useLocation } = unlock( routerPrivateApis );
+const { useGlobalStyles } = unlock( editorPrivateApis );
 
 const getGlobalStylesToggleWelcomeGuideCommands = () =>
 	function useGlobalStylesToggleWelcomeGuideCommands() {
@@ -69,7 +72,14 @@ const getGlobalStylesToggleWelcomeGuideCommands = () =>
 
 const getGlobalStylesResetCommands = () =>
 	function useGlobalStylesResetCommands() {
-		const [ canReset, onReset ] = useGlobalStylesReset();
+		const { user, setUser } = useGlobalStyles();
+
+		// Check if there are user customizations that can be reset
+		const canReset =
+			!! user &&
+			( Object.keys( user?.styles ?? {} ).length > 0 ||
+				Object.keys( user?.settings ?? {} ).length > 0 );
+
 		const commands = useMemo( () => {
 			if ( ! canReset ) {
 				return [];
@@ -82,11 +92,11 @@ const getGlobalStylesResetCommands = () =>
 					icon: isRTL() ? rotateRight : rotateLeft,
 					callback: ( { close } ) => {
 						close();
-						onReset();
+						setUser( { styles: {}, settings: {} } );
 					},
 				},
 			];
-		}, [ canReset, onReset ] );
+		}, [ canReset, setUser ] );
 
 		return {
 			isLoading: false,
@@ -96,9 +106,8 @@ const getGlobalStylesResetCommands = () =>
 
 const getGlobalStylesOpenRevisionsCommands = () =>
 	function useGlobalStylesOpenRevisionsCommands() {
-		const { openGeneralSidebar, setEditorCanvasContainerView } = unlock(
-			useDispatch( editSiteStore )
-		);
+		const { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );
+		const { setStylesPath } = unlock( useDispatch( editorStore ) );
 		const { params } = useLocation();
 		const { canvas = 'view' } = params;
 		const history = useHistory();
@@ -131,16 +140,14 @@ const getGlobalStylesOpenRevisionsCommands = () =>
 							} );
 						}
 						openGeneralSidebar( 'edit-site/global-styles' );
-						setEditorCanvasContainerView(
-							'global-styles-revisions'
-						);
+						setStylesPath( '/revisions' );
 					},
 				},
 			];
 		}, [
 			history,
 			openGeneralSidebar,
-			setEditorCanvasContainerView,
+			setStylesPath,
 			hasRevisions,
 			canvas,
 		] );

package/src/hooks/commands/use-set-command-context.js

@@ -10,7 +10,6 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import { useHasEditorCanvasContainer } from '../../components/editor-canvas-container';
 
 const { useCommandContext } = unlock( commandsPrivateApis );
 const { useLocation } = unlock( routerPrivateApis );
@@ -25,8 +24,6 @@ export default function useSetCommandContext() {
 		return select( blockEditorStore ).getBlockSelectionStart();
 	}, [] );
 
-	const hasEditorCanvasContainer = useHasEditorCanvasContainer();
-
 	// Sets the right context for the command palette
 	let commandContext = 'site-editor';
 	if ( canvas === 'edit' ) {
@@ -35,13 +32,5 @@ export default function useSetCommandContext() {
 	if ( hasBlockSelected ) {
 		commandContext = 'block-selection-edit';
 	}
-	if ( hasEditorCanvasContainer ) {
-		/*
-		 * The editor canvas overlay will likely be deprecated in the future, so for now we clear the command context
-		 * to remove the suggested commands that may not make sense with Style Book or Style Revisions open.
-		 * See https://github.com/WordPress/gutenberg/issues/62216.
-		 */
-		commandContext = '';
-	}
 	useCommandContext( commandContext );
 }

package/src/index.js

@@ -20,7 +20,6 @@ import {
 /**
  * Internal dependencies
  */
-import './hooks';
 import { store as editSiteStore } from './store';
 import { unlock } from './lock-unlock';
 import App from './components/app';

package/src/posts.js

@@ -18,7 +18,6 @@ import {
 /**
  * Internal dependencies
  */
-import './hooks';
 import { store as editSiteStore } from './store';
 
 /**

package/src/posts.scss

@@ -9,7 +9,6 @@
 @use "./components/sidebar/style.scss" as *;
 @use "./components/site-hub/style.scss" as *;
 @use "./components/site-icon/style.scss" as *;
-@use "./components/editor-canvas-container/style.scss" as *;
 @use "./components/post-list/style.scss" as *;
 @use "./components/resizable-frame/style.scss" as *;
 

package/src/store/private-actions.js

@@ -1,17 +1,3 @@
-/**
- * Action that switches the editor canvas container view.
- *
- * @param {?string} view Editor canvas container view.
- */
-export const setEditorCanvasContainerView =
-	( view ) =>
-	( { dispatch } ) => {
-		dispatch( {
-			type: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',
-			view,
-		} );
-	};
-
 export function registerRoute( route ) {
 	return {
 		type: 'REGISTER_ROUTE',

package/src/store/private-selectors.js

@@ -1,14 +1,3 @@
-/**
- * Returns the editor canvas container view.
- *
- * @param {Object} state Global application state.
- *
- * @return {string} Editor canvas container view.
- */
-export function getEditorCanvasContainerView( state ) {
-	return state.editorCanvasContainerView;
-}
-
 export function getRoutes( state ) {
 	return state.routes;
 }

package/src/store/reducer.js

@@ -64,23 +64,6 @@ export function saveViewPanel( state = false, action ) {
 	return state;
 }
 
-/**
- * Reducer used to track the site editor canvas container view.
- * Default is `undefined`, denoting the default, visual block editor.
- * This could be, for example, `'style-book'` (the style book).
- *
- * @param {string|undefined} state  Current state.
- * @param {Object}           action Dispatched action.
- */
-function editorCanvasContainerView( state = undefined, action ) {
-	switch ( action.type ) {
-		case 'SET_EDITOR_CANVAS_CONTAINER_VIEW':
-			return action.view;
-	}
-
-	return state;
-}
-
 function routes( state = [], action ) {
 	switch ( action.type ) {
 		case 'REGISTER_ROUTE':
@@ -96,6 +79,5 @@ export default combineReducers( {
 	settings,
 	editedPost,
 	saveViewPanel,
-	editorCanvasContainerView,
 	routes,
 } );

package/src/style.scss

@@ -4,12 +4,10 @@
 @use "@wordpress/admin-ui/build-style/style.css" as admin-ui;
 @use "@wordpress/dataviews/build-style/style.css" as dataviews;
 @use "@wordpress/fields/build-style/style.css" as fields;
+@use "@wordpress/global-styles-ui/build-style/style.css" as global-styles-ui;
 @use "./components/add-new-template/style.scss" as *;
 @use "./components/block-editor/style.scss" as *;
 @use "./components/canvas-loader/style.scss" as *;
-@use "./components/global-styles/style.scss" as *;
-@use "./components/global-styles/screen-revisions/style.scss" as *;
-@use "./components/global-styles-sidebar/style.scss" as *;
 @use "./components/page-patterns/style.scss" as *;
 @use "./components/page-templates/style.scss" as *;
 @use "./components/editor/style.scss" as *;
@@ -30,16 +28,11 @@
 @use "./components/sidebar-dataviews/style.scss" as *;
 @use "./components/site-hub/style.scss" as *;
 @use "./components/site-icon/style.scss" as *;
-@use "./components/style-book/style.scss" as *;
-@use "./components/editor-canvas-container/style.scss" as *;
 @use "./components/post-edit/style.scss" as *;
 @use "./components/post-list/style.scss" as *;
 @use "./components/resizable-frame/style.scss" as *;
-@use "./hooks/push-changes-to-global-styles/style.scss" as *;
-@use "./components/global-styles/font-library-modal/style.scss" as *;
 @use "./components/pagination/style.scss" as *;
-@use "./components/global-styles/variations/style.scss" as *;
-@use "./components/sidebar-global-styles-wrapper/style.scss" as *;
+@use "./components/sidebar-global-styles/style.scss" as *;
 
 /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
 ::view-transition-image-pair(root) {

package/tsconfig.json

@@ -22,6 +22,7 @@
 		{ "path": "../escape-html" },
 		{ "path": "../fields" },
 		{ "path": "../global-styles-engine" },
+		{ "path": "../global-styles-ui" },
 		{ "path": "../hooks" },
 		{ "path": "../html-entities" },
 		{ "path": "../i18n" },
@@ -32,6 +33,7 @@
 		{ "path": "../notices" },
 		{ "path": "../keycodes" },
 		{ "path": "../plugins" },
+		{ "path": "../preferences" },
 		{ "path": "../primitives" },
 		{ "path": "../private-apis" },
 		{ "path": "../rich-text" },
@@ -41,16 +43,5 @@
 		{ "path": "../views" },
 		{ "path": "../wordcount" }
 	],
-	// NOTE: This package is being progressively typed. You are encouraged to
-	// expand this array with files which can be type-checked. At some point in
-	// the future, this can be simplified to an `includes` of `src/**/*`.
-	"files": [
-		"src/components/style-book/categories.ts",
-		"src/components/style-book/constants.ts",
-		"src/components/style-book/types.ts",
-		"src/components/style-book/color-examples.tsx",
-		"src/components/style-book/duotone-examples.tsx",
-		"src/components/style-book/examples.tsx"
-	],
 	"include": []
 }

package/build/components/editor-canvas-container/index.js

@@ -1,139 +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 editor_canvas_container_exports = {};
-__export(editor_canvas_container_exports, {
-  default: () => editor_canvas_container_default,
-  getEditorCanvasContainerTitle: () => getEditorCanvasContainerTitle,
-  useHasEditorCanvasContainer: () => useHasEditorCanvasContainer
-});
-module.exports = __toCommonJS(editor_canvas_container_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_element = require("@wordpress/element");
-var import_components = require("@wordpress/components");
-var import_keycodes = require("@wordpress/keycodes");
-var import_i18n = require("@wordpress/i18n");
-var import_data = require("@wordpress/data");
-var import_icons = require("@wordpress/icons");
-var import_compose = require("@wordpress/compose");
-var import_preferences = require("@wordpress/preferences");
-var import_editor = require("@wordpress/editor");
-var import_lock_unlock = require("../../lock-unlock");
-var import_store = require("../../store");
-const { EditorContentSlotFill, ResizableEditor } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-function getEditorCanvasContainerTitle(view) {
-  switch (view) {
-    case "style-book":
-      return (0, import_i18n.__)("Style Book");
-    case "global-styles-revisions":
-    case "global-styles-revisions:style-book":
-      return (0, import_i18n.__)("Style Revisions");
-    default:
-      return "";
-  }
-}
-function EditorCanvasContainer({
-  children,
-  closeButtonLabel,
-  onClose,
-  enableResizing = false
-}) {
-  const { editorCanvasContainerView, showListViewByDefault } = (0, import_data.useSelect)(
-    (select) => {
-      const _editorCanvasContainerView = (0, import_lock_unlock.unlock)(
-        select(import_store.store)
-      ).getEditorCanvasContainerView();
-      const _showListViewByDefault = select(import_preferences.store).get(
-        "core",
-        "showListViewByDefault"
-      );
-      return {
-        editorCanvasContainerView: _editorCanvasContainerView,
-        showListViewByDefault: _showListViewByDefault
-      };
-    },
-    []
-  );
-  const [isClosed, setIsClosed] = (0, import_element.useState)(false);
-  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
-  const { setIsListViewOpened } = (0, import_data.useDispatch)(import_editor.store);
-  const focusOnMountRef = (0, import_compose.useFocusOnMount)("firstElement");
-  const sectionFocusReturnRef = (0, import_compose.useFocusReturn)();
-  function onCloseContainer() {
-    setIsListViewOpened(showListViewByDefault);
-    setEditorCanvasContainerView(void 0);
-    setIsClosed(true);
-    if (typeof onClose === "function") {
-      onClose();
-    }
-  }
-  function closeOnEscape(event) {
-    if (event.keyCode === import_keycodes.ESCAPE && !event.defaultPrevented) {
-      event.preventDefault();
-      onCloseContainer();
-    }
-  }
-  const childrenWithProps = Array.isArray(children) ? import_element.Children.map(
-    children,
-    (child, index) => index === 0 ? (0, import_element.cloneElement)(child, {
-      ref: sectionFocusReturnRef
-    }) : child
-  ) : (0, import_element.cloneElement)(children, {
-    ref: sectionFocusReturnRef
-  });
-  if (isClosed) {
-    return null;
-  }
-  const title = getEditorCanvasContainerTitle(editorCanvasContainerView);
-  const shouldShowCloseButton = onClose || closeButtonLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditorContentSlotFill.Fill, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-editor-canvas-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResizableEditor, { enableResizing, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "section",
-    {
-      className: "edit-site-editor-canvas-container__section",
-      ref: shouldShowCloseButton ? focusOnMountRef : null,
-      onKeyDown: closeOnEscape,
-      "aria-label": title,
-      children: [
-        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.Button,
-          {
-            size: "compact",
-            className: "edit-site-editor-canvas-container__close-button",
-            icon: import_icons.closeSmall,
-            label: closeButtonLabel || (0, import_i18n.__)("Close"),
-            onClick: onCloseContainer
-          }
-        ),
-        childrenWithProps
-      ]
-    }
-  ) }) }) });
-}
-function useHasEditorCanvasContainer() {
-  const fills = (0, import_components.__experimentalUseSlotFills)(EditorContentSlotFill.name);
-  return !!fills?.length;
-}
-var editor_canvas_container_default = EditorCanvasContainer;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getEditorCanvasContainerTitle,
-  useHasEditorCanvasContainer
-});
-//# sourceMappingURL=index.js.map

package/build/components/editor-canvas-container/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/editor-canvas-container/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/**\n * Returns a translated string for the title of the editor canvas container.\n *\n * @param {string} view Editor canvas container view.\n *\n * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n */\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t  } )\n\t\t\t\t\t: child\n\t\t  )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t  } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose || closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel || __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.name );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuHK;AApHL,qBAAiD;AACjD,wBAGO;AACP,sBAAuB;AACvB,kBAAmB;AACnB,kBAAuC;AACvC,mBAA2B;AAC3B,qBAAgD;AAChD,yBAA0C;AAC1C,oBAGO;AAKP,yBAAuB;AACvB,mBAAuC;AAEvC,MAAM,EAAE,uBAAuB,gBAAgB,QAAI,2BAAQ,cAAAA,WAAkB;AAS7E,SAAS,8BAA+B,MAAO;AAC9C,UAAS,MAAO;AAAA,IACf,KAAK;AACJ,iBAAO,gBAAI,YAAa;AAAA,IACzB,KAAK;AAAA,IACL,KAAK;AACJ,iBAAO,gBAAI,iBAAkB;AAAA,IAC9B;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AACH,QAAM,EAAE,2BAA2B,sBAAsB,QAAI;AAAA,IAC5D,CAAE,WAAY;AACb,YAAM,iCAA6B;AAAA,QAClC,OAAQ,aAAAC,KAAc;AAAA,MACvB,EAAE,6BAA6B;AAE/B,YAAM,yBAAyB,OAAQ,mBAAAC,KAAiB,EAAE;AAAA,QACzD;AAAA,QACA;AAAA,MACD;AAEA,aAAO;AAAA,QACN,2BAA2B;AAAA,QAC3B,uBAAuB;AAAA,MACxB;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,CAAE,UAAU,WAAY,QAAI,yBAAU,KAAM;AAClD,QAAM,EAAE,6BAA6B,QAAI;AAAA,QACxC,yBAAa,aAAAD,KAAc;AAAA,EAC5B;AACA,QAAM,EAAE,oBAAoB,QAAI,yBAAa,cAAAE,KAAY;AAEzD,QAAM,sBAAkB,gCAAiB,cAAe;AACxD,QAAM,4BAAwB,+BAAe;AAE7C,WAAS,mBAAmB;AAC3B,wBAAqB,qBAAsB;AAC3C,iCAA8B,MAAU;AACxC,gBAAa,IAAK;AAClB,QAAK,OAAO,YAAY,YAAa;AACpC,cAAQ;AAAA,IACT;AAAA,EACD;AAEA,WAAS,cAAe,OAAQ;AAC/B,QAAK,MAAM,YAAY,0BAAU,CAAE,MAAM,kBAAmB;AAC3D,YAAM,eAAe;AACrB,uBAAiB;AAAA,IAClB;AAAA,EACD;AAEA,QAAM,oBAAoB,MAAM,QAAS,QAAS,IAC/C,wBAAS;AAAA,IAAK;AAAA,IAAU,CAAE,OAAO,UACjC,UAAU,QACP,6BAAc,OAAO;AAAA,MACrB,KAAK;AAAA,IACL,CAAE,IACF;AAAA,EACH,QACA,6BAAc,UAAU;AAAA,IACxB,KAAK;AAAA,EACL,CAAE;AAEL,MAAK,UAAW;AACf,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,8BAA+B,yBAA0B;AACvE,QAAM,wBAAwB,WAAW;AAEzC,SACC,4CAAC,sBAAsB,MAAtB,EACA,sDAAC,SAAI,WAAU,qCACd,sDAAC,mBAAgB,gBAEhB;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,KAAM,wBAAwB,kBAAkB;AAAA,MAChD,WAAY;AAAA,MACZ,cAAa;AAAA,MAEX;AAAA,iCACD;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,MAAO;AAAA,YACP,OAAQ,wBAAoB,gBAAI,OAAQ;AAAA,YACxC,SAAU;AAAA;AAAA,QACX;AAAA,QAEC;AAAA;AAAA;AAAA,EACH,GACD,GACD,GACD;AAEF;AAEA,SAAS,8BAA8B;AACtC,QAAM,YAAQ,kBAAAC,4BAAc,sBAAsB,IAAK;AACvD,SAAO,CAAC,CAAE,OAAO;AAClB;AAEA,IAAO,kCAAQ;",
-  "names": ["editorPrivateApis", "editSiteStore", "preferencesStore", "editorStore", "useSlotFills"]
-}

package/build/components/global-styles/background-panel.js

@@ -1,62 +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 background_panel_exports = {};
-__export(background_panel_exports, {
-  default: () => BackgroundPanel,
-  hasBackgroundImageValue: () => hasBackgroundImageValue
-});
-module.exports = __toCommonJS(background_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../../lock-unlock");
-const BACKGROUND_DEFAULT_VALUES = {
-  backgroundSize: "auto"
-};
-const {
-  useGlobalStyle,
-  useGlobalSetting,
-  BackgroundPanel: StylesBackgroundPanel
-} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function hasBackgroundImageValue(style) {
-  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === "string";
-}
-function BackgroundPanel() {
-  const [style] = useGlobalStyle("", void 0, "user", {
-    shouldDecodeEncode: false
-  });
-  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
-    shouldDecodeEncode: false
-  });
-  const [settings] = useGlobalSetting("");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StylesBackgroundPanel,
-    {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings,
-      defaultValues: BACKGROUND_DEFAULT_VALUES
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  hasBackgroundImageValue
-});
-//# sourceMappingURL=background-panel.js.map

package/build/components/global-styles/background-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/background-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t!! style?.background?.backgroundImage?.url ||\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CE;AA3CF,0BAAsD;AAKtD,yBAAuB;AAGvB,MAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,QAAI,2BAAQ,oBAAAA,WAAuB;AAS5B,SAAS,wBAAyB,OAAQ;AAChD,SACC,CAAC,CAAE,OAAO,YAAY,iBAAiB,MACvC,CAAC,CAAE,OAAO,YAAY,iBAAiB,OACvC,OAAO,OAAO,YAAY,oBAAoB;AAEhD;AAEe,SAAR,kBAAmC;AACzC,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,QAAS,IAAI,iBAAkB,EAAG;AAE1C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,eAAgB;AAAA;AAAA,EACjB;AAEF;",
-  "names": ["blockEditorPrivateApis"]
-}

package/build/components/global-styles/block-preview-panel.js

@@ -1,87 +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 block_preview_panel_exports = {};
-__export(block_preview_panel_exports, {
-  default: () => block_preview_panel_default
-});
-module.exports = __toCommonJS(block_preview_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_blocks = require("@wordpress/blocks");
-var import_components = require("@wordpress/components");
-var import_element = require("@wordpress/element");
-var import_utils = require("./utils");
-const BlockPreviewPanel = ({ name, variation = "" }) => {
-  const blockExample = (0, import_blocks.getBlockType)(name)?.example;
-  const blocks = (0, import_element.useMemo)(() => {
-    if (!blockExample) {
-      return null;
-    }
-    const example = {
-      ...blockExample,
-      attributes: {
-        ...blockExample.attributes,
-        style: void 0,
-        className: variation ? (0, import_utils.getVariationClassName)(variation) : blockExample.attributes?.className
-      }
-    };
-    return (0, import_blocks.getBlockFromExample)(name, example);
-  }, [name, blockExample, variation]);
-  const viewportWidth = blockExample?.viewportWidth ?? 500;
-  const previewHeight = 144;
-  const sidebarWidth = 235;
-  const scale = sidebarWidth / viewportWidth;
-  const minHeight = scale !== 0 && scale < 1 && previewHeight ? previewHeight / scale : previewHeight;
-  if (!blockExample) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 4, marginBottom: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: "edit-site-global-styles__block-preview-panel",
-      style: { maxHeight: previewHeight, boxSizing: "initial" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_block_editor.BlockPreview,
-        {
-          blocks,
-          viewportWidth,
-          minHeight: previewHeight,
-          additionalStyles: (
-            //We want this CSS to be in sync with the one in InserterPreviewPanel.
-            [
-              {
-                css: `
-								body{
-									padding: 24px;
-									min-height:${Math.round(minHeight)}px;
-									display:flex;
-									align-items:center;
-								}
-								.is-root-container { width: 100%; }
-							`
-              }
-            ]
-          )
-        }
-      )
-    }
-  ) });
-};
-var block_preview_panel_default = BlockPreviewPanel;
-//# sourceMappingURL=block-preview-panel.js.map

package/build/components/global-styles/block-preview-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/block-preview-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst example = {\n\t\t\t...blockExample,\n\t\t\tattributes: {\n\t\t\t\t...blockExample.attributes,\n\t\t\t\tstyle: undefined,\n\t\t\t\tclassName: variation\n\t\t\t\t\t? getVariationClassName( variation )\n\t\t\t\t\t: blockExample.attributes?.className,\n\t\t\t},\n\t\t};\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\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</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDI;AAnDJ,0BAA6B;AAC7B,oBAAkD;AAClD,wBAA+C;AAC/C,qBAAwB;AAKxB,mBAAsC;AAEtC,MAAM,oBAAoB,CAAE,EAAE,MAAM,YAAY,GAAG,MAAO;AACzD,QAAM,mBAAe,4BAAc,IAAK,GAAG;AAC3C,QAAM,aAAS,wBAAS,MAAM;AAC7B,QAAK,CAAE,cAAe;AACrB,aAAO;AAAA,IACR;AAEA,UAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACH,YAAY;AAAA,QACX,GAAG,aAAa;AAAA,QAChB,OAAO;AAAA,QACP,WAAW,gBACR,oCAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,eAAO,mCAAqB,MAAM,OAAQ;AAAA,EAC3C,GAAG,CAAE,MAAM,cAAc,SAAU,CAAE;AAErC,QAAM,gBAAgB,cAAc,iBAAiB;AAErD,QAAM,gBAAgB;AACtB,QAAM,eAAe;AACrB,QAAM,QAAQ,eAAe;AAC7B,QAAM,YACL,UAAU,KAAK,QAAQ,KAAK,gBACzB,gBAAgB,QAChB;AAEJ,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,kBAAAA,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,EAAE,WAAW,eAAe,WAAW,UAAU;AAAA,MAEzD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAY;AAAA,UACZ;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,gBACC,KAAK;AAAA;AAAA;AAAA,sBAGU,KAAK,MAAO,SAAU,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMxC;AAAA,YACD;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,8BAAQ;",
-  "names": ["Spacer"]
-}

package/build/components/global-styles/color-indicator-wrapper.js

@@ -1,50 +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 color_indicator_wrapper_exports = {};
-__export(color_indicator_wrapper_exports, {
-  default: () => color_indicator_wrapper_default
-});
-module.exports = __toCommonJS(color_indicator_wrapper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_clsx = __toESM(require("clsx"));
-var import_components = require("@wordpress/components");
-function ColorIndicatorWrapper({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.Flex,
-    {
-      className: (0, import_clsx.default)(
-        "edit-site-global-styles__color-indicator-wrapper",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var color_indicator_wrapper_default = ColorIndicatorWrapper;
-//# sourceMappingURL=color-indicator-wrapper.js.map