npm - @wordpress/edit-site - Versions diffs - 5.34.0 → 6.0.0 - Mend

@wordpress/edit-site 5.34.0 → 6.0.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 (977) hide show

package/build-module/components/site-hub/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","external","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","createElement","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","justify","spacing","layout","animate","scale","whileHover","as","opacity","exit","delay","expanded","target","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search, external } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink \|\| 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ classnames( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tlayout\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</Button>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: isTransparent ? 0 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__site-view-link\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","jsx","_jsx","jsxs","_jsxs","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","children","justify","spacing","layout","animate","scale","whileHover","as","opacity","exit","delay","variant","target","expanded","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink \|\| 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ clsx( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tlayout\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</Button>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: isTransparent ? 0 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,MAAM,EACNC,gBAAgB,IAAIC,MAAM,EAC1BC,yBAAyB,IAAIC,eAAe,EAC5CC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;AACzD,SAASF,KAAK,IAAIG,WAAW,QAAQ,mBAAmB;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASN,KAAK,IAAIO,aAAa,QAAQ,qBAAqB;AAC5D,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,mBAAmB,QAAQ,gBAAgB;;AAEpD;AACA;AACA;AACA,SAAST,KAAK,IAAIU,aAAa,QAAQ,aAAa;AACpD,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,sBAAsB,GAAG,GAAG;AAElC,MAAMC,OAAO,GAAGb,IAAI,CAAE,CAAE;EAAEc,aAAa;EAAEC;AAAU,CAAC,KAAM;EACzD,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGnC,SAAS,CAChEoC,MAAM,IAAM;IACb,MAAM;MAAEC,aAAa;MAAEC;IAAY,CAAC,GAAGf,MAAM,CAC5Ca,MAAM,CAAEf,aAAc,CACvB,CAAC;IAED,MAAM;MACLkB,OAAO;MACPC,eAAe,CAAE;IAClB,CAAC,GAAGJ,MAAM,CAAEvB,SAAU,CAAC;IACvB,MAAM4B,KAAK,GAAGF,OAAO,CAAC,CAAC;IACvB,OAAO;MACNP,UAAU,EAAEK,aAAa,CAAC,CAAC;MAC3BJ,aAAa,EACZK,WAAW,CAAC,CAAC,CAACI,2BAA2B,IAAI,WAAW;MACzDR,OAAO,EAAEM,eAAe,CAAC,CAAC,EAAEG,IAAI;MAChCR,SAAS,EACR,CAAEM,KAAK,EAAEG,KAAK,IAAI,CAAC,CAAEH,KAAK,EAAEI,GAAG,GAC5BzB,mBAAmB,CAAEqB,KAAK,EAAEI,GAAI,CAAC,GACjCJ,KAAK,EAAEG;IACZ,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEE,IAAI,EAAEC;EAAkB,CAAC,GAAG9C,WAAW,CAAEiB,aAAc,CAAC;EAEhE,MAAM8B,aAAa,GAAGvC,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEwC;EAAc,CAAC,GAAG1B,MAAM,CAAEtB,WAAW,CAAEoB,aAAc,CAAE,CAAC;EAChE,MAAM;IAAE6B;EAAmB,CAAC,GAAGjD,WAAW,CAAEW,gBAAiB,CAAC;EAC9D,MAAM;IAAEuC;EAAc,CAAC,GAAGlD,WAAW,CAAEa,WAAY,CAAC;EACpD,MAAMsC,uBAAuB,GAAGpB,UAAU,KAAK,MAAM;EACrD,MAAMqB,mBAAmB,GAAGD,uBAAuB,GAChD;IACAE,IAAI,EAAErB,aAAa;IACnBsB,KAAK,EAAE7C,EAAE,CAAE,qBAAsB;EACjC,CAAC,GACD;IACA4C,IAAI,EAAErB,aAAa;IAAE;IACrBuB,IAAI,EAAE,QAAQ;IACdD,KAAK,EAAE7C,EAAE,CAAE,iBAAkB,CAAC;IAC9B+C,OAAO,EAAIC,KAAK,IAAM;MACrBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB,IAAK3B,UAAU,KAAK,MAAM,EAAG;QAC5BkB,kBAAkB,CAAC,CAAC;QACpBC,aAAa,CAAE,SAAU,CAAC;QAC1BF,aAAa,CAAE,MAAO,CAAC;MACxB;IACD;EACA,CAAC;EAEJ,oBACCxB,IAAA,CAACrB,MAAM,CAACwD,GAAG;IACV7B,SAAS,EAAGhC,IAAI,CAAE,oBAAoB,EAAEgC,SAAU,CAAG;IACrD8B,QAAQ,EAAG;MACVC,iBAAiB,EAAE;QAAEC,CAAC,EAAE;MAAQ,CAAC;MACjCC,yBAAyB,EAAE;QAAED,CAAC,EAAE;MAAE,CAAC;MACnCE,IAAI,EAAE;QAAEF,CAAC,EAAE;MAAE,CAAC;MACdG,IAAI,EAAE;QAAEH,CAAC,EAAE;MAAE;IACd,CAAG;IACHI,OAAO,EAAG,KAAO;IACjBC,UAAU,EAAG;MACZC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAEtB,aAAa,GAAG,CAAC,GAAGpB,sBAAsB;MACpD2C,IAAI,EAAE;IACP,CAAG;IAAAC,QAAA,eAEH7C,KAAA,CAACnB,MAAM;MAACiE,OAAO,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAF,QAAA,gBACvC/C,IAAA,CAACrB,MAAM,CAACwD,GAAG;QACV7B,SAAS,EAAGhC,IAAI,CACf,gDAAgD,EAChD;UACC,4BAA4B,EAAE+B;QAC/B,CACD,CAAG;QACH6C,MAAM;QACNP,UAAU,EAAG;UACZC,IAAI,EAAE,OAAO;UACbC,QAAQ,EAAEtB,aAAa,GAAG,CAAC,GAAGpB,sBAAsB;UACpD2C,IAAI,EAAE;QACP,CAAG;QAAAC,QAAA,eAEH/C,IAAA,CAACvB,MAAM;UAAA,GACDmD,mBAAmB;UACxBtB,SAAS,EAAC,oCAAoC;UAAAyC,QAAA,eAE9C/C,IAAA,CAACrB,MAAM,CAACwD,GAAG;YACVO,OAAO,EAAG,KAAO;YACjBS,OAAO,EAAG;cACTC,KAAK,EAAE7C,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;YACtC,CAAG;YACH8C,UAAU,EAAG;cACZD,KAAK,EAAE7C,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;YACtC,CAAG;YACHoC,UAAU,EAAG;cACZC,IAAI,EAAE,OAAO;cACbC,QAAQ,EAAEtB,aAAa,GACpB,CAAC,GACDpB,sBAAsB;cACzB2C,IAAI,EAAE;YACP,CAAG;YAAAC,QAAA,eAEH/C,IAAA,CAACH,QAAQ;cAACS,SAAS,EAAC;YAAyC,CAAE;UAAC,CACrD;QAAC,CACN;MAAC,CACE,CAAC,eAEbN,IAAA,CAACnB,eAAe;QAAC6D,OAAO,EAAG,KAAO;QAAAK,QAAA,EAC/BxC,UAAU,KAAK,MAAM,iBACtBL,KAAA,CAACnB,MAAM;UACNuE,EAAE,EAAG3E,MAAM,CAACwD,GAAK;UACjBO,OAAO,EAAG;YAAEa,OAAO,EAAE;UAAE,CAAG;UAC1BJ,OAAO,EAAG;YACTI,OAAO,EAAElD,aAAa,GAAG,CAAC,GAAG;UAC9B,CAAG;UACHmD,IAAI,EAAG;YAAED,OAAO,EAAE;UAAE,CAAG;UACvBZ,UAAU,EAAG;YACZC,IAAI,EAAE,OAAO;YACbC,QAAQ,EAAEtB,aAAa,GAAG,CAAC,GAAG,GAAG;YACjCuB,IAAI,EAAE,SAAS;YACfW,KAAK,EAAElD,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;UACtC,CAAG;UAAAwC,QAAA,gBAEH/C,IAAA;YAAKM,SAAS,EAAC,2BAA2B;YAAAyC,QAAA,eACzC/C,IAAA,CAACvB,MAAM;cACNiF,OAAO,EAAC,MAAM;cACd7B,IAAI,EAAGpB,OAAS;cAChBkD,MAAM,EAAC,QAAQ;cACf7B,KAAK,EAAG7C,EAAE,CACT,gCACD,CAAG;cACH,cAAaA,EAAE,CACd,gCACD,CAAG;cAAA8D,QAAA,EAEDzD,cAAc,CAAEoB,SAAU;YAAC,CACtB;UAAC,CACL,CAAC,eACNV,IAAA,CAACjB,MAAM;YACNkE,OAAO,EAAG,CAAG;YACbW,QAAQ,EAAG,KAAO;YAClBtD,SAAS,EAAC,6BAA6B;YAAAyC,QAAA,eAEvC/C,IAAA,CAACvB,MAAM;cACN6B,SAAS,EAAC,0CAA0C;cACpDuD,IAAI,EAAGrE,MAAQ;cACfwC,OAAO,EAAGA,CAAA,KAAMV,iBAAiB,CAAC,CAAG;cACrCQ,KAAK,EAAG7C,EAAE,CAAE,sBAAuB,CAAG;cACtC6E,QAAQ,EAAGpE,eAAe,CAACqE,OAAO,CAAE,GAAI;YAAG,CAC3C;UAAC,CACK,CAAC;QAAA,CACF;MACR,CACe,CAAC;IAAA,CACX;EAAC,CACE,CAAC;AAEf,CAAE,CAAC;AAEH,eAAe3D,OAAO","ignoreList":[]}

package/build-module/components/site-icon/index.js CHANGED Viewed

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 /**
  * WordPress dependencies
@@ -12,6 +11,7 @@ import { Icon } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { wordpress } from '@wordpress/icons';
 import { store as coreDataStore } from '@wordpress/core-data';
+import { jsx as _jsx } from "react/jsx-runtime";
 function SiteIcon({
   className
 }) {
@@ -29,22 +29,23 @@ function SiteIcon({
     };
   }, []);
   if (isRequestingSite && !siteIconUrl) {
-    return createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: "edit-site-site-icon__image"
     });
   }
-  const icon = siteIconUrl ? createElement("img", {
+  const icon = siteIconUrl ? /*#__PURE__*/_jsx("img", {
     className: "edit-site-site-icon__image",
     alt: __('Site Icon'),
     src: siteIconUrl
-  }) : createElement(Icon, {
+  }) : /*#__PURE__*/_jsx(Icon, {
     className: "edit-site-site-icon__icon",
     icon: wordpress,
     size: 48
   });
-  return createElement("div", {
-    className: classnames(className, 'edit-site-site-icon')
-  }, icon);
+  return /*#__PURE__*/_jsx("div", {
+    className: clsx(className, 'edit-site-site-icon'),
+    children: icon
+  });
 }
 export default SiteIcon;
 //# sourceMappingURL=index.js.map

package/build-module/components/site-icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~classnames~~","useSelect","Icon","__","wordpress","store","coreDataStore","SiteIcon","className","isRequestingSite","siteIconUrl","select","getEntityRecord","siteData","undefined","site_icon_url","~~createElement","~~icon","alt","src","size"],"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport ~~classnames~~ from '~~classnames~~';\n\n/\n WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ ~~classnames~~( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,~~UAAU~~,MAAM,~~YAAY~~;;~~AAEnC~~;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;~~AAE7D~~,SAASC,QAAQA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAClC,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,~~GAAGT~~,SAAS,~~CAAIU~~,MAAM,IAAM;IAClE,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,~~CAAEL~~,aAAc,CAAC;IACnD,~~MAAMO~~,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEE,SAAU,CAAC;IAEvE,OAAO;MACNL,gBAAgB,EAAE,CAAEI,QAAQ;MAC5BH,WAAW,EAAEG,QAAQ,EAAEE;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKN,gBAAgB,IAAI,CAAEC,WAAW,EAAG;IACxC,~~OAAOM~~,~~aAAA~~;~~MAAKR~~,SAAS,EAAC;IAA4B,CAAE,CAAC;EACtD;EAEA,~~MAAMS~~,IAAI,~~GAAGP~~,WAAW,~~GACvBM~~,~~aAAA~~;~~IACCR~~,SAAS,EAAC,4BAA4B;~~IACtCU~~,GAAG,~~EAAGf~~,EAAE,CAAE,WAAY,CAAG;~~IACzBgB~~,GAAG,~~EAAGT~~;EAAa,CACnB,CAAC,~~GAEFM~~,~~aAAA~~,~~CAACd~~,IAAI;~~IACJM~~,SAAS,EAAC,2BAA2B;~~IACrCS~~,IAAI,~~EAAGb~~,SAAW;~~IAClBgB~~,IAAI,EAAG;EAAI,CACX,CACD;EAED,~~OACCJ~~,~~aAAA~~;~~IAAKR~~,SAAS,~~EAAGR~~,~~UAAU~~,~~CAAEQ~~,SAAS,EAAE,qBAAsB;~~EAAG~~,~~GAC9DS~~,~~IACE~~,CAAC;AAER;AAEA,~~eAAeV~~,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useSelect","Icon","__","wordpress","store","coreDataStore","jsx","_jsx","SiteIcon","className","isRequestingSite","siteIconUrl","select","getEntityRecord","siteData","undefined","site_icon_url","icon","alt","src","size","children"],"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ clsx( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,SAASC,QAAQA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAClC,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGX,SAAS,CAAIY,MAAM,IAAM;IAClE,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,aAAc,CAAC;IACnD,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEE,SAAU,CAAC;IAEvE,OAAO;MACNL,gBAAgB,EAAE,CAAEI,QAAQ;MAC5BH,WAAW,EAAEG,QAAQ,EAAEE;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKN,gBAAgB,IAAI,CAAEC,WAAW,EAAG;IACxC,oBAAOJ,IAAA;MAAKE,SAAS,EAAC;IAA4B,CAAE,CAAC;EACtD;EAEA,MAAMQ,IAAI,GAAGN,WAAW,gBACvBJ,IAAA;IACCE,SAAS,EAAC,4BAA4B;IACtCS,GAAG,EAAGhB,EAAE,CAAE,WAAY,CAAG;IACzBiB,GAAG,EAAGR;EAAa,CACnB,CAAC,gBAEFJ,IAAA,CAACN,IAAI;IACJQ,SAAS,EAAC,2BAA2B;IACrCQ,IAAI,EAAGd,SAAW;IAClBiB,IAAI,EAAG;EAAI,CACX,CACD;EAED,oBACCb,IAAA;IAAKE,SAAS,EAAGV,IAAI,CAAEU,SAAS,EAAE,qBAAsB,CAAG;IAAAY,QAAA,EACxDJ;EAAI,CACF,CAAC;AAER;AAEA,eAAeT,QAAQ","ignoreList":[]}

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

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 /**
  * WordPress dependencies
@@ -11,6 +10,7 @@ import { Disabled, privateApis as componentsPrivateApis } from '@wordpress/compo
 import { __, sprintf } from '@wordpress/i18n';
 import { getCategories, getBlockTypes, getBlockFromExample, createBlock } from '@wordpress/blocks';
 import { BlockList, privateApis as blockEditorPrivateApis, store as blockEditorStore, __unstableEditorStyles as EditorStyles, __unstableIframe as Iframe } from '@wordpress/block-editor';
+import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { useSelect } from '@wordpress/data';
 import { useResizeObserver } from '@wordpress/compose';
 import { useMemo, useState, memo, useContext } from '@wordpress/element';
@@ -21,13 +21,17 @@ import { ENTER, SPACE } from '@wordpress/keycodes';
  */
 import { unlock } from '../../lock-unlock';
 import EditorCanvasContainer from '../editor-canvas-container';
-import { mergeBaseAndUserConfigs } from '../global-styles/global-styles-provider';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   ExperimentalBlockEditorProvider,
   useGlobalStyle,
   GlobalStylesContext,
   useGlobalStylesOutputWithConfig
 } = unlock(blockEditorPrivateApis);
+const {
+  mergeBaseAndUserConfigs
+} = unlock(editorPrivateApis);
 const {
   CompositeV2: Composite,
   CompositeItemV2: CompositeItem,
@@ -161,7 +165,7 @@ function StyleBook({
   const [resizeObserver, sizes] = useResizeObserver();
   const [textColor] = useGlobalStyle('color.text');
   const [backgroundColor] = useGlobalStyle('color.background');
-  const examples = useMemo(getExamples, []);
+  const [examples] = useState(getExamples);
   const tabs = useMemo(() => getCategories().filter(category => examples.some(example => example.category === category.slug)).map(category => ({
     name: category.slug,
     title: category.title,
@@ -186,44 +190,51 @@ function StyleBook({
   }), [originalSettings]);
   const [globalStyles] = useGlobalStylesOutputWithConfig(mergedConfig);
   settings.styles = !isObjectEmpty(globalStyles) && !isObjectEmpty(userConfig) ? globalStyles : settings.styles;
-  return createElement(EditorCanvasContainer, {
+  return /*#__PURE__*/_jsx(EditorCanvasContainer, {
     onClose: onClose,
     enableResizing: enableResizing,
-    closeButtonLabel: showCloseButton ? __('Close') : null
-  }, createElement("div", {
-    className: classnames('edit-site-style-book', {
-      'is-wide': sizes.width > 600,
-      'is-button': !!onClick
-    }),
-    style: {
-      color: textColor,
-      background: backgroundColor
-    }
-  }, resizeObserver, showTabs ? createElement("div", {
-    className: "edit-site-style-book__tabs"
-  }, createElement(Tabs, null, createElement(Tabs.TabList, null, tabs.map(tab => createElement(Tabs.Tab, {
-    tabId: tab.name,
-    key: tab.name
-  }, tab.title))), tabs.map(tab => createElement(Tabs.TabPanel, {
-    key: tab.name,
-    tabId: tab.name,
-    focusable: false
-  }, createElement(StyleBookBody, {
-    category: tab.name,
-    examples: examples,
-    isSelected: isSelected,
-    onSelect: onSelect,
-    settings: settings,
-    sizes: sizes,
-    title: tab.title
-  }))))) : createElement(StyleBookBody, {
-    examples: examples,
-    isSelected: isSelected,
-    onClick: onClick,
-    onSelect: onSelect,
-    settings: settings,
-    sizes: sizes
-  })));
+    closeButtonLabel: showCloseButton ? __('Close') : null,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx('edit-site-style-book', {
+        'is-wide': sizes.width > 600,
+        'is-button': !!onClick
+      }),
+      style: {
+        color: textColor,
+        background: backgroundColor
+      },
+      children: [resizeObserver, showTabs ? /*#__PURE__*/_jsx("div", {
+        className: "edit-site-style-book__tabs",
+        children: /*#__PURE__*/_jsxs(Tabs, {
+          children: [/*#__PURE__*/_jsx(Tabs.TabList, {
+            children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
+              tabId: tab.name,
+              children: tab.title
+            }, tab.name))
+          }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
+            tabId: tab.name,
+            focusable: false,
+            children: /*#__PURE__*/_jsx(StyleBookBody, {
+              category: tab.name,
+              examples: examples,
+              isSelected: isSelected,
+              onSelect: onSelect,
+              settings: settings,
+              sizes: sizes,
+              title: tab.title
+            })
+          }, tab.name))]
+        })
+      }) : /*#__PURE__*/_jsx(StyleBookBody, {
+        examples: examples,
+        isSelected: isSelected,
+        onClick: onClick,
+        onSelect: onSelect,
+        settings: settings,
+        sizes: sizes
+      })]
+    })
+  });
 }
 const StyleBookBody = ({
   category,
@@ -267,33 +278,35 @@ const StyleBookBody = ({
     readonly: true
   };
   const buttonModeStyles = onClick ? 'body { cursor: pointer; } body * { pointer-events: none; }' : '';
-  return createElement(Iframe, {
-    className: classnames('edit-site-style-book__iframe', {
+  return /*#__PURE__*/_jsxs(Iframe, {
+    className: clsx('edit-site-style-book__iframe', {
       'is-focused': isFocused && !!onClick,
       'is-button': !!onClick
     }),
     name: "style-book-canvas",
     tabIndex: 0,
-    ...(onClick ? buttonModeProps : {})
-  }, createElement(EditorStyles, {
-    styles: settings.styles
-  }), createElement("style", null,
-  // 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), createElement(Examples, {
-    className: classnames('edit-site-style-book__examples', {
-      'is-wide': sizes.width > 600
-    }),
-    examples: examples,
-    category: category,
-    label: title ? sprintf(
-    // translators: %s: Category of blocks, e.g. Text.
-    __('Examples of blocks in the %s category'), title) : __('Examples of blocks'),
-    isSelected: isSelected,
-    onSelect: onSelect,
-    key: category
-  }));
+    ...(onClick ? buttonModeProps : {}),
+    children: [/*#__PURE__*/_jsx(EditorStyles, {
+      styles: settings.styles
+    }), /*#__PURE__*/_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__*/_jsx(Examples, {
+      className: clsx('edit-site-style-book__examples', {
+        'is-wide': sizes.width > 600
+      }),
+      examples: examples,
+      category: category,
+      label: title ? sprintf(
+      // translators: %s: Category of blocks, e.g. Text.
+      __('Examples of blocks in the %s category'), title) : __('Examples of blocks'),
+      isSelected: isSelected,
+      onSelect: onSelect
+    }, category)]
+  });
 };
 const Examples = memo(({
   className,
@@ -306,21 +319,21 @@ const Examples = memo(({
   const compositeStore = useCompositeStore({
     orientation: 'vertical'
   });
-  return createElement(Composite, {
+  return /*#__PURE__*/_jsx(Composite, {
     store: compositeStore,
     className: className,
     "aria-label": label,
-    role: "grid"
-  }, examples.filter(example => category ? example.category === category : true).map(example => createElement(Example, {
-    key: example.name,
-    id: `example-${example.name}`,
-    title: example.title,
-    blocks: example.blocks,
-    isSelected: isSelected(example.name),
-    onClick: () => {
-      onSelect?.(example.name);
-    }
-  })));
+    role: "grid",
+    children: examples.filter(example => category ? example.category === category : true).map(example => /*#__PURE__*/_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,
@@ -339,34 +352,41 @@ const Example = ({
   // Cache the list of blocks to avoid additional processing when the component is re-rendered.
   const renderedBlocks = useMemo(() => Array.isArray(blocks) ? blocks : [blocks], [blocks]);
-  return createElement("div", {
-    role: "row"
-  }, createElement("div", {
-    role: "gridcell"
-  }, createElement(CompositeItem, {
-    className: classnames('edit-site-style-book__example', {
-      'is-selected': isSelected
-    }),
-    id: id,
-    "aria-label": sprintf(
-    // translators: %s: Title of a block, e.g. Heading.
-    __('Open %s styles in Styles panel'), title),
-    render: createElement("div", null),
-    role: "button",
-    onClick: onClick
-  }, createElement("span", {
-    className: "edit-site-style-book__example-title"
-  }, title), createElement("div", {
-    className: "edit-site-style-book__example-preview",
-    "aria-hidden": true
-  }, createElement(Disabled, {
-    className: "edit-site-style-book__example-preview__content"
-  }, createElement(ExperimentalBlockEditorProvider, {
-    value: renderedBlocks,
-    settings: settings
-  }, createElement(BlockList, {
-    renderAppender: false
-  })))))));
+  return /*#__PURE__*/_jsx("div", {
+    role: "row",
+    children: /*#__PURE__*/_jsx("div", {
+      role: "gridcell",
+      children: /*#__PURE__*/_jsxs(CompositeItem, {
+        className: clsx('edit-site-style-book__example', {
+          'is-selected': isSelected
+        }),
+        id: id,
+        "aria-label": sprintf(
+        // translators: %s: Title of a block, e.g. Heading.
+        __('Open %s styles in Styles panel'), title),
+        render: /*#__PURE__*/_jsx("div", {}),
+        role: "button",
+        onClick: onClick,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "edit-site-style-book__example-title",
+          children: title
+        }), /*#__PURE__*/_jsx("div", {
+          className: "edit-site-style-book__example-preview",
+          "aria-hidden": true,
+          children: /*#__PURE__*/_jsx(Disabled, {
+            className: "edit-site-style-book__example-preview__content",
+            children: /*#__PURE__*/_jsx(ExperimentalBlockEditorProvider, {
+              value: renderedBlocks,
+              settings: settings,
+              children: /*#__PURE__*/_jsx(BlockList, {
+                renderAppender: false
+              })
+            })
+          })
+        })]
+      })
+    })
+  });
 };
 export default StyleBook;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","Disabled","privateApis","componentsPrivateApis","__","sprintf","getCategories","getBlockTypes","getBlockFromExample","createBlock","BlockList","blockEditorPrivateApis","store","blockEditorStore","__unstableEditorStyles","EditorStyles","__unstableIframe","Iframe","useSelect","useResizeObserver","useMemo","useState","memo","useContext","ENTER","SPACE","unlock","EditorCanvasContainer","mergeBaseAndUserConfigs","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","Tabs","STYLE_BOOK_IFRAME_STYLES","isObjectEmpty","object","Object","keys","length","getExamples","headingsExample","name","title","category","blocks","content","level","otherExamples","filter","blockType","example","supports","inserter","map","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","textColor","backgroundColor","examples","tabs","some","slug","icon","base","baseConfig","mergedConfig","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","globalStyles","styles","createElement","closeButtonLabel","className","width","style","color","background","TabList","tab","Tab","tabId","key","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","preventDefault","readonly","buttonModeStyles","tabIndex","Examples","label","compositeStore","orientation","Example","id","focusMode","renderedBlocks","Array","isArray","render","value","renderAppender"],"sources":["@wordpress/edit-site/src/components/style-book/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tDisabled,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tgetCategories,\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 { 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 { mergeBaseAndUserConfigs } from '../global-styles/global-styles-provider';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n\tTabs,\n} = 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\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: [\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 1,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 2,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 3,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 4,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 5,\n\t\t\t} ),\n\t\t],\n\t};\n\n\tconst otherExamples = 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\treturn [ headingsExample, ...otherExamples ];\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 = useMemo( 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={ classnames( '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={ classnames( '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={ classnames( '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 compositeStore = useCompositeStore( { orientation: 'vertical' } );\n\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\tstore={ compositeStore }\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<CompositeItem\n\t\t\t\t\tclassName={ classnames( '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</CompositeItem>\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","Disabled","privateApis","componentsPrivateApis","__","sprintf","getCategories","getBlockTypes","getBlockFromExample","createBlock","BlockList","blockEditorPrivateApis","store","blockEditorStore","__unstableEditorStyles","EditorStyles","__unstableIframe","Iframe","editorPrivateApis","useSelect","useResizeObserver","useMemo","useState","memo","useContext","ENTER","SPACE","unlock","EditorCanvasContainer","jsx","_jsx","jsxs","_jsxs","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","mergeBaseAndUserConfigs","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","Tabs","STYLE_BOOK_IFRAME_STYLES","isObjectEmpty","object","Object","keys","length","getExamples","headingsExample","name","title","category","blocks","content","level","otherExamples","filter","blockType","example","supports","inserter","map","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","textColor","backgroundColor","examples","tabs","some","slug","icon","base","baseConfig","mergedConfig","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","globalStyles","styles","closeButtonLabel","children","className","width","style","color","background","TabList","tab","Tab","tabId","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","preventDefault","readonly","buttonModeStyles","tabIndex","Examples","label","compositeStore","orientation","Example","id","focusMode","renderedBlocks","Array","isArray","render","value","renderAppender"],"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\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tgetCategories,\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 {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n\tTabs,\n} = 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\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: [\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 1,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 2,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 3,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 4,\n\t\t\t} ),\n\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\tcontent: __( 'Code Is Poetry' ),\n\t\t\t\tlevel: 5,\n\t\t\t} ),\n\t\t],\n\t};\n\n\tconst otherExamples = 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\treturn [ headingsExample, ...otherExamples ];\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\tconst compositeStore = useCompositeStore( { orientation: 'vertical' } );\n\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\tstore={ compositeStore }\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<CompositeItem\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</CompositeItem>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default StyleBook;\n"],"mappings":"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","ignoreList":[]}