npm - @wordpress/edit-site - Versions diffs - 6.8.5 → 6.9.0 - Mend

@wordpress/edit-site 6.8.5 → 6.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (137) hide show

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
-var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
@@ -17,6 +16,9 @@ var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
 var _lockUnlock = require("../../lock-unlock");
 var _editorCanvasContainer = _interopRequireDefault(require("../editor-canvas-container"));
+var _constants = require("./constants");
+var _categories = require("./categories");
+var _examples = require("./examples");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -42,117 +44,9 @@ const {
 const {
   Tabs
 } = (0, _lockUnlock.unlock)(_components.privateApis);
-// The content area of the Style Book is rendered within an iframe so that global styles
-// are applied to elements within the entire content area. To support elements that are
-// not part of the block previews, such as headings and layout for the block previews,
-// additional CSS rules need to be passed into the iframe. These are hard-coded below.
-// Note that button styles are unset, and then focus rules from the `Button` component are
-// applied to the `button` element, targeted via `.edit-site-style-book__example`.
-// This is to ensure that browser default styles for buttons are not applied to the previews.
-const STYLE_BOOK_IFRAME_STYLES = `
-	.edit-site-style-book__examples {
-		max-width: 900px;
-		margin: 0 auto;
-	}
-	.edit-site-style-book__example {
-		border-radius: 2px;
-		cursor: pointer;
-		display: flex;
-		flex-direction: column;
-		gap: 40px;
-		margin-bottom: 40px;
-		padding: 16px;
-		width: 100%;
-		box-sizing: border-box;
-		scroll-margin-top: 32px;
-		scroll-margin-bottom: 32px;
-	}
-	.edit-site-style-book__example.is-selected {
-		box-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
-	}
-	.edit-site-style-book__example:focus:not(:disabled) {
-		box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
-		outline: 3px solid transparent;
-	}
-	.edit-site-style-book__examples.is-wide .edit-site-style-book__example {
-		flex-direction: row;
-	}
-	.edit-site-style-book__example-title {
-		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-		font-size: 11px;
-		font-weight: 500;
-		line-height: normal;
-		margin: 0;
-		text-align: left;
-		text-transform: uppercase;
-	}
-	.edit-site-style-book__examples.is-wide .edit-site-style-book__example-title {
-		text-align: right;
-		width: 120px;
-	}
-	.edit-site-style-book__example-preview {
-		width: 100%;
-	}
-	.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,
-	.edit-site-style-book__example-preview .block-list-appender {
-		display: none;
-	}
-	.edit-site-style-book__example-preview .is-root-container > .wp-block:first-child {
-		margin-top: 0;
-	}
-	.edit-site-style-book__example-preview .is-root-container > .wp-block:last-child {
-		margin-bottom: 0;
-	}
-`;
 function isObjectEmpty(object) {
   return !object || Object.keys(object).length === 0;
 }
-function getExamples() {
-  const nonHeadingBlockExamples = (0, _blocks.getBlockTypes)().filter(blockType => {
-    const {
-      name,
-      example,
-      supports
-    } = blockType;
-    return name !== 'core/heading' && !!example && supports.inserter !== false;
-  }).map(blockType => ({
-    name: blockType.name,
-    title: blockType.title,
-    category: blockType.category,
-    blocks: (0, _blocks.getBlockFromExample)(blockType.name, blockType.example)
-  }));
-  const isHeadingBlockRegistered = !!(0, _blocks.getBlockType)('core/heading');
-  if (!isHeadingBlockRegistered) {
-    return nonHeadingBlockExamples;
-  }
-  // Use our own example for the Heading block so that we can show multiple
-  // heading levels.
-  const headingsExample = {
-    name: 'core/heading',
-    title: (0, _i18n.__)('Headings'),
-    category: 'text',
-    blocks: [1, 2, 3, 4, 5, 6].map(level => {
-      return (0, _blocks.createBlock)('core/heading', {
-        content: (0, _i18n.sprintf)(
-        // translators: %d: heading level e.g: "1", "2", "3"
-        (0, _i18n.__)('Heading %d'), level),
-        level
-      });
-    })
-  };
-  return [headingsExample, ...nonHeadingBlockExamples];
-}
 function StyleBook({
   enableResizing = true,
   isSelected,
@@ -166,12 +60,8 @@ function StyleBook({
   const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
   const [textColor] = useGlobalStyle('color.text');
   const [backgroundColor] = useGlobalStyle('color.background');
-  const [examples] = (0, _element.useState)(getExamples);
-  const tabs = (0, _element.useMemo)(() => (0, _blocks.getCategories)().filter(category => examples.some(example => example.category === category.slug)).map(category => ({
-    name: category.slug,
-    title: category.title,
-    icon: category.icon
-  })), [examples]);
+  const [examples] = (0, _element.useState)(_examples.getExamples);
+  const tabs = (0, _element.useMemo)(() => (0, _categories.getTopLevelStyleBookCategories)().filter(category => examples.some(example => example.category === category.slug)), [examples]);
   const {
     base: baseConfig
   } = (0, _element.useContext)(GlobalStylesContext);
@@ -207,16 +97,19 @@ function StyleBook({
       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)(Tabs.TabList, {
-            children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
-              tabId: tab.name,
-              children: tab.title
-            }, tab.name))
+          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.name,
+            tabId: tab.slug,
             focusable: false,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleBookBody, {
-              category: tab.name,
+              category: tab.slug,
               examples: examples,
               isSelected: isSelected,
               onSelect: onSelect,
@@ -224,7 +117,7 @@ function StyleBook({
               sizes: sizes,
               title: tab.title
             })
-          }, tab.name))]
+          }, tab.slug))]
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleBookBody, {
         examples: examples,
@@ -278,7 +171,6 @@ const StyleBookBody = ({
     },
     readonly: true
   };
-  const buttonModeStyles = onClick ? 'body { cursor: pointer; } body * { pointer-events: none; }' : '';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.__unstableIframe, {
     className: (0, _clsx.default)('edit-site-style-book__iframe', {
       'is-focused': isFocused && !!onClick,
@@ -289,12 +181,8 @@ const StyleBookBody = ({
     ...(onClick ? buttonModeProps : {}),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableEditorStyles, {
       styles: settings.styles
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
-      children:
-      // Forming a "block formatting context" to prevent margin collapsing.
-      // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-      `.is-root-container { display: flow-root; }
-						body { position: relative; padding: 32px !important; }` + STYLE_BOOK_IFRAME_STYLES + buttonModeStyles
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("style", {
+      children: [_constants.STYLE_BOOK_IFRAME_STYLES, !!onClick && 'body { cursor: pointer; } body * { pointer-events: none; }']
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Examples, {
       className: (0, _clsx.default)('edit-site-style-book__examples', {
         'is-wide': sizes.width > 600
@@ -317,12 +205,16 @@ const Examples = (0, _element.memo)(({
   isSelected,
   onSelect
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite, {
+  const categoryDefinition = category ? (0, _categories.getTopLevelStyleBookCategories)().find(_category => _category.slug === category) : null;
+  const filteredExamples = categoryDefinition ? (0, _categories.getExamplesByCategory)(categoryDefinition, examples) : {
+    examples
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite, {
     orientation: "vertical",
     className: className,
     "aria-label": label,
     role: "grid",
-    children: examples.filter(example => category ? example.category === category : true).map(example => /*#__PURE__*/(0, _jsxRuntime.jsx)(Example, {
+    children: [!!filteredExamples?.examples?.length && filteredExamples.examples.map(example => /*#__PURE__*/(0, _jsxRuntime.jsx)(Example, {
       id: `example-${example.name}`,
       title: example.title,
       blocks: example.blocks,
@@ -330,9 +222,36 @@ const Examples = (0, _element.memo)(({
       onClick: () => {
         onSelect?.(example.name);
       }
-    }, 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, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+          className: "edit-site-style-book__subcategory-title",
+          children: subcategory.title
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Subcategory, {
+        examples: subcategory.examples,
+        isSelected: isSelected,
+        onSelect: onSelect
+      })]
+    }, `subcategory-${subcategory.slug}`))]
   });
 });
+const Subcategory = ({
+  examples,
+  isSelected,
+  onSelect
+}) => {
+  return !!examples?.length && examples.map(example => /*#__PURE__*/(0, _jsxRuntime.jsx)(Example, {
+    id: `example-${example.name}`,
+    title: example.title,
+    blocks: example.blocks,
+    isSelected: isSelected(example.name),
+    onClick: () => {
+      onSelect?.(example.name);
+    }
+  }, example.name));
+};
 const Example = ({
   id,
   title,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blocks","_blockEditor","_editor","_data","_compose","_element","_keycodes","_lockUnlock","_editorCanvasContainer","_jsxRuntime","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","Tabs","componentsPrivateApis","STYLE_BOOK_IFRAME_STYLES","isObjectEmpty","object","Object","keys","length","getExamples","nonHeadingBlockExamples","getBlockTypes","filter","blockType","name","example","supports","inserter","map","title","category","blocks","getBlockFromExample","isHeadingBlockRegistered","getBlockType","headingsExample","__","level","createBlock","content","sprintf","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","useResizeObserver","textColor","backgroundColor","examples","useState","tabs","useMemo","getCategories","some","slug","icon","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","tab","Tab","tabId","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","ENTER","SPACE","preventDefault","readonly","buttonModeStyles","__unstableIframe","tabIndex","__unstableEditorStyles","Examples","label","memo","Composite","orientation","Example","id","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\tgetCategories,\n\tgetBlockType,\n\tgetBlockTypes,\n\tgetBlockFromExample,\n\tcreateBlock,\n} from '@wordpress/blocks';\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';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n// The content area of the Style Book is rendered within an iframe so that global styles\n// are applied to elements within the entire content area. To support elements that are\n// not part of the block previews, such as headings and layout for the block previews,\n// additional CSS rules need to be passed into the iframe. These are hard-coded below.\n// Note that button styles are unset, and then focus rules from the `Button` component are\n// applied to the `button` element, targeted via `.edit-site-style-book__example`.\n// This is to ensure that browser default styles for buttons are not applied to the previews.\nconst STYLE_BOOK_IFRAME_STYLES = `\n\t.edit-site-style-book__examples {\n\t\tmax-width: 900px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.edit-site-style-book__example {\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tmargin-bottom: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t}\n\n\t.edit-site-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.edit-site-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example {\n\t\tflex-direction: row;\n\t}\n\n\t.edit-site-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 11px;\n\t\tfont-weight: 500;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example-title {\n\t\ttext-align: right;\n\t\twidth: 120px;\n\t}\n\n\t.edit-site-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.edit-site-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\n\t.edit-site-style-book__example-preview .is-root-container > .wp-block:first-child {\n\t\tmargin-top: 0;\n\t}\n\t.edit-site-style-book__example-preview .is-root-container > .wp-block:last-child {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nfunction isObjectEmpty( object ) {\n\treturn ! object \|\| Object.keys( object ).length === 0;\n}\n\nfunction getExamples() {\n\tconst nonHeadingBlockExamples = getBlockTypes()\n\t\t.filter( ( blockType ) => {\n\t\t\tconst { name, example, supports } = blockType;\n\t\t\treturn (\n\t\t\t\tname !== 'core/heading' &&\n\t\t\t\t!! example &&\n\t\t\t\tsupports.inserter !== false\n\t\t\t);\n\t\t} )\n\t\t.map( ( blockType ) => ( {\n\t\t\tname: blockType.name,\n\t\t\ttitle: blockType.title,\n\t\t\tcategory: blockType.category,\n\t\t\tblocks: getBlockFromExample( blockType.name, blockType.example ),\n\t\t} ) );\n\n\tconst isHeadingBlockRegistered = !! getBlockType( 'core/heading' );\n\n\tif ( ! isHeadingBlockRegistered ) {\n\t\treturn nonHeadingBlockExamples;\n\t}\n\n\t// Use our own example for the Heading block so that we can show multiple\n\t// heading levels.\n\tconst headingsExample = {\n\t\tname: 'core/heading',\n\t\ttitle: __( 'Headings' ),\n\t\tcategory: 'text',\n\t\tblocks: [ 1, 2, 3, 4, 5, 6 ].map( ( level ) => {\n\t\t\treturn createBlock( 'core/heading', {\n\t\t\t\tcontent: sprintf(\n\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\tlevel\n\t\t\t\t),\n\t\t\t\tlevel,\n\t\t\t} );\n\t\t} ),\n\t};\n\n\treturn [ headingsExample, ...nonHeadingBlockExamples ];\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\tgetCategories()\n\t\t\t\t.filter( ( category ) =>\n\t\t\t\t\texamples.some(\n\t\t\t\t\t\t( example ) => example.category === category.slug\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t\t.map( ( category ) => ( {\n\t\t\t\t\tname: category.slug,\n\t\t\t\t\ttitle: category.title,\n\t\t\t\t\ticon: category.icon,\n\t\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<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.name }\n\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\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\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.name }\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\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.name }\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\tconst buttonModeStyles = onClick\n\t\t? 'body { cursor: pointer; } body { pointer-events: none; }'\n\t\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{\n\t\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t\t`.is-root-container { display: flow-root; }\n\t\t\t\t\t\tbody { position: relative; padding: 32px !important; }` +\n\t\t\t\t\t\tSTYLE_BOOK_IFRAME_STYLES +\n\t\t\t\t\t\tbuttonModeStyles\n\t\t\t\t}\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\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{ examples\n\t\t\t\t\t.filter( ( example ) =>\n\t\t\t\t\t\tcategory ? example.category === category : true\n\t\t\t\t\t)\n\t\t\t\t\t.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</Composite>\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":"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","ignoreList":[]}
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,EAAI,WAAWnE,OAAO,CAACmD,IAAM,EAAG;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,GAXK,eAAeyF,WAAW,CAACrE,IAAM,EAYxB,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,EAAI,WAAWnE,OAAO,CAACmD,IAAM,EAAG;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":[]}

package/build/components/style-book/types.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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":[]}

package/build/store/selectors.js CHANGED Viewed

@@ -215,7 +215,7 @@ const __experimentalGetInsertionPoint = exports.__experimentalGetInsertionPoint
     since: '6.5',
     version: '6.7'
   });
-  return (0, _lockUnlock.unlock)(select(_editor.store)).getInsertionPoint();
+  return (0, _lockUnlock.unlock)(select(_editor.store)).getInserter();
 });
 /**

package/build/store/selectors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_coreData","require","_data","_deprecated","_interopRequireDefault","_element","_preferences","_editor","_blockEditor","_lockUnlock","_constants","_getFilteredTemplateParts","isFeatureActive","exports","createRegistrySelector","select","_","featureName","deprecated","since","alternative","preferencesStore","get","__experimentalGetPreviewDeviceType","version","editorStore","getDeviceType","getCanUserCreateMedia","coreDataStore","canUser","getReusableBlocks","isWeb","Platform","OS","getEntityRecords","per_page","getSettings","state","settings","getHomeTemplateId","getEditedPostType","editedPost","postType","getEditedPostId","id","getEditedPostContext","context","getPage","isInserterOpened","__experimentalGetInsertionPoint","unlock","getInsertionPoint","isListViewOpened","isSaveViewOpened","saveViewPanel","getBlocksAndTemplateParts","templateParts","TEMPLATE_PART_POST_TYPE","getBlocksByName","getBlocksByClientId","blockEditorStore","clientIds","blocks","getCurrentTemplateTemplateParts","createSelector","getFilteredTemplatePartBlocks","getEditorMode","getCurrentTemplateNavigationPanelSubMenu","getNavigationPanelActiveMenu","isNavigationOpened","isPage","postId","hasPageContentFocus"],"sources":["@wordpress/edit-site/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { createRegistrySelector, createSelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { Platform } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../lock-unlock';\nimport { TEMPLATE_PART_POST_TYPE } from '../utils/constants';\nimport getFilteredTemplatePartBlocks from '../utils/get-filtered-template-parts';\n\n/\n @typedef {'template'\|'template_type'} TemplateType Template type.\n /\n\n/\n Returns whether the given feature is enabled or not.\n \n @deprecated\n * @param {Object} state Global application state.\n * @param {string} featureName Feature slug.\n \n @return {boolean} Is active.\n /\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( _, featureName ) => {\n\t\tdeprecated( `select( 'core/edit-site' ).isFeatureActive`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `select( 'core/preferences' ).get`,\n\t\t} );\n\n\t\treturn !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\tfeatureName\n\t\t);\n\t}\n);\n\n/\n Returns the current editing canvas device type.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {string} Device type.\n /\nexport const __experimentalGetPreviewDeviceType = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetPreviewDeviceType`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t\talternative: `select( 'core/editor' ).getDeviceType`,\n\t\t\t}\n\t\t);\n\t\treturn select( editorStore ).getDeviceType();\n\t}\n);\n\n/\n Returns whether the current user can create media or not.\n \n @param {Object} state Global application state.\n \n @return {Object} Whether the current user can create media or not.\n /\nexport const getCanUserCreateMedia = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/edit-site' ).getCanUserCreateMedia()`,\n\t\t\t{\n\t\t\t\tsince: '6.7',\n\t\t\t\talternative: `wp.data.select( 'core' ).canUser( 'create', { kind: 'root', type: 'media' } )`,\n\t\t\t}\n\t\t);\n\n\t\treturn select( coreDataStore ).canUser( 'create', 'media' );\n\t}\n);\n\n/\n Returns any available Reusable blocks.\n \n @param {Object} state Global application state.\n \n @return {Array} The available reusable blocks.\n /\nexport const getReusableBlocks = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).getReusableBlocks()`, {\n\t\tsince: '6.5',\n\t\tversion: '6.8',\n\t\talternative: `select( 'core/core' ).getEntityRecords( 'postType', 'wp_block' )`,\n\t} );\n\tconst isWeb = Platform.OS === 'web';\n\treturn isWeb\n\t\t? select( coreDataStore ).getEntityRecords( 'postType', 'wp_block', {\n\t\t\t\tper_page: -1,\n\t\t } )\n\t\t: [];\n} );\n\n/\n Returns the site editor settings.\n \n @param {Object} state Global application state.\n \n @return {Object} Settings.\n /\nexport function getSettings( state ) {\n\t// It is important that we don't inject anything into these settings locally.\n\t// The reason for this is that we have an effect in place that calls setSettings based on the previous value of getSettings.\n\t// If we add computed settings here, we'll be adding these computed settings to the state which is very unexpected.\n\treturn state.settings;\n}\n\n/\n @deprecated\n /\nexport function getHomeTemplateId() {\n\tdeprecated( \"select( 'core/edit-site' ).getHomeTemplateId\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n Returns the current edited post type (wp_template or wp_template_part).\n \n @param {Object} state Global application state.\n \n @return {?TemplateType} Template type.\n /\nexport function getEditedPostType( state ) {\n\treturn state.editedPost.postType;\n}\n\n/\n Returns the ID of the currently edited template or template part.\n \n @param {Object} state Global application state.\n \n @return {?string} Post ID.\n /\nexport function getEditedPostId( state ) {\n\treturn state.editedPost.id;\n}\n\n/\n Returns the edited post's context object.\n \n @deprecated\n * @param {Object} state Global application state.\n \n @return {Object} Page.\n /\nexport function getEditedPostContext( state ) {\n\treturn state.editedPost.context;\n}\n\n/\n Returns the current page object.\n \n @deprecated\n * @param {Object} state Global application state.\n \n @return {Object} Page.\n /\nexport function getPage( state ) {\n\treturn { context: state.editedPost.context };\n}\n\n/\n Returns true if the inserter is opened.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether the inserter is opened.\n /\nexport const isInserterOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isInserterOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isInserterOpened`,\n\t} );\n\treturn select( editorStore ).isInserterOpened();\n} );\n\n/\n Get the insertion point for the inserter.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {Object} The root client ID, index to insert at and starting filter value.\n /\nexport const __experimentalGetInsertionPoint = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetInsertionPoint`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t}\n\t\t);\n\t\treturn unlock( select( editorStore ) ).getInsertionPoint();\n\t}\n);\n\n/\n Returns true if the list view is opened.\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether the list view is opened.\n /\nexport const isListViewOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isListViewOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isListViewOpened`,\n\t} );\n\treturn select( editorStore ).isListViewOpened();\n} );\n\n/\n Returns the current opened/closed state of the save panel.\n \n @param {Object} state Global application state.\n \n @return {boolean} True if the save panel should be open; false if closed.\n /\nexport function isSaveViewOpened( state ) {\n\treturn state.saveViewPanel;\n}\n\nfunction getBlocksAndTemplateParts( select ) {\n\tconst templateParts = select( coreDataStore ).getEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\tconst { getBlocksByName, getBlocksByClientId } = select( blockEditorStore );\n\n\tconst clientIds = getBlocksByName( 'core/template-part' );\n\tconst blocks = getBlocksByClientId( clientIds );\n\treturn [ blocks, templateParts ];\n}\n\n/\n Returns the template parts and their blocks for the current edited template.\n \n @deprecated\n * @param {Object} state Global application state.\n * @return {Array} Template parts and their blocks in an array.\n /\nexport const getCurrentTemplateTemplateParts = createRegistrySelector(\n\t( select ) =>\n\t\tcreateSelector(\n\t\t\t() => {\n\t\t\t\tdeprecated(\n\t\t\t\t\t`select( 'core/edit-site' ).getCurrentTemplateTemplateParts()`,\n\t\t\t\t\t{\n\t\t\t\t\t\tsince: '6.7',\n\t\t\t\t\t\tversion: '6.9',\n\t\t\t\t\t\talternative: `select( 'core/block-editor' ).getBlocksByName( 'core/template-part' )`,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\treturn getFilteredTemplatePartBlocks(\n\t\t\t\t\t...getBlocksAndTemplateParts( select )\n\t\t\t\t);\n\t\t\t},\n\t\t\t() => getBlocksAndTemplateParts( select )\n\t\t)\n);\n\n/\n Returns the current editing mode.\n \n @param {Object} state Global application state.\n \n @return {string} Editing mode.\n /\nexport const getEditorMode = createRegistrySelector( ( select ) => () => {\n\treturn select( preferencesStore ).get( 'core', 'editorMode' );\n} );\n\n/\n @deprecated\n /\nexport function getCurrentTemplateNavigationPanelSubMenu() {\n\tdeprecated(\n\t\t\"dispatch( 'core/edit-site' ).getCurrentTemplateNavigationPanelSubMenu\",\n\t\t{\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t}\n\t);\n}\n\n/\n @deprecated\n /\nexport function getNavigationPanelActiveMenu() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).getNavigationPanelActiveMenu\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n @deprecated\n /\nexport function isNavigationOpened() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).isNavigationOpened\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n Whether or not the editor has a page loaded into it.\n \n @see setPage\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether or not the editor has a page loaded into it.\n /\nexport function isPage( state ) {\n\treturn !! state.editedPost.context?.postId;\n}\n\n/\n Whether or not the editor allows only page content to be edited.\n \n @deprecated\n \n @return {boolean} Whether or not focus is on editing page content.\n */\nexport function hasPageContentFocus() {\n\tdeprecated( `select( 'core/edit-site' ).hasPageContentFocus`, {\n\t\tsince: '6.5',\n\t} );\n\n\treturn false;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_coreData","require","_data","_deprecated","_interopRequireDefault","_element","_preferences","_editor","_blockEditor","_lockUnlock","_constants","_getFilteredTemplateParts","isFeatureActive","exports","createRegistrySelector","select","_","featureName","deprecated","since","alternative","preferencesStore","get","__experimentalGetPreviewDeviceType","version","editorStore","getDeviceType","getCanUserCreateMedia","coreDataStore","canUser","getReusableBlocks","isWeb","Platform","OS","getEntityRecords","per_page","getSettings","state","settings","getHomeTemplateId","getEditedPostType","editedPost","postType","getEditedPostId","id","getEditedPostContext","context","getPage","isInserterOpened","__experimentalGetInsertionPoint","unlock","getInserter","isListViewOpened","isSaveViewOpened","saveViewPanel","getBlocksAndTemplateParts","templateParts","TEMPLATE_PART_POST_TYPE","getBlocksByName","getBlocksByClientId","blockEditorStore","clientIds","blocks","getCurrentTemplateTemplateParts","createSelector","getFilteredTemplatePartBlocks","getEditorMode","getCurrentTemplateNavigationPanelSubMenu","getNavigationPanelActiveMenu","isNavigationOpened","isPage","postId","hasPageContentFocus"],"sources":["@wordpress/edit-site/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { createRegistrySelector, createSelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { Platform } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../lock-unlock';\nimport { TEMPLATE_PART_POST_TYPE } from '../utils/constants';\nimport getFilteredTemplatePartBlocks from '../utils/get-filtered-template-parts';\n\n/\n @typedef {'template'\|'template_type'} TemplateType Template type.\n /\n\n/\n Returns whether the given feature is enabled or not.\n \n @deprecated\n * @param {Object} state Global application state.\n * @param {string} featureName Feature slug.\n \n @return {boolean} Is active.\n /\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( _, featureName ) => {\n\t\tdeprecated( `select( 'core/edit-site' ).isFeatureActive`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `select( 'core/preferences' ).get`,\n\t\t} );\n\n\t\treturn !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\tfeatureName\n\t\t);\n\t}\n);\n\n/\n Returns the current editing canvas device type.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {string} Device type.\n /\nexport const __experimentalGetPreviewDeviceType = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetPreviewDeviceType`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t\talternative: `select( 'core/editor' ).getDeviceType`,\n\t\t\t}\n\t\t);\n\t\treturn select( editorStore ).getDeviceType();\n\t}\n);\n\n/\n Returns whether the current user can create media or not.\n \n @param {Object} state Global application state.\n \n @return {Object} Whether the current user can create media or not.\n /\nexport const getCanUserCreateMedia = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/edit-site' ).getCanUserCreateMedia()`,\n\t\t\t{\n\t\t\t\tsince: '6.7',\n\t\t\t\talternative: `wp.data.select( 'core' ).canUser( 'create', { kind: 'root', type: 'media' } )`,\n\t\t\t}\n\t\t);\n\n\t\treturn select( coreDataStore ).canUser( 'create', 'media' );\n\t}\n);\n\n/\n Returns any available Reusable blocks.\n \n @param {Object} state Global application state.\n \n @return {Array} The available reusable blocks.\n /\nexport const getReusableBlocks = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).getReusableBlocks()`, {\n\t\tsince: '6.5',\n\t\tversion: '6.8',\n\t\talternative: `select( 'core/core' ).getEntityRecords( 'postType', 'wp_block' )`,\n\t} );\n\tconst isWeb = Platform.OS === 'web';\n\treturn isWeb\n\t\t? select( coreDataStore ).getEntityRecords( 'postType', 'wp_block', {\n\t\t\t\tper_page: -1,\n\t\t } )\n\t\t: [];\n} );\n\n/\n Returns the site editor settings.\n \n @param {Object} state Global application state.\n \n @return {Object} Settings.\n /\nexport function getSettings( state ) {\n\t// It is important that we don't inject anything into these settings locally.\n\t// The reason for this is that we have an effect in place that calls setSettings based on the previous value of getSettings.\n\t// If we add computed settings here, we'll be adding these computed settings to the state which is very unexpected.\n\treturn state.settings;\n}\n\n/\n @deprecated\n /\nexport function getHomeTemplateId() {\n\tdeprecated( \"select( 'core/edit-site' ).getHomeTemplateId\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n Returns the current edited post type (wp_template or wp_template_part).\n \n @param {Object} state Global application state.\n \n @return {?TemplateType} Template type.\n /\nexport function getEditedPostType( state ) {\n\treturn state.editedPost.postType;\n}\n\n/\n Returns the ID of the currently edited template or template part.\n \n @param {Object} state Global application state.\n \n @return {?string} Post ID.\n /\nexport function getEditedPostId( state ) {\n\treturn state.editedPost.id;\n}\n\n/\n Returns the edited post's context object.\n \n @deprecated\n * @param {Object} state Global application state.\n \n @return {Object} Page.\n /\nexport function getEditedPostContext( state ) {\n\treturn state.editedPost.context;\n}\n\n/\n Returns the current page object.\n \n @deprecated\n * @param {Object} state Global application state.\n \n @return {Object} Page.\n /\nexport function getPage( state ) {\n\treturn { context: state.editedPost.context };\n}\n\n/\n Returns true if the inserter is opened.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether the inserter is opened.\n /\nexport const isInserterOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isInserterOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isInserterOpened`,\n\t} );\n\treturn select( editorStore ).isInserterOpened();\n} );\n\n/\n Get the insertion point for the inserter.\n \n @deprecated\n \n @param {Object} state Global application state.\n \n @return {Object} The root client ID, index to insert at and starting filter value.\n /\nexport const __experimentalGetInsertionPoint = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetInsertionPoint`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t}\n\t\t);\n\t\treturn unlock( select( editorStore ) ).getInserter();\n\t}\n);\n\n/\n Returns true if the list view is opened.\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether the list view is opened.\n /\nexport const isListViewOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isListViewOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isListViewOpened`,\n\t} );\n\treturn select( editorStore ).isListViewOpened();\n} );\n\n/\n Returns the current opened/closed state of the save panel.\n \n @param {Object} state Global application state.\n \n @return {boolean} True if the save panel should be open; false if closed.\n /\nexport function isSaveViewOpened( state ) {\n\treturn state.saveViewPanel;\n}\n\nfunction getBlocksAndTemplateParts( select ) {\n\tconst templateParts = select( coreDataStore ).getEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\tconst { getBlocksByName, getBlocksByClientId } = select( blockEditorStore );\n\n\tconst clientIds = getBlocksByName( 'core/template-part' );\n\tconst blocks = getBlocksByClientId( clientIds );\n\treturn [ blocks, templateParts ];\n}\n\n/\n Returns the template parts and their blocks for the current edited template.\n \n @deprecated\n * @param {Object} state Global application state.\n * @return {Array} Template parts and their blocks in an array.\n /\nexport const getCurrentTemplateTemplateParts = createRegistrySelector(\n\t( select ) =>\n\t\tcreateSelector(\n\t\t\t() => {\n\t\t\t\tdeprecated(\n\t\t\t\t\t`select( 'core/edit-site' ).getCurrentTemplateTemplateParts()`,\n\t\t\t\t\t{\n\t\t\t\t\t\tsince: '6.7',\n\t\t\t\t\t\tversion: '6.9',\n\t\t\t\t\t\talternative: `select( 'core/block-editor' ).getBlocksByName( 'core/template-part' )`,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\treturn getFilteredTemplatePartBlocks(\n\t\t\t\t\t...getBlocksAndTemplateParts( select )\n\t\t\t\t);\n\t\t\t},\n\t\t\t() => getBlocksAndTemplateParts( select )\n\t\t)\n);\n\n/\n Returns the current editing mode.\n \n @param {Object} state Global application state.\n \n @return {string} Editing mode.\n /\nexport const getEditorMode = createRegistrySelector( ( select ) => () => {\n\treturn select( preferencesStore ).get( 'core', 'editorMode' );\n} );\n\n/\n @deprecated\n /\nexport function getCurrentTemplateNavigationPanelSubMenu() {\n\tdeprecated(\n\t\t\"dispatch( 'core/edit-site' ).getCurrentTemplateNavigationPanelSubMenu\",\n\t\t{\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t}\n\t);\n}\n\n/\n @deprecated\n /\nexport function getNavigationPanelActiveMenu() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).getNavigationPanelActiveMenu\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n @deprecated\n /\nexport function isNavigationOpened() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).isNavigationOpened\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/\n Whether or not the editor has a page loaded into it.\n \n @see setPage\n \n @param {Object} state Global application state.\n \n @return {boolean} Whether or not the editor has a page loaded into it.\n /\nexport function isPage( state ) {\n\treturn !! state.editedPost.context?.postId;\n}\n\n/\n Whether or not the editor allows only page content to be edited.\n \n @deprecated\n \n @return {boolean} Whether or not focus is on editing page content.\n */\nexport function hasPageContentFocus() {\n\tdeprecated( `select( 'core/edit-site' ).hasPageContentFocus`, {\n\t\tsince: '6.5',\n\t} );\n\n\treturn false;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/editor-canvas-container/index.js CHANGED Viewed

@@ -102,7 +102,7 @@ function EditorCanvasContainer({
           onKeyDown: closeOnEscape,
           "aria-label": title,
           children: [shouldShowCloseButton && /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
+            size: "compact",
             className: "edit-site-editor-canvas-container__close-button",
             icon: closeSmall,
             label: closeButtonLabel || __('Close'),

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Children","cloneElement","useState","Button","__experimentalUseSlotFills","useSlotFills","ESCAPE","__","useDispatch","useSelect","closeSmall","useFocusOnMount","useFocusReturn","store","preferencesStore","editorStore","privateApis","editorPrivateApis","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","EditorContentSlotFill","ResizableEditor","getEditorCanvasContainerTitle","view","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","select","_editorCanvasContainerView","getEditorCanvasContainerView","_showListViewByDefault","get","isClosed","setIsClosed","setEditorCanvasContainerView","setIsListViewOpened","focusOnMountRef","sectionFocusReturnRef","onCloseContainer","undefined","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","map","child","index","ref","title","shouldShowCloseButton","Fill","className","onKeyDown","~~__next40pxDefaultSize~~","icon","label","onClick","useHasEditorCanvasContainer","fills","privateKey","length"],"sources":["@wordpress/edit-site/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\~~t__next40pxDefaultSize~~\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.privateKey );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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~~qBAAqB~~;~~YACrBF~~,SAAS,EAAC,iDAAiD;YAC3DG,IAAI,EAAGxD,UAAY;YACnByD,KAAK,EAAGrC,gBAAgB,IAAIvB,EAAE,CAAE,OAAQ,CAAG;YAC3C6D,OAAO,EAAGtB;UAAkB,CAC5B,CACD,EACCO,iBAAiB;QAAA,CACX;MAAC,CACM;IAAC,CACd;EAAC,CACqB,CAAC;AAE/B;AAEA,SAASgB,2BAA2BA,CAAA,EAAG;EACtC,MAAMC,KAAK,GAAGjE,YAAY,CAAEmB,qBAAqB,CAAC+C,UAAW,CAAC;EAC9D,OAAO,CAAC,CAAED,KAAK,EAAEE,MAAM;AACxB;AAEA,eAAe5C,qBAAqB;AACpC,SAASyC,2BAA2B,EAAE3C,6BAA6B","ignoreList":[]}
1	+ {"version":3,"names":["Children","cloneElement","useState","Button","__experimentalUseSlotFills","useSlotFills","ESCAPE","__","useDispatch","useSelect","closeSmall","useFocusOnMount","useFocusReturn","store","preferencesStore","editorStore","privateApis","editorPrivateApis","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","EditorContentSlotFill","ResizableEditor","getEditorCanvasContainerTitle","view","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","select","_editorCanvasContainerView","getEditorCanvasContainerView","_showListViewByDefault","get","isClosed","setIsClosed","setEditorCanvasContainerView","setIsListViewOpened","focusOnMountRef","sectionFocusReturnRef","onCloseContainer","undefined","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","map","child","index","ref","title","shouldShowCloseButton","Fill","className","onKeyDown","size","icon","label","onClick","useHasEditorCanvasContainer","fills","privateKey","length"],"sources":["@wordpress/edit-site/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.privateKey );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/font-library-modal/font-card.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { _n, sprintf, isRTL } from '@wordpress/i18n';
-import { __experimentalUseNavigator as useNavigator, __experimentalText as Text, Button, Flex, FlexItem, Icon } from '@wordpress/components';
+import { useNavigator, __experimentalText as Text, Button, Flex, FlexItem, Icon } from '@wordpress/components';
 /**
  * Internal dependencies

package/build-module/components/global-styles/font-library-modal/font-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_n","sprintf","isRTL","~~__experimentalUseNavigator","~~useNavigator","__experimentalText","Text","Button","Flex","FlexItem","Icon","FontDemo","chevronLeft","chevronRight","jsx","_jsx","jsxs","_jsxs","FontCard","font","onClick","variantsText","navigatorPath","variantsCount","fontFace","length","style","cursor","navigator","__next40pxDefaultSize","goTo","className","children","justify","wrap","icon"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-card.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { _n, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\~~t__experimentalUseNavigator as useNavigator~~,\n\t__experimentalText as Text,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tIcon,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport FontDemo from './font-demo';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\nfunction FontCard( { font, onClick, variantsText, navigatorPath } ) {\n\tconst variantsCount = font.fontFace?.length \|\| 1;\n\n\tconst style = {\n\t\tcursor: !! onClick ? 'pointer' : 'default',\n\t};\n\n\tconst navigator = useNavigator();\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tonClick={ () => {\n\t\t\t\tonClick();\n\t\t\t\tif ( navigatorPath ) {\n\t\t\t\t\tnavigator.goTo( navigatorPath );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tstyle={ style }\n\t\t\tclassName=\"font-library-modal__font-card\"\n\t\t>\n\t\t\t<Flex justify=\"space-between\" wrap={ false }>\n\t\t\t\t<FontDemo font={ font } />\n\t\t\t\t<Flex justify=\"flex-end\">\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Text className=\"font-library-modal__font-card__count\">\n\t\t\t\t\t\t\t{ variantsText \|\|\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %d: Number of font variants. */\n\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t'%d variant',\n\t\t\t\t\t\t\t\t\t\t'%d variants',\n\t\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n\nexport default FontCard;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AACpD,SACCC,~~0BAA0B,IAAIC,~~YAAY,~~EAC1CC~~,kBAAkB,IAAIC,IAAI,EAC1BC,MAAM,EACNC,IAAI,EACJC,QAAQ,EACRC,IAAI,QACE,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EACnE,MAAMC,aAAa,GAAGJ,IAAI,CAACK,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEhD,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAE,CAAC,CAAEP,OAAO,GAAG,SAAS,GAAG;EAClC,CAAC;EAED,MAAMQ,SAAS,GAAGxB,YAAY,CAAC,CAAC;EAEhC,oBACCW,IAAA,CAACR,MAAM;IACNsB,qBAAqB;IACrBT,OAAO,EAAGA,CAAA,KAAM;MACfA,OAAO,CAAC,CAAC;MACT,IAAKE,aAAa,EAAG;QACpBM,SAAS,CAACE,IAAI,CAAER,aAAc,CAAC;MAChC;IACD,CAAG;IACHI,KAAK,EAAGA,KAAO;IACfK,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAEzCf,KAAA,CAACT,IAAI;MAACyB,OAAO,EAAC,eAAe;MAACC,IAAI,EAAG,KAAO;MAAAF,QAAA,gBAC3CjB,IAAA,CAACJ,QAAQ;QAACQ,IAAI,EAAGA;MAAM,CAAE,CAAC,eAC1BF,KAAA,CAACT,IAAI;QAACyB,OAAO,EAAC,UAAU;QAAAD,QAAA,gBACvBjB,IAAA,CAACN,QAAQ;UAAAuB,QAAA,eACRjB,IAAA,CAACT,IAAI;YAACyB,SAAS,EAAC,sCAAsC;YAAAC,QAAA,EACnDX,YAAY,~~IACbpB~~,OAAO,EACN;YACAD,EAAE,CACD,YAAY,EACZ,aAAa,~~EACbuB~~,aACD,CAAC,EACDA,aACD;UAAC,CACG;QAAC,CACE,CAAC,eACXR,IAAA,CAACN,QAAQ;UAAAuB,QAAA,eACRjB,IAAA,CAACL,IAAI;YAACyB,IAAI,~~EAAGjC~~,KAAK,CAAC,CAAC,~~GAAGU~~,WAAW,GAAGC;UAAc,CAAE;QAAC,CAC7C,CAAC;MAAA,CACN,CAAC;IAAA,CACF;EAAC,CACA,CAAC;AAEX;AAEA,eAAeK,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["_n","sprintf","isRTL","useNavigator","__experimentalText","Text","Button","Flex","FlexItem","Icon","FontDemo","chevronLeft","chevronRight","jsx","_jsx","jsxs","_jsxs","FontCard","font","onClick","variantsText","navigatorPath","variantsCount","fontFace","length","style","cursor","navigator","__next40pxDefaultSize","goTo","className","children","justify","wrap","icon"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-card.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { _n, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tuseNavigator,\n\t__experimentalText as Text,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tIcon,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport FontDemo from './font-demo';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\nfunction FontCard( { font, onClick, variantsText, navigatorPath } ) {\n\tconst variantsCount = font.fontFace?.length \|\| 1;\n\n\tconst style = {\n\t\tcursor: !! onClick ? 'pointer' : 'default',\n\t};\n\n\tconst navigator = useNavigator();\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tonClick={ () => {\n\t\t\t\tonClick();\n\t\t\t\tif ( navigatorPath ) {\n\t\t\t\t\tnavigator.goTo( navigatorPath );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tstyle={ style }\n\t\t\tclassName=\"font-library-modal__font-card\"\n\t\t>\n\t\t\t<Flex justify=\"space-between\" wrap={ false }>\n\t\t\t\t<FontDemo font={ font } />\n\t\t\t\t<Flex justify=\"flex-end\">\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Text className=\"font-library-modal__font-card__count\">\n\t\t\t\t\t\t\t{ variantsText \|\|\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %d: Number of font variants. */\n\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t'%d variant',\n\t\t\t\t\t\t\t\t\t\t'%d variants',\n\t\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n\nexport default FontCard;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AACpD,SACCC,YAAY,EACZC,kBAAkB,IAAIC,IAAI,EAC1BC,MAAM,EACNC,IAAI,EACJC,QAAQ,EACRC,IAAI,QACE,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EACnE,MAAMC,aAAa,GAAGJ,IAAI,CAACK,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEhD,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAE,CAAC,CAAEP,OAAO,GAAG,SAAS,GAAG;EAClC,CAAC;EAED,MAAMQ,SAAS,GAAGxB,YAAY,CAAC,CAAC;EAEhC,oBACCW,IAAA,CAACR,MAAM;IACNsB,qBAAqB;IACrBT,OAAO,EAAGA,CAAA,KAAM;MACfA,OAAO,CAAC,CAAC;MACT,IAAKE,aAAa,EAAG;QACpBM,SAAS,CAACE,IAAI,CAAER,aAAc,CAAC;MAChC;IACD,CAAG;IACHI,KAAK,EAAGA,KAAO;IACfK,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAEzCf,KAAA,CAACT,IAAI;MAACyB,OAAO,EAAC,eAAe;MAACC,IAAI,EAAG,KAAO;MAAAF,QAAA,gBAC3CjB,IAAA,CAACJ,QAAQ;QAACQ,IAAI,EAAGA;MAAM,CAAE,CAAC,eAC1BF,KAAA,CAACT,IAAI;QAACyB,OAAO,EAAC,UAAU;QAAAD,QAAA,gBACvBjB,IAAA,CAACN,QAAQ;UAAAuB,QAAA,eACRjB,IAAA,CAACT,IAAI;YAACyB,SAAS,EAAC,sCAAsC;YAAAC,QAAA,EACnDX,YAAY,IACbnB,OAAO,EACN;YACAD,EAAE,CACD,YAAY,EACZ,aAAa,EACbsB,aACD,CAAC,EACDA,aACD;UAAC,CACG;QAAC,CACE,CAAC,eACXR,IAAA,CAACN,QAAQ;UAAAuB,QAAA,eACRjB,IAAA,CAACL,IAAI;YAACyB,IAAI,EAAGhC,KAAK,CAAC,CAAC,GAAGS,WAAW,GAAGC;UAAc,CAAE;QAAC,CAC7C,CAAC;MAAA,CACN,CAAC;IAAA,CACF;EAAC,CACA,CAAC;AAEX;AAEA,eAAeK,QAAQ","ignoreList":[]}

package/build-module/components/global-styles/font-library-modal/font-collection.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { useContext, useEffect, useState, useMemo, createInterpolateElement } from '@wordpress/element';
-import { __experimentalSpacer as Spacer, __experimentalText as Text, __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, __experimentalNavigatorBackButton as NavigatorBackButton, __experimentalHeading as Heading, Notice, SelectControl, FlexItem, Flex, Button, DropdownMenu, SearchControl, ProgressBar, CheckboxControl } from '@wordpress/components';
+import { __experimentalSpacer as Spacer, __experimentalText as Text, __experimentalHStack as HStack, __experimentalVStack as VStack, Navigator, __experimentalHeading as Heading, Notice, SelectControl, FlexItem, Flex, Button, DropdownMenu, SearchControl, ProgressBar, CheckboxControl } from '@wordpress/components';
 import { debounce } from '@wordpress/compose';
 import { sprintf, __, _x, isRTL } from '@wordpress/i18n';
 import { moreVertical, chevronLeft, chevronRight } from '@wordpress/icons';
@@ -213,10 +213,10 @@ function FontCollection({
       className: "font-library-modal__loading",
       children: /*#__PURE__*/_jsx(ProgressBar, {})
     }), !isLoading && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs(NavigatorProvider, {
+      children: [/*#__PURE__*/_jsxs(Navigator, {
         initialPath: "/",
         className: "font-library-modal__tabpanel-layout",
-        children: [/*#__PURE__*/_jsxs(NavigatorScreen, {
+        children: [/*#__PURE__*/_jsxs(Navigator.Screen, {
           path: "/",
           children: [/*#__PURE__*/_jsxs(HStack, {
             justify: "space-between",
@@ -276,11 +276,11 @@ function FontCollection({
               }, font.font_family_settings.slug))
             })
           })]
-        }), /*#__PURE__*/_jsxs(NavigatorScreen, {
+        }), /*#__PURE__*/_jsxs(Navigator.Screen, {
           path: "/fontFamily",
           children: [/*#__PURE__*/_jsxs(Flex, {
             justify: "flex-start",
-            children: [/*#__PURE__*/_jsx(NavigatorBackButton, {
+            children: [/*#__PURE__*/_jsx(Navigator.BackButton, {
               icon: isRTL() ? chevronRight : chevronLeft,
               size: "small",
               onClick: () => {