@wordpress/edit-site 6.10.0 → 6.12.0

package/build/components/style-book/index.js

@@ -47,6 +47,91 @@ const {
 function isObjectEmpty(object) {
   return !object || Object.keys(object).length === 0;
 }
+
+/**
+ * Scrolls to a section within an iframe.
+ *
+ * @param {string}            anchorId The id of the element to scroll to.
+ * @param {HTMLIFrameElement} iframe   The target iframe.
+ */
+const scrollToSection = (anchorId, iframe) => {
+  if (!iframe || !iframe?.contentDocument) {
+    return;
+  }
+  const element = iframe.contentDocument.getElementById(anchorId);
+  if (element) {
+    element.scrollIntoView({
+      behavior: 'smooth'
+    });
+  }
+};
+
+/**
+ * Parses a Block Editor navigation path to extract the block name and
+ * build a style book navigation path. The object can be extended to include a category,
+ * representing a style book tab/section.
+ *
+ * @param {string} path An internal Block Editor navigation path.
+ * @return {null|{block: string}} An object containing the example to navigate to.
+ */
+const getStyleBookNavigationFromPath = path => {
+  if (path && typeof path === 'string') {
+    let block = path.includes('/blocks/') ? decodeURIComponent(path.split('/blocks/')[1]) : null;
+    // Default to theme-colors if the path ends with /colors.
+    block = path.endsWith('/colors') ? 'theme-colors' : block;
+    return {
+      block
+    };
+  }
+  return null;
+};
+
+/**
+ * Retrieves colors, gradients, and duotone filters from Global Styles.
+ * The inclusion of default (Core) palettes is controlled by the relevant
+ * theme.json property e.g. defaultPalette, defaultGradients, defaultDuotone.
+ *
+ * @return {Object} Object containing properties for each type of palette.
+ */
+function useMultiOriginPalettes() {
+  const {
+    colors,
+    gradients
+  } = (0, _blockEditor.__experimentalUseMultipleOriginColorsAndGradients)();
+
+  // Add duotone filters to the palettes data.
+  const [shouldDisplayDefaultDuotones, customDuotones, themeDuotones, defaultDuotones] = (0, _blockEditor.useSettings)('color.defaultDuotone', 'color.duotone.custom', 'color.duotone.theme', 'color.duotone.default');
+  const palettes = (0, _element.useMemo)(() => {
+    const result = {
+      colors,
+      gradients,
+      duotones: []
+    };
+    if (themeDuotones && themeDuotones.length) {
+      result.duotones.push({
+        name: (0, _i18n._x)('Theme', 'Indicates these duotone filters come from the theme.'),
+        slug: 'theme',
+        duotones: themeDuotones
+      });
+    }
+    if (shouldDisplayDefaultDuotones && defaultDuotones && defaultDuotones.length) {
+      result.duotones.push({
+        name: (0, _i18n._x)('Default', 'Indicates these duotone filters come from WordPress.'),
+        slug: 'default',
+        duotones: defaultDuotones
+      });
+    }
+    if (customDuotones && customDuotones.length) {
+      result.duotones.push({
+        name: (0, _i18n._x)('Custom', 'Indicates these doutone filters are created by the user.'),
+        slug: 'custom',
+        duotones: customDuotones
+      });
+    }
+    return result;
+  }, [colors, gradients, customDuotones, themeDuotones, defaultDuotones, shouldDisplayDefaultDuotones]);
+  return palettes;
+}
 function StyleBook({
   enableResizing = true,
   isSelected,
@@ -55,16 +140,28 @@ function StyleBook({
   showCloseButton = true,
   onClose,
   showTabs = true,
-  userConfig = {}
+  userConfig = {},
+  path = ''
 }) {
   const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
   const [textColor] = useGlobalStyle('color.text');
   const [backgroundColor] = useGlobalStyle('color.background');
-  const [examples] = (0, _element.useState)(_examples.getExamples);
+  const colors = useMultiOriginPalettes();
+  const examples = (0, _element.useMemo)(() => (0, _examples.getExamples)(colors), [colors]);
   const tabs = (0, _element.useMemo)(() => (0, _categories.getTopLevelStyleBookCategories)().filter(category => examples.some(example => example.category === category.slug)), [examples]);
+  const examplesForSinglePageUse = [];
+  const overviewCategoryExamples = (0, _categories.getExamplesByCategory)({
+    slug: 'overview'
+  }, examples);
+  examplesForSinglePageUse.push(...overviewCategoryExamples.examples);
+  const otherExamples = examples.filter(example => {
+    return example.category !== 'overview' && !overviewCategoryExamples.examples.find(overviewExample => overviewExample.name === example.name);
+  });
+  examplesForSinglePageUse.push(...otherExamples);
   const {
     base: baseConfig
   } = (0, _element.useContext)(GlobalStylesContext);
+  const goTo = getStyleBookNavigationFromPath(path);
   const mergedConfig = (0, _element.useMemo)(() => {
     if (!isObjectEmpty(userConfig) && !isObjectEmpty(baseConfig)) {
       return mergeBaseAndUserConfigs(baseConfig, userConfig);
@@ -75,12 +172,12 @@ function StyleBook({
   // Copied from packages/edit-site/src/components/revisions/index.js
   // could we create a shared hook?
   const originalSettings = (0, _data.useSelect)(select => select(_blockEditor.store).getSettings(), []);
+  const [globalStyles] = useGlobalStylesOutputWithConfig(mergedConfig);
   const settings = (0, _element.useMemo)(() => ({
     ...originalSettings,
-    __unstableIsPreviewMode: true
-  }), [originalSettings]);
-  const [globalStyles] = useGlobalStylesOutputWithConfig(mergedConfig);
-  settings.styles = !isObjectEmpty(globalStyles) && !isObjectEmpty(userConfig) ? globalStyles : settings.styles;
+    styles: !isObjectEmpty(globalStyles) && !isObjectEmpty(userConfig) ? globalStyles : originalSettings.styles,
+    isPreviewMode: true
+  }), [globalStyles, originalSettings, userConfig]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_editorCanvasContainer.default, {
     onClose: onClose,
     enableResizing: enableResizing,
@@ -94,38 +191,38 @@ function StyleBook({
         color: textColor,
         background: backgroundColor
       },
-      children: [resizeObserver, showTabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "edit-site-style-book__tabs",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "edit-site-style-book__tablist-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
-              children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
-                tabId: tab.slug,
-                children: tab.title
-              }, tab.slug))
-            })
-          }), tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
-            tabId: tab.slug,
-            focusable: false,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleBookBody, {
-              category: tab.slug,
-              examples: examples,
-              isSelected: isSelected,
-              onSelect: onSelect,
-              settings: settings,
-              sizes: sizes,
-              title: tab.title
-            })
-          }, tab.slug))]
-        })
+      children: [resizeObserver, showTabs ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "edit-site-style-book__tablist-container",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
+            children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+              tabId: tab.slug,
+              children: tab.title
+            }, tab.slug))
+          })
+        }), tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+          tabId: tab.slug,
+          focusable: false,
+          className: "edit-site-style-book__tabpanel",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleBookBody, {
+            category: tab.slug,
+            examples: examples,
+            isSelected: isSelected,
+            onSelect: onSelect,
+            settings: settings,
+            sizes: sizes,
+            title: tab.title,
+            goTo: goTo
+          })
+        }, tab.slug))]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleBookBody, {
-        examples: examples,
+        examples: examplesForSinglePageUse,
         isSelected: isSelected,
         onClick: onClick,
         onSelect: onSelect,
         settings: settings,
-        sizes: sizes
+        sizes: sizes,
+        goTo: goTo
       })]
     })
   });
@@ -138,10 +235,12 @@ const StyleBookBody = ({
   onSelect,
   settings,
   sizes,
-  title
+  title,
+  goTo
 }) => {
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
-
+  const [hasIframeLoaded, setHasIframeLoaded] = (0, _element.useState)(false);
+  const iframeRef = (0, _element.useRef)(null);
   // The presence of an `onClick` prop indicates that the Style Book is being used as a button.
   // In this case, add additional props to the iframe to make it behave like a button.
   const buttonModeProps = {
@@ -171,7 +270,15 @@ const StyleBookBody = ({
     },
     readonly: true
   };
+  const handleLoad = () => setHasIframeLoaded(true);
+  (0, _element.useLayoutEffect)(() => {
+    if (goTo?.block && hasIframeLoaded && iframeRef?.current) {
+      scrollToSection(`example-${goTo?.block}`, iframeRef?.current);
+    }
+  }, [iframeRef?.current, goTo?.block, scrollToSection, hasIframeLoaded]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.__unstableIframe, {
+    onLoad: handleLoad,
+    ref: iframeRef,
     className: (0, _clsx.default)('edit-site-style-book__iframe', {
       'is-focused': isFocused && !!onClick,
       'is-button': !!onClick
@@ -217,11 +324,10 @@ const Examples = (0, _element.memo)(({
     children: [!!filteredExamples?.examples?.length && filteredExamples.examples.map(example => /*#__PURE__*/(0, _jsxRuntime.jsx)(Example, {
       id: `example-${example.name}`,
       title: example.title,
+      content: example.content,
       blocks: example.blocks,
-      isSelected: isSelected(example.name),
-      onClick: () => {
-        onSelect?.(example.name);
-      }
+      isSelected: isSelected?.(example.name),
+      onClick: () => onSelect?.(example.name)
     }, example.name)), !!filteredExamples?.subcategories?.length && filteredExamples.subcategories.map(subcategory => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Group, {
       className: "edit-site-style-book__subcategory",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite.GroupLabel, {
@@ -245,37 +351,45 @@ const Subcategory = ({
   return !!examples?.length && examples.map(example => /*#__PURE__*/(0, _jsxRuntime.jsx)(Example, {
     id: `example-${example.name}`,
     title: example.title,
+    content: example.content,
     blocks: example.blocks,
-    isSelected: isSelected(example.name),
+    isSelected: isSelected?.(example.name),
     onClick: () => {
       onSelect?.(example.name);
     }
   }, example.name));
 };
+const disabledExamples = ['example-duotones'];
 const Example = ({
   id,
   title,
   blocks,
   isSelected,
-  onClick
+  onClick,
+  content
 }) => {
   const originalSettings = (0, _data.useSelect)(select => select(_blockEditor.store).getSettings(), []);
   const settings = (0, _element.useMemo)(() => ({
     ...originalSettings,
     focusMode: false,
     // Disable "Spotlight mode".
-    __unstableIsPreviewMode: true
+    isPreviewMode: true
   }), [originalSettings]);
 
   // Cache the list of blocks to avoid additional processing when the component is re-rendered.
   const renderedBlocks = (0, _element.useMemo)(() => Array.isArray(blocks) ? blocks : [blocks], [blocks]);
+  const disabledProps = disabledExamples.includes(id) ? {
+    disabled: true,
+    accessibleWhenDisabled: true
+  } : {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     role: "row",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       role: "gridcell",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Item, {
         className: (0, _clsx.default)('edit-site-style-book__example', {
-          'is-selected': isSelected
+          'is-selected': isSelected,
+          'is-disabled-example': !!disabledProps?.disabled
         }),
         id: id,
         "aria-label": (0, _i18n.sprintf)(
@@ -284,6 +398,7 @@ const Example = ({
         render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}),
         role: "button",
         onClick: onClick,
+        ...disabledProps,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "edit-site-style-book__example-title",
           children: title
@@ -292,12 +407,12 @@ const Example = ({
           "aria-hidden": true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Disabled, {
             className: "edit-site-style-book__example-preview__content",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExperimentalBlockEditorProvider, {
+            children: content ? content : /*#__PURE__*/(0, _jsxRuntime.jsxs)(ExperimentalBlockEditorProvider, {
               value: renderedBlocks,
               settings: settings,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockList, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableEditorStyles, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockList, {
                 renderAppender: false
-              })
+              })]
             })
           })
         })]

package/build/components/style-book/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_editor","_data","_compose","_element","_keycodes","_lockUnlock","_editorCanvasContainer","_constants","_categories","_examples","_jsxRuntime","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","Tabs","componentsPrivateApis","isObjectEmpty","object","Object","keys","length","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","useResizeObserver","textColor","backgroundColor","examples","useState","getExamples","tabs","useMemo","getTopLevelStyleBookCategories","filter","category","some","example","slug","base","baseConfig","useContext","mergedConfig","originalSettings","useSelect","select","blockEditorStore","getSettings","settings","__unstableIsPreviewMode","globalStyles","styles","jsx","default","closeButtonLabel","__","children","jsxs","className","clsx","width","style","color","background","TabList","map","tab","Tab","tabId","title","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","ENTER","SPACE","preventDefault","readonly","__unstableIframe","name","tabIndex","__unstableEditorStyles","STYLE_BOOK_IFRAME_STYLES","Examples","label","sprintf","memo","categoryDefinition","find","_category","filteredExamples","getExamplesByCategory","Composite","orientation","Example","id","blocks","subcategories","subcategory","Group","GroupLabel","Subcategory","focusMode","renderedBlocks","Array","isArray","Item","render","Disabled","value","BlockList","renderAppender","_default","exports"],"sources":["@wordpress/edit-site/src/components/style-book/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDisabled,\n\tComposite,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo, useState, memo, useContext } from '@wordpress/element';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport { STYLE_BOOK_IFRAME_STYLES } from './constants';\nimport {\n\tgetExamplesByCategory,\n\tgetTopLevelStyleBookCategories,\n} from './categories';\nimport { getExamples } from './examples';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\nfunction StyleBook( {\n\tenableResizing = true,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tshowCloseButton = true,\n\tonClose,\n\tshowTabs = true,\n\tuserConfig = {},\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ examples ] = useState( getExamples );\n\tconst tabs = useMemo(\n\t\t() =>\n\t\t\tgetTopLevelStyleBookCategories().filter( ( category ) =>\n\t\t\t\texamples.some(\n\t\t\t\t\t( example ) => example.category === category.slug\n\t\t\t\t)\n\t\t\t),\n\t\t[ examples ]\n\t);\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\t// Copied from packages/edit-site/src/components/revisions/index.js\n\t// could we create a shared hook?\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tsettings.styles =\n\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t? globalStyles\n\t\t\t: settings.styles;\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\tonClose={ onClose }\n\t\t\tenableResizing={ enableResizing }\n\t\t\tcloseButtonLabel={ showCloseButton ? __( 'Close' ) : null }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-style-book', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t\t'is-button': !! onClick,\n\t\t\t\t} ) }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textColor,\n\t\t\t\t\tbackground: backgroundColor,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<div className=\"edit-site-style-book__tabs\">\n\t\t\t\t\t\t<Tabs>\n\t\t\t\t\t\t\t<div className=\"edit-site-style-book__tablist-container\">\n\t\t\t\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\t\t\t\t\tcategory={ tab.slug }\n\t\t\t\t\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t\t\t\t\t\ttitle={ tab.title }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nconst StyleBookBody = ( {\n\tcategory,\n\texamples,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tsettings,\n\tsizes,\n\ttitle,\n} ) => {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\t// The presence of an `onClick` prop indicates that the Style Book is being used as a button.\n\t// In this case, add additional props to the iframe to make it behave like a button.\n\tconst buttonModeProps = {\n\t\trole: 'button',\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( onClick && ( keyCode === ENTER || keyCode === SPACE ) ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\tonClick: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( onClick ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\n\treturn (\n\t\t<Iframe\n\t\t\tclassName={ clsx( 'edit-site-style-book__iframe', {\n\t\t\t\t'is-focused': isFocused && !! onClick,\n\t\t\t\t'is-button': !! onClick,\n\t\t\t} ) }\n\t\t\tname=\"style-book-canvas\"\n\t\t\ttabIndex={ 0 }\n\t\t\t{ ...( onClick ? buttonModeProps : {} ) }\n\t\t>\n\t\t\t<EditorStyles styles={ settings.styles } />\n\t\t\t<style>\n\t\t\t\t{ STYLE_BOOK_IFRAME_STYLES }\n\t\t\t\t{ !! onClick &&\n\t\t\t\t\t'body { cursor: pointer; } body * { pointer-events: none; }' }\n\t\t\t</style>\n\t\t\t<Examples\n\t\t\t\tclassName={ clsx( 'edit-site-style-book__examples', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t} ) }\n\t\t\t\texamples={ examples }\n\t\t\t\tcategory={ category }\n\t\t\t\tlabel={\n\t\t\t\t\ttitle\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Category of blocks, e.g. Text.\n\t\t\t\t\t\t\t\t__( 'Examples of blocks in the %s category' ),\n\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( 'Examples of blocks' )\n\t\t\t\t}\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tkey={ category }\n\t\t\t/>\n\t\t</Iframe>\n\t);\n};\n\nconst Examples = memo(\n\t( { className, examples, category, label, isSelected, onSelect } ) => {\n\t\tconst categoryDefinition = category\n\t\t\t? getTopLevelStyleBookCategories().find(\n\t\t\t\t\t( _category ) => _category.slug === category\n\t\t\t  )\n\t\t\t: null;\n\n\t\tconst filteredExamples = categoryDefinition\n\t\t\t? getExamplesByCategory( categoryDefinition, examples )\n\t\t\t: { examples };\n\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName={ className }\n\t\t\t\taria-label={ label }\n\t\t\t\trole=\"grid\"\n\t\t\t>\n\t\t\t\t{ !! filteredExamples?.examples?.length &&\n\t\t\t\t\tfilteredExamples.examples.map( ( example ) => (\n\t\t\t\t\t\t<Example\n\t\t\t\t\t\t\tkey={ example.name }\n\t\t\t\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\t\t\t\ttitle={ example.title }\n\t\t\t\t\t\t\tblocks={ example.blocks }\n\t\t\t\t\t\t\tisSelected={ isSelected( example.name ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonSelect?.( example.name );\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{ !! filteredExamples?.subcategories?.length &&\n\t\t\t\t\tfilteredExamples.subcategories.map( ( subcategory ) => (\n\t\t\t\t\t\t<Composite.Group\n\t\t\t\t\t\t\tclassName=\"edit-site-style-book__subcategory\"\n\t\t\t\t\t\t\tkey={ `subcategory-${ subcategory.slug }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Composite.GroupLabel>\n\t\t\t\t\t\t\t\t<h2 className=\"edit-site-style-book__subcategory-title\">\n\t\t\t\t\t\t\t\t\t{ subcategory.title }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t</Composite.GroupLabel>\n\t\t\t\t\t\t\t<Subcategory\n\t\t\t\t\t\t\t\texamples={ subcategory.examples }\n\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Composite.Group>\n\t\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t);\n\t}\n);\n\nconst Subcategory = ( { examples, isSelected, onSelect } ) => {\n\treturn (\n\t\t!! examples?.length &&\n\t\texamples.map( ( example ) => (\n\t\t\t<Example\n\t\t\t\tkey={ example.name }\n\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\ttitle={ example.title }\n\t\t\t\tblocks={ example.blocks }\n\t\t\t\tisSelected={ isSelected( example.name ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tonSelect?.( example.name );\n\t\t\t\t} }\n\t\t\t/>\n\t\t) )\n\t);\n};\n\nconst Example = ( { id, title, blocks, isSelected, onClick } ) => {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tfocusMode: false, // Disable \"Spotlight mode\".\n\t\t\t__unstableIsPreviewMode: true,\n\t\t} ),\n\t\t[ originalSettings ]\n\t);\n\n\t// Cache the list of blocks to avoid additional processing when the component is re-rendered.\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<div role=\"row\">\n\t\t\t<div role=\"gridcell\">\n\t\t\t\t<Composite.Item\n\t\t\t\t\tclassName={ clsx( 'edit-site-style-book__example', {\n\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t} ) }\n\t\t\t\t\tid={ id }\n\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t// translators: %s: Title of a block, e.g. Heading.\n\t\t\t\t\t\t__( 'Open %s styles in Styles panel' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\trender={ <div /> }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-style-book__example-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</span>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-style-book__example-preview\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t<Disabled className=\"edit-site-style-book__example-preview__content\">\n\t\t\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\t\t\tvalue={ renderedBlocks }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t\t</Disabled>\n\t\t\t\t\t</div>\n\t\t\t\t</Composite.Item>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default StyleBook;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAKA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,sBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AAIA,IAAAa,SAAA,GAAAb,OAAA;AAAyC,IAAAc,WAAA,GAAAd,OAAA;AArCzC;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;;AAUA,MAAM;EACLe,+BAA+B;EAC/BC,cAAc;EACdC,mBAAmB;EACnBC;AACD,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AACpC,MAAM;EAAEC;AAAwB,CAAC,GAAG,IAAAF,kBAAM,EAAEG,mBAAkB,CAAC;AAE/D,MAAM;EAAEC;AAAK,CAAC,GAAG,IAAAJ,kBAAM,EAAEK,uBAAsB,CAAC;AAEhD,SAASC,aAAaA,CAAEC,MAAM,EAAG;EAChC,OAAO,CAAEA,MAAM,IAAIC,MAAM,CAACC,IAAI,CAAEF,MAAO,CAAC,CAACG,MAAM,KAAK,CAAC;AACtD;AAEA,SAASC,SAASA,CAAE;EACnBC,cAAc,GAAG,IAAI;EACrBC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,eAAe,GAAG,IAAI;EACtBC,OAAO;EACPC,QAAQ,GAAG,IAAI;EACfC,UAAU,GAAG,CAAC;AACf,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACrD,MAAM,CAAEC,SAAS,CAAE,GAAG1B,cAAc,CAAE,YAAa,CAAC;EACpD,MAAM,CAAE2B,eAAe,CAAE,GAAG3B,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM,CAAE4B,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAEC,qBAAY,CAAC;EAC5C,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EACnB,MACC,IAAAC,0CAA8B,EAAC,CAAC,CAACC,MAAM,CAAIC,QAAQ,IAClDP,QAAQ,CAACQ,IAAI,CACVC,OAAO,IAAMA,OAAO,CAACF,QAAQ,KAAKA,QAAQ,CAACG,IAC9C,CACD,CAAC,EACF,CAAEV,QAAQ,CACX,CAAC;EACD,MAAM;IAAEW,IAAI,EAAEC;EAAW,CAAC,GAAG,IAAAC,mBAAU,EAAExC,mBAAoB,CAAC;EAE9D,MAAMyC,YAAY,GAAG,IAAAV,gBAAO,EAAE,MAAM;IACnC,IAAK,CAAEvB,aAAa,CAAEa,UAAW,CAAC,IAAI,CAAEb,aAAa,CAAE+B,UAAW,CAAC,EAAG;MACrE,OAAOnC,uBAAuB,CAAEmC,UAAU,EAAElB,UAAW,CAAC;IACzD;IACA,OAAO,CAAC,CAAC;EACV,CAAC,EAAE,CAAEkB,UAAU,EAAElB,UAAU,CAAG,CAAC;;EAE/B;EACA;EACA,MAAMqB,gBAAgB,GAAG,IAAAC,eAAS,EAC/BC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EACtD,EACD,CAAC;EAED,MAAMC,QAAQ,GAAG,IAAAhB,gBAAO,EACvB,OAAQ;IAAE,GAAGW,gBAAgB;IAAEM,uBAAuB,EAAE;EAAK,CAAC,CAAE,EAChE,CAAEN,gBAAgB,CACnB,CAAC;EAED,MAAM,CAAEO,YAAY,CAAE,GAAGhD,+BAA+B,CAAEwC,YAAa,CAAC;EAExEM,QAAQ,CAACG,MAAM,GACd,CAAE1C,aAAa,CAAEyC,YAAa,CAAC,IAAI,CAAEzC,aAAa,CAAEa,UAAW,CAAC,GAC7D4B,YAAY,GACZF,QAAQ,CAACG,MAAM;EAEnB,oBACC,IAAArD,WAAA,CAAAsD,GAAA,EAAC1D,sBAAA,CAAA2D,OAAqB;IACrBjC,OAAO,EAAGA,OAAS;IACnBL,cAAc,EAAGA,cAAgB;IACjCuC,gBAAgB,EAAGnC,eAAe,GAAG,IAAAoC,QAAE,EAAE,OAAQ,CAAC,GAAG,IAAM;IAAAC,QAAA,eAE3D,IAAA1D,WAAA,CAAA2D,IAAA;MACCC,SAAS,EAAG,IAAAC,aAAI,EAAE,sBAAsB,EAAE;QACzC,SAAS,EAAEnC,KAAK,CAACoC,KAAK,GAAG,GAAG;QAC5B,WAAW,EAAE,CAAC,CAAE3C;MACjB,CAAE,CAAG;MACL4C,KAAK,EAAG;QACPC,KAAK,EAAEpC,SAAS;QAChBqC,UAAU,EAAEpC;MACb,CAAG;MAAA6B,QAAA,GAEDjC,cAAc,EACdF,QAAQ,gBACT,IAAAvB,WAAA,CAAAsD,GAAA;QAAKM,SAAS,EAAC,4BAA4B;QAAAF,QAAA,eAC1C,IAAA1D,WAAA,CAAA2D,IAAA,EAAClD,IAAI;UAAAiD,QAAA,gBACJ,IAAA1D,WAAA,CAAAsD,GAAA;YAAKM,SAAS,EAAC,yCAAyC;YAAAF,QAAA,eACvD,IAAA1D,WAAA,CAAAsD,GAAA,EAAC7C,IAAI,CAACyD,OAAO;cAAAR,QAAA,EACVzB,IAAI,CAACkC,GAAG,CAAIC,GAAG,iBAChB,IAAApE,WAAA,CAAAsD,GAAA,EAAC7C,IAAI,CAAC4D,GAAG;gBACRC,KAAK,EAAGF,GAAG,CAAC5B,IAAM;gBAAAkB,QAAA,EAGhBU,GAAG,CAACG;cAAK,GAFLH,GAAG,CAAC5B,IAGD,CACT;YAAC,CACU;UAAC,CACX,CAAC,EACJP,IAAI,CAACkC,GAAG,CAAIC,GAAG,iBAChB,IAAApE,WAAA,CAAAsD,GAAA,EAAC7C,IAAI,CAAC+D,QAAQ;YAEbF,KAAK,EAAGF,GAAG,CAAC5B,IAAM;YAClBiC,SAAS,EAAG,KAAO;YAAAf,QAAA,eAEnB,IAAA1D,WAAA,CAAAsD,GAAA,EAACoB,aAAa;cACbrC,QAAQ,EAAG+B,GAAG,CAAC5B,IAAM;cACrBV,QAAQ,EAAGA,QAAU;cACrBZ,UAAU,EAAGA,UAAY;cACzBE,QAAQ,EAAGA,QAAU;cACrB8B,QAAQ,EAAGA,QAAU;cACrBxB,KAAK,EAAGA,KAAO;cACf6C,KAAK,EAAGH,GAAG,CAACG;YAAO,CACnB;UAAC,GAZIH,GAAG,CAAC5B,IAaI,CACd,CAAC;QAAA,CACE;MAAC,CACH,CAAC,gBAEN,IAAAxC,WAAA,CAAAsD,GAAA,EAACoB,aAAa;QACb5C,QAAQ,EAAGA,QAAU;QACrBZ,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA,QAAU;QACrB8B,QAAQ,EAAGA,QAAU;QACrBxB,KAAK,EAAGA;MAAO,CACf,CACD;IAAA,CACG;EAAC,CACgB,CAAC;AAE1B;AAEA,MAAMgD,aAAa,GAAGA,CAAE;EACvBrC,QAAQ;EACRP,QAAQ;EACRZ,UAAU;EACVC,OAAO;EACPC,QAAQ;EACR8B,QAAQ;EACRxB,KAAK;EACL6C;AACD,CAAC,KAAM;EACN,MAAM,CAAEI,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAA7C,iBAAQ,EAAE,KAAM,CAAC;;EAErD;EACA;EACA,MAAM8C,eAAe,GAAG;IACvBC,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAEA,CAAA,KAAMH,YAAY,CAAE,IAAK,CAAC;IACnCI,MAAM,EAAEA,CAAA,KAAMJ,YAAY,CAAE,KAAM,CAAC;IACnCK,SAAS,EAAIC,KAAK,IAAM;MACvB,IAAKA,KAAK,CAACC,gBAAgB,EAAG;QAC7B;MACD;MACA,MAAM;QAAEC;MAAQ,CAAC,GAAGF,KAAK;MACzB,IAAK/D,OAAO,KAAMiE,OAAO,KAAKC,eAAK,IAAID,OAAO,KAAKE,eAAK,CAAE,EAAG;QAC5DJ,KAAK,CAACK,cAAc,CAAC,CAAC;QACtBpE,OAAO,CAAE+D,KAAM,CAAC;MACjB;IACD,CAAC;IACD/D,OAAO,EAAI+D,KAAK,IAAM;MACrB,IAAKA,KAAK,CAACC,gBAAgB,EAAG;QAC7B;MACD;MACA,IAAKhE,OAAO,EAAG;QACd+D,KAAK,CAACK,cAAc,CAAC,CAAC;QACtBpE,OAAO,CAAE+D,KAAM,CAAC;MACjB;IACD,CAAC;IACDM,QAAQ,EAAE;EACX,CAAC;EAED,oBACC,IAAAxF,WAAA,CAAA2D,IAAA,EAACtE,YAAA,CAAAoG,gBAAM;IACN7B,SAAS,EAAG,IAAAC,aAAI,EAAE,8BAA8B,EAAE;MACjD,YAAY,EAAEc,SAAS,IAAI,CAAC,CAAExD,OAAO;MACrC,WAAW,EAAE,CAAC,CAAEA;IACjB,CAAE,CAAG;IACLuE,IAAI,EAAC,mBAAmB;IACxBC,QAAQ,EAAG,CAAG;IAAA,IACPxE,OAAO,GAAG0D,eAAe,GAAG,CAAC,CAAC;IAAAnB,QAAA,gBAErC,IAAA1D,WAAA,CAAAsD,GAAA,EAACjE,YAAA,CAAAuG,sBAAY;MAACvC,MAAM,EAAGH,QAAQ,CAACG;IAAQ,CAAE,CAAC,eAC3C,IAAArD,WAAA,CAAA2D,IAAA;MAAAD,QAAA,GACGmC,mCAAwB,EACxB,CAAC,CAAE1E,OAAO,IACX,4DAA4D;IAAA,CACvD,CAAC,eACR,IAAAnB,WAAA,CAAAsD,GAAA,EAACwC,QAAQ;MACRlC,SAAS,EAAG,IAAAC,aAAI,EAAE,gCAAgC,EAAE;QACnD,SAAS,EAAEnC,KAAK,CAACoC,KAAK,GAAG;MAC1B,CAAE,CAAG;MACLhC,QAAQ,EAAGA,QAAU;MACrBO,QAAQ,EAAGA,QAAU;MACrB0D,KAAK,EACJxB,KAAK,GACF,IAAAyB,aAAO;MACP;MACA,IAAAvC,QAAE,EAAE,uCAAwC,CAAC,EAC7Cc,KACA,CAAC,GACD,IAAAd,QAAE,EAAE,oBAAqB,CAC5B;MACDvC,UAAU,EAAGA,UAAY;MACzBE,QAAQ,EAAGA;IAAU,GACfiB,QACN,CAAC;EAAA,CACK,CAAC;AAEX,CAAC;AAED,MAAMyD,QAAQ,GAAG,IAAAG,aAAI,EACpB,CAAE;EAAErC,SAAS;EAAE9B,QAAQ;EAAEO,QAAQ;EAAE0D,KAAK;EAAE7E,UAAU;EAAEE;AAAS,CAAC,KAAM;EACrE,MAAM8E,kBAAkB,GAAG7D,QAAQ,GAChC,IAAAF,0CAA8B,EAAC,CAAC,CAACgE,IAAI,CACnCC,SAAS,IAAMA,SAAS,CAAC5D,IAAI,KAAKH,QACpC,CAAC,GACD,IAAI;EAEP,MAAMgE,gBAAgB,GAAGH,kBAAkB,GACxC,IAAAI,iCAAqB,EAAEJ,kBAAkB,EAAEpE,QAAS,CAAC,GACrD;IAAEA;EAAS,CAAC;EAEf,oBACC,IAAA9B,WAAA,CAAA2D,IAAA,EAACxE,WAAA,CAAAoH,SAAS;IACTC,WAAW,EAAC,UAAU;IACtB5C,SAAS,EAAGA,SAAW;IACvB,cAAamC,KAAO;IACpBjB,IAAI,EAAC,MAAM;IAAApB,QAAA,GAET,CAAC,CAAE2C,gBAAgB,EAAEvE,QAAQ,EAAEf,MAAM,IACtCsF,gBAAgB,CAACvE,QAAQ,CAACqC,GAAG,CAAI5B,OAAO,iBACvC,IAAAvC,WAAA,CAAAsD,GAAA,EAACmD,OAAO;MAEPC,EAAE,EAAG,WAAYnE,OAAO,CAACmD,IAAI,EAAK;MAClCnB,KAAK,EAAGhC,OAAO,CAACgC,KAAO;MACvBoC,MAAM,EAAGpE,OAAO,CAACoE,MAAQ;MACzBzF,UAAU,EAAGA,UAAU,CAAEqB,OAAO,CAACmD,IAAK,CAAG;MACzCvE,OAAO,EAAGA,CAAA,KAAM;QACfC,QAAQ,GAAImB,OAAO,CAACmD,IAAK,CAAC;MAC3B;IAAG,GAPGnD,OAAO,CAACmD,IAQd,CACA,CAAC,EACF,CAAC,CAAEW,gBAAgB,EAAEO,aAAa,EAAE7F,MAAM,IAC3CsF,gBAAgB,CAACO,aAAa,CAACzC,GAAG,CAAI0C,WAAW,iBAChD,IAAA7G,WAAA,CAAA2D,IAAA,EAACxE,WAAA,CAAAoH,SAAS,CAACO,KAAK;MACflD,SAAS,EAAC,mCAAmC;MAAAF,QAAA,gBAG7C,IAAA1D,WAAA,CAAAsD,GAAA,EAACnE,WAAA,CAAAoH,SAAS,CAACQ,UAAU;QAAArD,QAAA,eACpB,IAAA1D,WAAA,CAAAsD,GAAA;UAAIM,SAAS,EAAC,yCAAyC;UAAAF,QAAA,EACpDmD,WAAW,CAACtC;QAAK,CAChB;MAAC,CACgB,CAAC,eACvB,IAAAvE,WAAA,CAAAsD,GAAA,EAAC0D,WAAW;QACXlF,QAAQ,EAAG+E,WAAW,CAAC/E,QAAU;QACjCZ,UAAU,EAAGA,UAAY;QACzBE,QAAQ,EAAGA;MAAU,CACrB,CAAC;IAAA,GAXI,eAAgByF,WAAW,CAACrE,IAAI,EAYtB,CAChB,CAAC;EAAA,CACM,CAAC;AAEd,CACD,CAAC;AAED,MAAMwE,WAAW,GAAGA,CAAE;EAAElF,QAAQ;EAAEZ,UAAU;EAAEE;AAAS,CAAC,KAAM;EAC7D,OACC,CAAC,CAAEU,QAAQ,EAAEf,MAAM,IACnBe,QAAQ,CAACqC,GAAG,CAAI5B,OAAO,iBACtB,IAAAvC,WAAA,CAAAsD,GAAA,EAACmD,OAAO;IAEPC,EAAE,EAAG,WAAYnE,OAAO,CAACmD,IAAI,EAAK;IAClCnB,KAAK,EAAGhC,OAAO,CAACgC,KAAO;IACvBoC,MAAM,EAAGpE,OAAO,CAACoE,MAAQ;IACzBzF,UAAU,EAAGA,UAAU,CAAEqB,OAAO,CAACmD,IAAK,CAAG;IACzCvE,OAAO,EAAGA,CAAA,KAAM;MACfC,QAAQ,GAAImB,OAAO,CAACmD,IAAK,CAAC;IAC3B;EAAG,GAPGnD,OAAO,CAACmD,IAQd,CACA,CAAC;AAEL,CAAC;AAED,MAAMe,OAAO,GAAGA,CAAE;EAAEC,EAAE;EAAEnC,KAAK;EAAEoC,MAAM;EAAEzF,UAAU;EAAEC;AAAQ,CAAC,KAAM;EACjE,MAAM0B,gBAAgB,GAAG,IAAAC,eAAS,EAC/BC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EACtD,EACD,CAAC;EACD,MAAMC,QAAQ,GAAG,IAAAhB,gBAAO,EACvB,OAAQ;IACP,GAAGW,gBAAgB;IACnBoE,SAAS,EAAE,KAAK;IAAE;IAClB9D,uBAAuB,EAAE;EAC1B,CAAC,CAAE,EACH,CAAEN,gBAAgB,CACnB,CAAC;;EAED;EACA,MAAMqE,cAAc,GAAG,IAAAhF,gBAAO,EAC7B,MAAQiF,KAAK,CAACC,OAAO,CAAET,MAAO,CAAC,GAAGA,MAAM,GAAG,CAAEA,MAAM,CAAI,EACvD,CAAEA,MAAM,CACT,CAAC;EAED,oBACC,IAAA3G,WAAA,CAAAsD,GAAA;IAAKwB,IAAI,EAAC,KAAK;IAAApB,QAAA,eACd,IAAA1D,WAAA,CAAAsD,GAAA;MAAKwB,IAAI,EAAC,UAAU;MAAApB,QAAA,eACnB,IAAA1D,WAAA,CAAA2D,IAAA,EAACxE,WAAA,CAAAoH,SAAS,CAACc,IAAI;QACdzD,SAAS,EAAG,IAAAC,aAAI,EAAE,+BAA+B,EAAE;UAClD,aAAa,EAAE3C;QAChB,CAAE,CAAG;QACLwF,EAAE,EAAGA,EAAI;QACT,cAAa,IAAAV,aAAO;QACnB;QACA,IAAAvC,QAAE,EAAE,gCAAiC,CAAC,EACtCc,KACD,CAAG;QACH+C,MAAM,eAAG,IAAAtH,WAAA,CAAAsD,GAAA,WAAM,CAAG;QAClBwB,IAAI,EAAC,QAAQ;QACb3D,OAAO,EAAGA,OAAS;QAAAuC,QAAA,gBAEnB,IAAA1D,WAAA,CAAAsD,GAAA;UAAMM,SAAS,EAAC,qCAAqC;UAAAF,QAAA,EAClDa;QAAK,CACF,CAAC,eACP,IAAAvE,WAAA,CAAAsD,GAAA;UACCM,SAAS,EAAC,uCAAuC;UACjD,mBAAW;UAAAF,QAAA,eAEX,IAAA1D,WAAA,CAAAsD,GAAA,EAACnE,WAAA,CAAAoI,QAAQ;YAAC3D,SAAS,EAAC,gDAAgD;YAAAF,QAAA,eACnE,IAAA1D,WAAA,CAAAsD,GAAA,EAACrD,+BAA+B;cAC/BuH,KAAK,EAAGN,cAAgB;cACxBhE,QAAQ,EAAGA,QAAU;cAAAQ,QAAA,eAErB,IAAA1D,WAAA,CAAAsD,GAAA,EAACjE,YAAA,CAAAoI,SAAS;gBAACC,cAAc,EAAG;cAAO,CAAE;YAAC,CACN;UAAC,CACzB;QAAC,CACP,CAAC;MAAA,CACS;IAAC,CACb;EAAC,CACF,CAAC;AAER,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArE,OAAA,GAEavC,SAAS","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_editor","_data","_compose","_element","_keycodes","_lockUnlock","_editorCanvasContainer","_constants","_categories","_examples","_jsxRuntime","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","Tabs","componentsPrivateApis","isObjectEmpty","object","Object","keys","length","scrollToSection","anchorId","iframe","contentDocument","element","getElementById","scrollIntoView","behavior","getStyleBookNavigationFromPath","path","block","includes","decodeURIComponent","split","endsWith","useMultiOriginPalettes","colors","gradients","useMultipleOriginColorsAndGradients","shouldDisplayDefaultDuotones","customDuotones","themeDuotones","defaultDuotones","useSettings","palettes","useMemo","result","duotones","push","name","_x","slug","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","useResizeObserver","textColor","backgroundColor","examples","getExamples","tabs","getTopLevelStyleBookCategories","filter","category","some","example","examplesForSinglePageUse","overviewCategoryExamples","getExamplesByCategory","otherExamples","find","overviewExample","base","baseConfig","useContext","goTo","mergedConfig","originalSettings","useSelect","select","blockEditorStore","getSettings","globalStyles","settings","styles","isPreviewMode","jsx","default","closeButtonLabel","__","children","jsxs","className","clsx","width","style","color","background","TabList","map","tab","Tab","tabId","title","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","useState","hasIframeLoaded","setHasIframeLoaded","iframeRef","useRef","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","ENTER","SPACE","preventDefault","readonly","handleLoad","useLayoutEffect","current","__unstableIframe","onLoad","ref","tabIndex","__unstableEditorStyles","STYLE_BOOK_IFRAME_STYLES","Examples","label","sprintf","memo","categoryDefinition","_category","filteredExamples","Composite","orientation","Example","id","content","blocks","subcategories","subcategory","Group","GroupLabel","Subcategory","disabledExamples","focusMode","renderedBlocks","Array","isArray","disabledProps","disabled","accessibleWhenDisabled","Item","render","Disabled","value","BlockList","renderAppender","_default","exports"],"sources":["@wordpress/edit-site/src/components/style-book/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDisabled,\n\tComposite,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tuseSettings,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useResizeObserver } from '@wordpress/compose';\nimport {\n\tuseMemo,\n\tuseState,\n\tmemo,\n\tuseContext,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport { STYLE_BOOK_IFRAME_STYLES } from './constants';\nimport {\n\tgetExamplesByCategory,\n\tgetTopLevelStyleBookCategories,\n} from './categories';\nimport { getExamples } from './examples';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\n/**\n * Scrolls to a section within an iframe.\n *\n * @param {string}            anchorId The id of the element to scroll to.\n * @param {HTMLIFrameElement} iframe   The target iframe.\n */\nconst scrollToSection = ( anchorId, iframe ) => {\n\tif ( ! iframe || ! iframe?.contentDocument ) {\n\t\treturn;\n\t}\n\n\tconst element = iframe.contentDocument.getElementById( anchorId );\n\tif ( element ) {\n\t\telement.scrollIntoView( {\n\t\t\tbehavior: 'smooth',\n\t\t} );\n\t}\n};\n\n/**\n * Parses a Block Editor navigation path to extract the block name and\n * build a style book navigation path. The object can be extended to include a category,\n * representing a style book tab/section.\n *\n * @param {string} path An internal Block Editor navigation path.\n * @return {null|{block: string}} An object containing the example to navigate to.\n */\nconst getStyleBookNavigationFromPath = ( path ) => {\n\tif ( path && typeof path === 'string' ) {\n\t\tlet block = path.includes( '/blocks/' )\n\t\t\t? decodeURIComponent( path.split( '/blocks/' )[ 1 ] )\n\t\t\t: null;\n\t\t// Default to theme-colors if the path ends with /colors.\n\t\tblock = path.endsWith( '/colors' ) ? 'theme-colors' : block;\n\n\t\treturn {\n\t\t\tblock,\n\t\t};\n\t}\n\treturn null;\n};\n\n/**\n * Retrieves colors, gradients, and duotone filters from Global Styles.\n * The inclusion of default (Core) palettes is controlled by the relevant\n * theme.json property e.g. defaultPalette, defaultGradients, defaultDuotone.\n *\n * @return {Object} Object containing properties for each type of palette.\n */\nfunction useMultiOriginPalettes() {\n\tconst { colors, gradients } = useMultipleOriginColorsAndGradients();\n\n\t// Add duotone filters to the palettes data.\n\tconst [\n\t\tshouldDisplayDefaultDuotones,\n\t\tcustomDuotones,\n\t\tthemeDuotones,\n\t\tdefaultDuotones,\n\t] = useSettings(\n\t\t'color.defaultDuotone',\n\t\t'color.duotone.custom',\n\t\t'color.duotone.theme',\n\t\t'color.duotone.default'\n\t);\n\n\tconst palettes = useMemo( () => {\n\t\tconst result = { colors, gradients, duotones: [] };\n\n\t\tif ( themeDuotones && themeDuotones.length ) {\n\t\t\tresult.duotones.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates these duotone filters come from the theme.'\n\t\t\t\t),\n\t\t\t\tslug: 'theme',\n\t\t\t\tduotones: themeDuotones,\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tshouldDisplayDefaultDuotones &&\n\t\t\tdefaultDuotones &&\n\t\t\tdefaultDuotones.length\n\t\t) {\n\t\t\tresult.duotones.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates these duotone filters come from WordPress.'\n\t\t\t\t),\n\t\t\t\tslug: 'default',\n\t\t\t\tduotones: defaultDuotones,\n\t\t\t} );\n\t\t}\n\t\tif ( customDuotones && customDuotones.length ) {\n\t\t\tresult.duotones.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates these doutone filters are created by the user.'\n\t\t\t\t),\n\t\t\t\tslug: 'custom',\n\t\t\t\tduotones: customDuotones,\n\t\t\t} );\n\t\t}\n\n\t\treturn result;\n\t}, [\n\t\tcolors,\n\t\tgradients,\n\t\tcustomDuotones,\n\t\tthemeDuotones,\n\t\tdefaultDuotones,\n\t\tshouldDisplayDefaultDuotones,\n\t] );\n\n\treturn palettes;\n}\n\nfunction StyleBook( {\n\tenableResizing = true,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tshowCloseButton = true,\n\tonClose,\n\tshowTabs = true,\n\tuserConfig = {},\n\tpath = '',\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst colors = useMultiOriginPalettes();\n\tconst examples = useMemo( () => getExamples( colors ), [ colors ] );\n\tconst tabs = useMemo(\n\t\t() =>\n\t\t\tgetTopLevelStyleBookCategories().filter( ( category ) =>\n\t\t\t\texamples.some(\n\t\t\t\t\t( example ) => example.category === category.slug\n\t\t\t\t)\n\t\t\t),\n\t\t[ examples ]\n\t);\n\n\tconst examplesForSinglePageUse = [];\n\tconst overviewCategoryExamples = getExamplesByCategory(\n\t\t{ slug: 'overview' },\n\t\texamples\n\t);\n\texamplesForSinglePageUse.push( ...overviewCategoryExamples.examples );\n\tconst otherExamples = examples.filter( ( example ) => {\n\t\treturn (\n\t\t\texample.category !== 'overview' &&\n\t\t\t! overviewCategoryExamples.examples.find(\n\t\t\t\t( overviewExample ) => overviewExample.name === example.name\n\t\t\t)\n\t\t);\n\t} );\n\texamplesForSinglePageUse.push( ...otherExamples );\n\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\tconst goTo = getStyleBookNavigationFromPath( path );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\t// Copied from packages/edit-site/src/components/revisions/index.js\n\t// could we create a shared hook?\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tstyles:\n\t\t\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t\t\t? globalStyles\n\t\t\t\t\t: originalSettings.styles,\n\t\t\tisPreviewMode: true,\n\t\t} ),\n\t\t[ globalStyles, originalSettings, userConfig ]\n\t);\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\tonClose={ onClose }\n\t\t\tenableResizing={ enableResizing }\n\t\t\tcloseButtonLabel={ showCloseButton ? __( 'Close' ) : null }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-style-book', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t\t'is-button': !! onClick,\n\t\t\t\t} ) }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textColor,\n\t\t\t\t\tbackground: backgroundColor,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<Tabs>\n\t\t\t\t\t\t<div className=\"edit-site-style-book__tablist-container\">\n\t\t\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-style-book__tabpanel\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\t\t\t\tcategory={ tab.slug }\n\t\t\t\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t\t\t\t\ttitle={ tab.title }\n\t\t\t\t\t\t\t\t\tgoTo={ goTo }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs>\n\t\t\t\t) : (\n\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\texamples={ examplesForSinglePageUse }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t\tgoTo={ goTo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nconst StyleBookBody = ( {\n\tcategory,\n\texamples,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tsettings,\n\tsizes,\n\ttitle,\n\tgoTo,\n} ) => {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst [ hasIframeLoaded, setHasIframeLoaded ] = useState( false );\n\tconst iframeRef = useRef( null );\n\t// The presence of an `onClick` prop indicates that the Style Book is being used as a button.\n\t// In this case, add additional props to the iframe to make it behave like a button.\n\tconst buttonModeProps = {\n\t\trole: 'button',\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( onClick && ( keyCode === ENTER || keyCode === SPACE ) ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\tonClick: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( onClick ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\n\tconst handleLoad = () => setHasIframeLoaded( true );\n\tuseLayoutEffect( () => {\n\t\tif ( goTo?.block && hasIframeLoaded && iframeRef?.current ) {\n\t\t\tscrollToSection( `example-${ goTo?.block }`, iframeRef?.current );\n\t\t}\n\t}, [ iframeRef?.current, goTo?.block, scrollToSection, hasIframeLoaded ] );\n\n\treturn (\n\t\t<Iframe\n\t\t\tonLoad={ handleLoad }\n\t\t\tref={ iframeRef }\n\t\t\tclassName={ clsx( 'edit-site-style-book__iframe', {\n\t\t\t\t'is-focused': isFocused && !! onClick,\n\t\t\t\t'is-button': !! onClick,\n\t\t\t} ) }\n\t\t\tname=\"style-book-canvas\"\n\t\t\ttabIndex={ 0 }\n\t\t\t{ ...( onClick ? buttonModeProps : {} ) }\n\t\t>\n\t\t\t<EditorStyles styles={ settings.styles } />\n\t\t\t<style>\n\t\t\t\t{ STYLE_BOOK_IFRAME_STYLES }\n\t\t\t\t{ !! onClick &&\n\t\t\t\t\t'body { cursor: pointer; } body * { pointer-events: none; }' }\n\t\t\t</style>\n\t\t\t<Examples\n\t\t\t\tclassName={ clsx( 'edit-site-style-book__examples', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t} ) }\n\t\t\t\texamples={ examples }\n\t\t\t\tcategory={ category }\n\t\t\t\tlabel={\n\t\t\t\t\ttitle\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Category of blocks, e.g. Text.\n\t\t\t\t\t\t\t\t__( 'Examples of blocks in the %s category' ),\n\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( 'Examples of blocks' )\n\t\t\t\t}\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tkey={ category }\n\t\t\t/>\n\t\t</Iframe>\n\t);\n};\n\nconst Examples = memo(\n\t( { className, examples, category, label, isSelected, onSelect } ) => {\n\t\tconst categoryDefinition = category\n\t\t\t? getTopLevelStyleBookCategories().find(\n\t\t\t\t\t( _category ) => _category.slug === category\n\t\t\t  )\n\t\t\t: null;\n\n\t\tconst filteredExamples = categoryDefinition\n\t\t\t? getExamplesByCategory( categoryDefinition, examples )\n\t\t\t: { examples };\n\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName={ className }\n\t\t\t\taria-label={ label }\n\t\t\t\trole=\"grid\"\n\t\t\t>\n\t\t\t\t{ !! filteredExamples?.examples?.length &&\n\t\t\t\t\tfilteredExamples.examples.map( ( example ) => (\n\t\t\t\t\t\t<Example\n\t\t\t\t\t\t\tkey={ example.name }\n\t\t\t\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\t\t\t\ttitle={ example.title }\n\t\t\t\t\t\t\tcontent={ example.content }\n\t\t\t\t\t\t\tblocks={ example.blocks }\n\t\t\t\t\t\t\tisSelected={ isSelected?.( example.name ) }\n\t\t\t\t\t\t\tonClick={ () => onSelect?.( example.name ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ !! filteredExamples?.subcategories?.length &&\n\t\t\t\t\tfilteredExamples.subcategories.map( ( subcategory ) => (\n\t\t\t\t\t\t<Composite.Group\n\t\t\t\t\t\t\tclassName=\"edit-site-style-book__subcategory\"\n\t\t\t\t\t\t\tkey={ `subcategory-${ subcategory.slug }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Composite.GroupLabel>\n\t\t\t\t\t\t\t\t<h2 className=\"edit-site-style-book__subcategory-title\">\n\t\t\t\t\t\t\t\t\t{ subcategory.title }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t</Composite.GroupLabel>\n\t\t\t\t\t\t\t<Subcategory\n\t\t\t\t\t\t\t\texamples={ subcategory.examples }\n\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Composite.Group>\n\t\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t);\n\t}\n);\n\nconst Subcategory = ( { examples, isSelected, onSelect } ) => {\n\treturn (\n\t\t!! examples?.length &&\n\t\texamples.map( ( example ) => (\n\t\t\t<Example\n\t\t\t\tkey={ example.name }\n\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\ttitle={ example.title }\n\t\t\t\tcontent={ example.content }\n\t\t\t\tblocks={ example.blocks }\n\t\t\t\tisSelected={ isSelected?.( example.name ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tonSelect?.( example.name );\n\t\t\t\t} }\n\t\t\t/>\n\t\t) )\n\t);\n};\n\nconst disabledExamples = [ 'example-duotones' ];\n\nconst Example = ( { id, title, blocks, isSelected, onClick, content } ) => {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tfocusMode: false, // Disable \"Spotlight mode\".\n\t\t\tisPreviewMode: true,\n\t\t} ),\n\t\t[ originalSettings ]\n\t);\n\n\t// Cache the list of blocks to avoid additional processing when the component is re-rendered.\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst disabledProps = disabledExamples.includes( id )\n\t\t? {\n\t\t\t\tdisabled: true,\n\t\t\t\taccessibleWhenDisabled: true,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<div role=\"row\">\n\t\t\t<div role=\"gridcell\">\n\t\t\t\t<Composite.Item\n\t\t\t\t\tclassName={ clsx( 'edit-site-style-book__example', {\n\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t'is-disabled-example': !! disabledProps?.disabled,\n\t\t\t\t\t} ) }\n\t\t\t\t\tid={ id }\n\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t// translators: %s: Title of a block, e.g. Heading.\n\t\t\t\t\t\t__( 'Open %s styles in Styles panel' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\trender={ <div /> }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t{ ...disabledProps }\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-style-book__example-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</span>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-style-book__example-preview\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t<Disabled className=\"edit-site-style-book__example-preview__content\">\n\t\t\t\t\t\t\t{ content ? (\n\t\t\t\t\t\t\t\tcontent\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\t\t\t\tvalue={ renderedBlocks }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EditorStyles />\n\t\t\t\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Disabled>\n\t\t\t\t\t</div>\n\t\t\t\t</Composite.Item>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default StyleBook;\n"],"mappings":"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","ignoreList":[]}

package/build/components/style-book/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/edit-site/src/components/style-book/types.ts"],"sourcesContent":["type Block = {\n\tname: string;\n\tattributes: Record< string, unknown >;\n\tinnerBlocks?: Block[];\n};\n\nexport type StyleBookCategory = {\n\ttitle: string;\n\tslug: string;\n\tblocks?: string[];\n\texclude?: string[];\n\tsubcategories?: StyleBookCategory[];\n};\n\nexport type BlockExample = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\tblocks: Block | Block[];\n};\n\nexport type CategoryExamples = {\n\ttitle: string;\n\tslug: string;\n\texamples?: BlockExample[];\n\tsubcategories?: CategoryExamples[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["@wordpress/edit-site/src/components/style-book/types.ts"],"sourcesContent":["type Block = {\n\tname: string;\n\tattributes: Record< string, unknown >;\n\tinnerBlocks?: Block[];\n};\n\nexport type StyleBookCategory = {\n\ttitle: string;\n\tslug: string;\n\tblocks?: string[];\n\texclude?: string[];\n\tinclude?: string[];\n\tsubcategories?: StyleBookCategory[];\n};\n\nexport type BlockExample = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\tcontent?: JSX.Element;\n\tblocks?: Block | Block[];\n};\n\nexport type CategoryExamples = {\n\ttitle: string;\n\tslug: string;\n\texamples?: BlockExample[];\n\tsubcategories?: CategoryExamples[];\n};\n\nexport type StyleBookColorGroup = {\n\torigin: string;\n\tslug: string;\n\ttitle: string;\n\ttype: string;\n};\n\nexport type Color = { slug: string };\nexport type Gradient = { slug: string };\nexport type Duotone = {\n\tcolors: string[];\n\tslug: string;\n};\n\nexport type ColorOrigin = {\n\tname: string;\n\tslug: string;\n\tcolors?: Color[];\n\tgradients?: Gradient[];\n\tduotones?: Duotone[];\n};\n\nexport type MultiOriginPalettes = {\n\tdisableCustomColors: boolean;\n\tdisableCustomGradients: boolean;\n\thasColorsOrGradients: boolean;\n\tcolors: Omit< ColorOrigin, 'gradients' | 'duotones' >;\n\tduotones: Omit< ColorOrigin, 'colors' | 'gradients' >;\n\tgradients: Omit< ColorOrigin, 'colors' | 'duotones' >;\n};\n"],"mappings":"","ignoreList":[]}

package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js

@@ -8,6 +8,7 @@ var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _router = require("@wordpress/router");
+var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 var _constants = require("../../utils/constants");
@@ -31,33 +32,19 @@ function useResolveEditedEntityAndContext({
   const {
     hasLoadedAllDependencies,
     homepageId,
-    postsPageId,
-    url,
-    frontPageTemplateId
+    postsPageId
   } = (0, _data.useSelect)(select => {
     const {
-      getEntityRecord,
-      getEntityRecords
+      getEntityRecord
     } = select(_coreData.store);
     const siteData = getEntityRecord('root', 'site');
-    const base = getEntityRecord('root', '__unstableBase');
-    const templates = getEntityRecords('postType', _constants.TEMPLATE_POST_TYPE, {
-      per_page: -1
-    });
     const _homepageId = siteData?.show_on_front === 'page' && ['number', 'string'].includes(typeof siteData.page_on_front) && !!+siteData.page_on_front // We also need to check if it's not zero(`0`).
     ? siteData.page_on_front.toString() : null;
     const _postsPageId = siteData?.show_on_front === 'page' && ['number', 'string'].includes(typeof siteData.page_for_posts) ? siteData.page_for_posts.toString() : null;
-    let _frontPageTemplateId;
-    if (templates) {
-      const frontPageTemplate = templates.find(t => t.slug === 'front-page');
-      _frontPageTemplateId = frontPageTemplate ? frontPageTemplate.id : false;
-    }
     return {
-      hasLoadedAllDependencies: !!base && !!siteData,
+      hasLoadedAllDependencies: !!siteData,
       homepageId: _homepageId,
-      postsPageId: _postsPageId,
-      url: base?.home,
-      frontPageTemplateId: _frontPageTemplateId
+      postsPageId: _postsPageId
     };
   }, []);
 
@@ -81,20 +68,33 @@ function useResolveEditedEntityAndContext({
     const {
       getEditedEntityRecord,
       getEntityRecords,
-      getDefaultTemplateId,
-      __experimentalGetTemplateForLink
+      getDefaultTemplateId
     } = select(_coreData.store);
     function resolveTemplateForPostTypeAndId(postTypeToResolve, postIdToResolve) {
       // For the front page, we always use the front page template if existing.
       if (postTypeToResolve === 'page' && homepageId === postIdToResolve) {
-        // We're still checking whether the front page template exists.
-        // Don't resolve the template yet.
-        if (frontPageTemplateId === undefined) {
+        // The /lookup endpoint cannot currently handle a lookup
+        // when a page is set as the front page, so specifically in
+        // that case, we want to check if there is a front page
+        // template, and instead of falling back to the home
+        // template, we want to fall back to the page template.
+        const templates = getEntityRecords('postType', _constants.TEMPLATE_POST_TYPE, {
+          per_page: -1
+        });
+        if (templates) {
+          const id = templates?.find(({
+            slug
+          }) => slug === 'front-page')?.id;
+          if (id) {
+            return id;
+          }
+
+          // If no front page template is found, continue with the
+          // logic below (fetching the page template).
+        } else {
+          // Still resolving `templates`.
           return undefined;
         }
-        if (!!frontPageTemplateId) {
-          return frontPageTemplateId;
-        }
       }
       const editedEntity = getEditedEntityRecord('postType', postTypeToResolve, postIdToResolve);
       if (!editedEntity) {
@@ -102,7 +102,9 @@ function useResolveEditedEntityAndContext({
       }
       // Check if the current page is the posts page.
       if (postTypeToResolve === 'page' && postsPageId === postIdToResolve) {
-        return __experimentalGetTemplateForLink(editedEntity.link)?.id;
+        return getDefaultTemplateId({
+          slug: 'home'
+        });
       }
       // First see if the post/page has an assigned template and fetch it.
       const currentTemplateSlug = editedEntity.template;
@@ -147,11 +149,10 @@ function useResolveEditedEntityAndContext({
     }
 
     // If we're not rendering a specific page, use the front page template.
-    if (url) {
-      const template = __experimentalGetTemplateForLink(url);
-      return template?.id;
-    }
-  }, [homepageId, postsPageId, hasLoadedAllDependencies, url, postId, postType, frontPageTemplateId]);
+    return getDefaultTemplateId({
+      slug: 'front-page'
+    });
+  }, [homepageId, postsPageId, hasLoadedAllDependencies, postId, postType]);
   const context = (0, _element.useMemo)(() => {
     if (postTypesWithoutParentTemplate.includes(postType) && postId) {
       return {};
@@ -205,10 +206,14 @@ function useInitEditedEntityFromURL() {
   const {
     setEditedEntity
   } = (0, _data.useDispatch)(_store.store);
+  const {
+    resetZoomLevel
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_blockEditor.store));
   (0, _element.useEffect)(() => {
     if (isReady) {
+      resetZoomLevel();
       setEditedEntity(postType, postId, context);
     }
-  }, [isReady, postType, postId, context, setEditedEntity]);
+  }, [isReady, postType, postId, context, setEditedEntity, resetZoomLevel]);
 }
 //# sourceMappingURL=use-init-edited-entity-from-url.js.map